在本文中,我們將研究什麼是微交互以及何時使用它們,並結合常用的網站,應用程序和產品中的微交互進行示例分析。
出色的用戶體驗不僅僅在於可用性,產品的視覺呈現和狀態也與用戶體驗息息相關。文章目錄如下:
一、微交互定義
用戶在使用產品時,會進行一系列的手勢操作,這些操作帶來的界面反饋就是微交互。這些微小的動作是我們與計算機日常互動的重要組成部分。
每次我們想為別人的消息點贊時,都會參與微交互。精心設計的微交互功能使用戶的操作流程變得順暢。
微互動可以成為傳播品牌形象的絕佳工具,一些微交互甚至成為品牌的標誌性特征,藉此提高訪問量和客戶忠誠度。
Facebook的點贊效果就是產品的一個標誌性特征。這些效果脫穎而出,每當我們看到大拇指圖標時,就會想到Facebook。
二、微交互模型
在《微交互》這本書中,作者塞弗創造了術語“微交互”,並概述了設計它們的模型。該模型包括以下部分:
1. 觸發
觸發因素是開始微交互的原因,有兩種類型的觸發:
- 用戶啟動觸發。例如點擊按鈕或對著iPhone說“嗨Siri”的時候,用戶的這些動作都會觸發微交互。
- 系統啟動觸發。當滿足某些特定條件時,系統可以觸發動作。例如電子郵箱自動檢查用戶收件箱中的更新並通知用戶。
2. 規則
規則定義了響應交互而產生的實際動效,例如加載動畫,通知彈出窗口,潛移默化地引導用戶完成交互過程。
3. 反饋
在大多數情況下,用戶通過反饋來瞭解正在發生的事情。根據產品的類型,反饋可以是視覺上的,聽覺上的或是觸覺上的。
4. 模式和循環
顯示產品的動效持續多長時間,併在需要切換時通知用戶。
三、微交互分析
通常微交互在產品設計過程中不會引起太多關註,畢竟它們只是用戶體驗中的小細節,但是這些小細節也會讓用戶對產品的印象產生影響。
1. 提供反饋
當我們考慮微交互時,系統反饋是首先想到的地方之一。無論設計哪種產品,都應始終努力讓其看起來更直觀,微交互通過提供反饋使用戶保持瞭解的狀態。
涉及日常體驗中的反饋時,考慮整個操作流程至關重要。如果設計一個支付系統,則需要為每筆交易都提供出色的反饋。
2. 防止錯誤
很多幫助用戶處理錯誤狀態的設計做得很好,但是最好的設計是能夠預防他們出現錯誤。當遵循這種方法時,用戶就能夠自己控制產品的體驗。
每當Gmail檢測到可能危害用戶的內容時,都會觸發一條消息,通知用戶有關潛在危險的操作。
填寫表單後出現錯誤也會讓許多用戶感到沮喪。填寫表單時,利用微交互實時反饋,向用戶傳達登錄信息是否滿足所有要求,避免填寫後出現錯誤又要重新開始的麻煩。
3. 無縫交互
交互成本的概念在人機交互中起著至關重要的作用。尼爾森諾曼集團(NNGroup)將交互成本定義為用戶花費精力與產品進行交互,達到目標花費的精神和物質的總和。
交互成本是可用性的直接衡量標準——用戶在交互上投入的精力越少,產品的可用性就越好。
無縫交互是不需要太多精力的交互,微交互可以幫助我們創造出無縫的體驗。
許多移動應用中都可以找到無縫交互的示例:
滑動——滑動卡片幫助用戶快速瀏覽不同的選項。
下拉刷新——拉動刷新是用戶觸發微交互的一個很好的例子,通過刷新,用戶可以檢索到更多內容,使數據更新的體驗變得更流暢。
4. 人機體驗
將情感融入設計中,可以在人與計算機之間建立更好的聯繫。
進行互動時,可以從類似動效反饋之類的內容開始。在下麵的示例是Twitter的動畫反饋,當用戶點贊時,Twitter將在短時間內讓內心動起來,這是鼓勵喜歡的簡單但有效的方法。
在實現重要目標或完成重要任務的時刻,利用微交互增強這些時刻,獲得更好的結果。當收件箱為零時,Gmail會顯示動畫反饋。
四、微交互設計註意事項
創建微交互是設計過程的一部分,微交互不是在現有體驗之上添加東西,而是產品設計的基本要素,應該從開始就在設計中考慮。
建立長效的微交互確實是一項挑戰。不僅要分析用戶如何使用產品,還要分析他們的體驗。對設計元素的反應全都與情感有關,因此,如果用戶對產品有負面情感,很明顯必須重新設計某些元素。
要點總結:
微交互使產品個性化,我們使用產品的體驗也是大大小小的細節總和:
- 微交互指導用戶採取特定動作,繼續使用產品。
- 微交互模型包括四個部分:觸發,規則,反饋,模式和循環。
- 微交互的作用——提供完整反饋預防用戶出錯,與產品無縫交互,增強使用體驗。
原文:https://www.shopify.com/partners/blog/microinteractions
作者:Nick Babich
編譯作者:Clippp;微信公眾號:Clip設計夾
本文由 @Clippp 翻譯發佈於人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基於CC0協議