微交互最佳行為

微交互是指以完成某項(xiàng)單獨(dú)任務(wù)為目的的微妙時(shí)刻。幾乎我們周圍所有的應(yīng)用都有微交互。比如:

a.確認(rèn)加入購物車
b.使用下拉刷新
c.確認(rèn)行為的交互動(dòng)效(比如:切換按鈕)

這些都過成了微交互的一個(gè)短暫的瞬間。我們并不會(huì)刻意的注意它,但是我們刻意感覺他們的存在。將這些短暫的瞬間添加到設(shè)計(jì)上可以優(yōu)化用戶體驗(yàn),使得界面看起來不那么機(jī)械,更人性化。

在本文里,我會(huì)介紹5個(gè)有用的微交互技巧,并給出些有用的例子。

1.創(chuàng)建習(xí)慣循環(huán)

微交互可以驅(qū)動(dòng)用戶實(shí)際的交互行為。它們是幫助用戶形成習(xí)慣的一種強(qiáng)有力手段。當(dāng)人們重復(fù)相同的動(dòng)作,習(xí)慣就很容易形成。通常這種由三部分構(gòu)成:

a.暗示——初始行為的觸發(fā)器
b.一系列行為——相應(yīng)暗示后,你執(zhí)行的動(dòng)作
c.獎(jiǎng)勵(lì)——在一些列完成動(dòng)作中獲得的好處,也就是完成動(dòng)作的原因

Facebook關(guān)于消息的提醒就是一個(gè)很好的習(xí)慣循環(huán)的例子。紅色的氣泡白色的數(shù)字icon(暗示)表示有新信息,用戶點(diǎn)擊氣泡(行為),跟朋友交流(獎(jiǎng)勵(lì))。一會(huì)兒,用戶看到紅色氣泡就會(huì)自動(dòng)點(diǎn)擊icon。

Tip:獎(jiǎng)勵(lì)驅(qū)動(dòng)行為。獎(jiǎng)勵(lì)越給力,習(xí)慣就越容易形成。

2.相同主題的綁定在一起

微交互應(yīng)該是你設(shè)計(jì)中自然的一部分,你需要確定統(tǒng)一的主題,確保這些微交互綁在一起,實(shí)現(xiàn)同一個(gè)動(dòng)作和目的。以下是兩個(gè)基本原則:

持續(xù):事物不同狀態(tài)之間的過渡動(dòng)畫應(yīng)該看起來順暢不間斷。

可預(yù)測(cè):良好的隱形微交互可以設(shè)置期望,并幫助用戶及時(shí)糾正信息。


3.通過動(dòng)畫反饋

動(dòng)畫如果使用正確的話,會(huì)對(duì)用戶體驗(yàn)有很大的影響。功能性和愉悅性的動(dòng)畫都能用于傳遞反饋信息:

功能性動(dòng)畫降低任職成本,避免變化不可見,并且在空間關(guān)系上,建立比較好反饋。

愉悅性動(dòng)畫可以讓交互變得更有趣,通過動(dòng)效吸引用戶,賦予交互界面更多生機(jī)。

4.使用幽默

幽默在交互中,無論在什么角度,都會(huì)給用戶體驗(yàn)帶來情感反饋。比如,MailChimp,一個(gè)郵箱網(wǎng)絡(luò)服務(wù)產(chǎn)品,在用戶創(chuàng)建和安排第一封郵件加入了出乎意料的詼諧,積極向上貫穿在整個(gè)過程中。通過添加微小的愉快的驚喜在用戶路徑上,MailChimp使得發(fā)送郵件變得更加有趣。


設(shè)計(jì)應(yīng)該以任何形式進(jìn)行情感溝通。

5.避免不適宜的交互

確保視覺暗示和動(dòng)效都是合適的。這是微交互過度或者交互太復(fù)雜的界面中的常見錯(cuò)誤。如下面這個(gè)例子所示,這是個(gè)非常漂亮,但是卻十分不切實(shí)際的交互

切記,少即是多,設(shè)計(jì)微交互要三思而后行。所有移除后讓UI看起來更加清晰的東西,都是無用的。所以再設(shè)計(jì)為交互時(shí),我們應(yīng)該注意那些對(duì)于用戶來說確實(shí)可行的微交互。

建議:使用KISS原則,微交互一定是非常細(xì)微非常簡單的。別把微交互做成巨交互。

結(jié)論:

在UX中,關(guān)注你怎樣對(duì)待用戶以及他們使用產(chǎn)品時(shí)的感受。即使是很小的細(xì)節(jié)都值得被關(guān)注,因?yàn)殛P(guān)注每個(gè)小細(xì)節(jié)是使人機(jī)交互變得簡單易用的關(guān)鍵所在。


原文鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,043評(píng)論 4 61
  • (一) 一天清晨,家住浙江慈溪市的龍女士睡夢(mèng)中隱約聽到了一絲異響,沒在意的她就繼續(xù)睡覺,結(jié)果房頂上開始拼命掉東西,...
    朱黛閱讀 253評(píng)論 0 0
  • 原創(chuàng)文章轉(zhuǎn)載請(qǐng)注明出處 一.安裝指引 1.1 設(shè)備安裝 前提: *一臺(tái)越獄手機(jī),并且安裝 Cydia、Apt 0....
    richar_閱讀 1,509評(píng)論 0 1

友情鏈接更多精彩內(nèi)容