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

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

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

• 表達(dá)狀態(tài)并提供反饋

• 提升直接的操縱感

• 將操作結(jié)果可視化

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

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

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

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

[[144186]]

[[144187]]

2. 突出顯示變化

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

[[144188]]

[[144189]]

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

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

[[144190]]

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

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

[[144191]]

5. 行動(dòng)號(hào)召

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

[[144192]]

[[144193]]

6. 輸入的視覺化

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

[[144194]]

[[144195]]

7. 使教程生動(dòng)形象

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

[[144196]]

結(jié)論

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

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