眾所周知，我們總是依據(jù)封面來判斷書的好壞，聰明的設(shè)計師會創(chuàng)造實用有吸引力的界面。潛在用戶可能會被吸引，但如何一直黏住他們呢？

要試著回答這個問題，所有一切都指向人本設(shè)計，其中用戶是最主要的考量。以人為本：你的應(yīng)用應(yīng)該使用日常用語，包括情緒、口語，外觀還要有一絲“誘惑力”。界面應(yīng)當(dāng)成為你的好朋友，時刻準(zhǔn)備給出建議提升你的體驗，讓你會心一笑。

現(xiàn)在揭幕：是微交互在起作用。精確的說，這主要是界面附帶的交互動畫，使它更具表現(xiàn)力。優(yōu)秀的動畫能夠：

• 表達狀態(tài)并提供反饋
• 提升直接的操縱感
• 將操作結(jié)果可視化

在用戶體驗中，關(guān)鍵是你如何對待用戶，還有他們使用產(chǎn)品時的感受。極小的細節(jié)都值得加倍留心。微交互提供了用戶所需的反饋，表達了當(dāng)前運行狀況。無論背后邏輯有多么復(fù)雜，都能使界面更親切。

1. 顯示系統(tǒng)狀態(tài)

Jakob Nielsen在可用性原則啟示第一條中描述：讓用戶始終知曉當(dāng)前在發(fā)生什么。用戶希望立馬得到回應(yīng)，但總有些情況下，網(wǎng)站需要一點時間等待操作完成。

那么，界面就應(yīng)當(dāng)在背景處顯示圖形，反映完成百分比。或是播放聲音，讓用戶了解當(dāng)前發(fā)生的事情。這個原則也關(guān)系到文件傳輸：不要讓用戶覺得無聊，給他們看進度條。即使是不太令人愉快的通知，比如傳輸失敗，也應(yīng)該以令人喜愛的方式展現(xiàn)。讓你的用戶微笑！

2. 突出顯示變化

通常為了節(jié)省空間，應(yīng)用會在需要時把某個按鈕替換掉。有時我們需要展現(xiàn)通知，確保用戶注意到了。動畫可以吸引他們注意，不至于忽略你認(rèn)為重要的信息。

3. 保持前后關(guān)聯(lián)

在這個智能手機和小屏幕智能手表的時代，難以在屏幕上展現(xiàn)大量信息。有一種處理方式，是在不同頁面之間保持清晰的導(dǎo)航。讓用戶理解什么東西來自何處，便能輕易回溯。有多種方式可以實現(xiàn)：

4. 非標(biāo)準(zhǔn)布局

繼續(xù)之前的例子，微交互應(yīng)當(dāng)幫助用戶理解如何操作非標(biāo)準(zhǔn)的布局，去除不必要的疑惑。照片前后滑動、滾動式圖表和旋轉(zhuǎn)角色都是很棒的選擇：

5. 行動號召

除了幫助用戶有效地操作應(yīng)用，微交互也有鼓勵用戶操作的能力：持續(xù)瀏覽、點贊或分享內(nèi)容，只因為這很有吸引力，用戶不舍離去：

6. 輸入的視覺化

所有應(yīng)用中，數(shù)據(jù)錄入都是最重要的元素之一。數(shù)據(jù)錄入決定了用戶所得結(jié)果的質(zhì)量。通常，這部分很無趣，但微交互可以使它與眾不同：

7. 使教程生動形象

當(dāng)然，在應(yīng)用發(fā)布后，動畫可以教育用戶。它突出一些基本功能和控件，排除用戶在未來的使用中的障礙。

結(jié)論

所以，如果你重視用戶體驗，就應(yīng)該從頭到尾精細打磨界面，通過微交互與動畫為它增色添彩。它會為你的項目賦予生命。

注意每個細節(jié)，是使人機交互易用的成功要訣。

原文鏈接

譯文鏈接