微交互是指以完成某項單獨任務為目的的微妙時刻。幾乎我們周圍所有的應用都有微交互。比如:
a.確認加入購物車
b.使用下拉刷新
c.確認行為的交互動效(比如:切換按鈕)
這些都過成了微交互的一個短暫的瞬間。我們并不會刻意的注意它,但是我們刻意感覺他們的存在。將這些短暫的瞬間添加到設計上可以優化用戶體驗,使得界面看起來不那么機械,更人性化。
在本文里,我會介紹5個有用的微交互技巧,并給出些有用的例子。
1.創建習慣循環
微交互可以驅動用戶實際的交互行為。它們是幫助用戶形成習慣的一種強有力手段。當人們重復相同的動作,習慣就很容易形成。通常這種由三部分構成:
a.暗示——初始行為的觸發器
b.一系列行為——相應暗示后,你執行的動作
c.獎勵——在一些列完成動作中獲得的好處,也就是完成動作的原因
Facebook關于消息的提醒就是一個很好的習慣循環的例子。紅色的氣泡白色的數字icon(暗示)表示有新信息,用戶點擊氣泡(行為),跟朋友交流(獎勵)。一會兒,用戶看到紅色氣泡就會自動點擊icon。
Tip:獎勵驅動行為。獎勵越給力,習慣就越容易形成。
2.相同主題的綁定在一起
微交互應該是你設計中自然的一部分,你需要確定統一的主題,確保這些微交互綁在一起,實現同一個動作和目的。以下是兩個基本原則:
持續:事物不同狀態之間的過渡動畫應該看起來順暢不間斷。
可預測:良好的隱形微交互可以設置期望,并幫助用戶及時糾正信息。
3.通過動畫反饋
動畫如果使用正確的話,會對用戶體驗有很大的影響。功能性和愉悅性的動畫都能用于傳遞反饋信息:
功能性動畫降低任職成本,避免變化不可見,并且在空間關系上,建立比較好反饋。
愉悅性動畫可以讓交互變得更有趣,通過動效吸引用戶,賦予交互界面更多生機。
4.使用幽默
幽默在交互中,無論在什么角度,都會給用戶體驗帶來情感反饋。比如,MailChimp,一個郵箱網絡服務產品,在用戶創建和安排第一封郵件加入了出乎意料的詼諧,積極向上貫穿在整個過程中。通過添加微小的愉快的驚喜在用戶路徑上,MailChimp使得發送郵件變得更加有趣。
設計應該以任何形式進行情感溝通。
5.避免不適宜的交互
確保視覺暗示和動效都是合適的。這是微交互過度或者交互太復雜的界面中的常見錯誤。如下面這個例子所示,這是個非常漂亮,但是卻十分不切實際的交互
切記,少即是多,設計微交互要三思而后行。所有移除后讓UI看起來更加清晰的東西,都是無用的。所以再設計為交互時,我們應該注意那些對于用戶來說確實可行的微交互。
建議:使用KISS原則,微交互一定是非常細微非常簡單的。別把微交互做成巨交互。
結論:
在UX中,關注你怎樣對待用戶以及他們使用產品時的感受。即使是很小的細節都值得被關注,因為關注每個小細節是使人機交互變得簡單易用的關鍵所在。