"如何利用微交互改善移動應用設計?"

在本文中,我們將研究什麼是微交互以及何時使用它們,並結合常用的網站,應用程序和產品中的微交互進行示例分析。

出色的用戶體驗不僅僅在於可用性,產品的視覺呈現和狀態也與用戶體驗息息相關。文章目錄如下:

一、微交互定義

用戶在使用產品時,會進行一系列的手勢操作,這些操作帶來的界面反饋就是微交互。這些微小的動作是我們與計算機日常互動的重要組成部分。

每次我們想為別人的消息點贊時,都會參與微交互。精心設計的微交互功能使用戶的操作流程變得順暢。

微互動可以成為傳播品牌形象的絕佳工具,一些微交互甚至成為品牌的標誌性特征,藉此提高訪問量和客戶忠誠度。

Facebook的點贊效果就是產品的一個標誌性特征。這些效果脫穎而出,每當我們看到大拇指圖標時,就會想到Facebook。

二、微交互模型

在《微交互》這本書中,作者塞弗創造了術語“微交互”,並概述了設計它們的模型。該模型包括以下部分:

1. 觸發

觸發因素是開始微交互的原因,有兩種類型的觸發:

  • 用戶啟動觸發。例如點擊按鈕或對著iPhone說“嗨Siri”的時候,用戶的這些動作都會觸發微交互。
  • 系統啟動觸發。當滿足某些特定條件時,系統可以觸發動作。例如電子郵箱自動檢查用戶收件箱中的更新並通知用戶。

2. 規則

規則定義了響應交互而產生的實際動效,例如加載動畫,通知彈出窗口,潛移默化地引導用戶完成交互過程。

3. 反饋

在大多數情況下,用戶通過反饋來瞭解正在發生的事情。根據產品的類型,反饋可以是視覺上的,聽覺上的或是觸覺上的。

4. 模式和循環

顯示產品的動效持續多長時間,併在需要切換時通知用戶。

三、微交互分析

通常微交互在產品設計過程中不會引起太多關註,畢竟它們只是用戶體驗中的小細節,但是這些小細節也會讓用戶對產品的印象產生影響。

1. 提供反饋

當我們考慮微交互時,系統反饋是首先想到的地方之一。無論設計哪種產品,都應始終努力讓其看起來更直觀,微交互通過提供反饋使用戶保持瞭解的狀態。

涉及日常體驗中的反饋時,考慮整個操作流程至關重要。如果設計一個支付系統,則需要為每筆交易都提供出色的反饋。

2. 防止錯誤

很多幫助用戶處理錯誤狀態的設計做得很好,但是最好的設計是能夠預防他們出現錯誤。當遵循這種方法時,用戶就能夠自己控制產品的體驗。

每當Gmail檢測到可能危害用戶的內容時,都會觸發一條消息,通知用戶有關潛在危險的操作。

填寫表單後出現錯誤也會讓許多用戶感到沮喪。填寫表單時,利用微交互實時反饋,向用戶傳達登錄信息是否滿足所有要求,避免填寫後出現錯誤又要重新開始的麻煩。

3. 無縫交互

交互成本的概念在人機交互中起著至關重要的作用。尼爾森諾曼集團(NNGroup)將交互成本定義為用戶花費精力與產品進行交互,達到目標花費的精神和物質的總和。

交互成本是可用性的直接衡量標準——用戶在交互上投入的精力越少,產品的可用性就越好。

無縫交互是不需要太多精力的交互,微交互可以幫助我們創造出無縫的體驗。

許多移動應用中都可以找到無縫交互的示例:

滑動——滑動卡片幫助用戶快速瀏覽不同的選項。

下拉刷新——拉動刷新是用戶觸發微交互的一個很好的例子,通過刷新,用戶可以檢索到更多內容,使數據更新的體驗變得更流暢。

4. 人機體驗

將情感融入設計中,可以在人與計算機之間建立更好的聯繫。

進行互動時,可以從類似動效反饋之類的內容開始。在下麵的示例是Twitter的動畫反饋,當用戶點贊時,Twitter將在短時間內讓內心動起來,這是鼓勵喜歡的簡單但有效的方法。

在實現重要目標或完成重要任務的時刻,利用微交互增強這些時刻,獲得更好的結果。當收件箱為零時,Gmail會顯示動畫反饋。

四、微交互設計註意事項

創建微交互是設計過程的一部分,微交互不是在現有體驗之上添加東西,而是產品設計的基本要素,應該從開始就在設計中考慮。

建立長效的微交互確實是一項挑戰。不僅要分析用戶如何使用產品,還要分析他們的體驗。對設計元素的反應全都與情感有關,因此,如果用戶對產品有負面情感,很明顯必須重新設計某些元素。

要點總結:

微交互使產品個性化,我們使用產品的體驗也是大大小小的細節總和:

  1. 微交互指導用戶採取特定動作,繼續使用產品。
  2. 微交互模型包括四個部分:觸發,規則,反饋,模式和循環。
  3. 微交互的作用——提供完整反饋預防用戶出錯,與產品無縫交互,增強使用體驗。

原文:https://www.shopify.com/partners/blog/microinteractions

作者:Nick Babich

編譯作者:Clippp;微信公眾號:Clip設計夾

本文由 @Clippp 翻譯發佈於人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基於CC0協議

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *