
什麼是微互動以及微互動的細節設計
「最好的產品做好兩件事:功能和細節。功能是吸引人們使用您的產品的原因;細節決定了它們的存在。」Dan Saffer說。細節的重要性怎麼強調都不為過。細節讓用戶喜歡或討厭一個應用程式或網站。微互動就是那些細節。它們在全局設計方案中可能很容易被忽視,但它們實際上將整個體驗結合在一起。
在本文中將解釋什麼是微互動,為什麼它們很重要,並提供一些很好的例子。
什麼是微互動?
微互動是圍繞完成單個任務的微妙時刻, 通過為用戶提供有用的反饋和積極的體驗。它們被用作以有趣的方式在應用程式中創建輕鬆導航的有效工具,以便鼓勵人們一次又一次地重複相同的操作。我們周圍幾乎所有的應用程式都充滿了微互動。
微互動最著名的例子早在計算機發明之前就已經存在了。開關通常是人們接觸產品的第一個微互動。
圖片來源: 維密歐
特定微互動的其他一些示例包括:
1.當您將iPhone切換為靜音時,會顯示振動通知和靜音模式圖標。
2.下拉刷新UI模式。通過將用戶尋找更多內容的願望與刷新動作聯繫起來,體驗變得更加無縫。
3.社群網路上的「喜歡」按鈕,通過使用互動式動畫突出顯示變化。
因此,微互動是人與應用程式互動的一種方式,是技術與用戶之間的橋梁。這種聯繫的最佳實踐是通過賦予微互動設計一種情感吸引力,使它們更加溫暖和人性化。這方面的一個很好的例子是Facebook,以及它如何在行動裝置中設計其紅心表情符號。心形一旦出現在對話窗口中,就會爆炸成數十顆漂浮的心形,覆蓋整個手機螢幕,並伴有音效。聊天中的任何人都可以通過再次點擊心形表情符號來重複此操作。這種驚喜和喜悅的時刻為應用程式創造了一種溫暖的感覺,使整體體驗更加愉快,並鼓勵人們回來更多。
雖然微互動不一定太明顯,但它仍然應該是有趣和吸引人的。這包括當一個人收到消息、將手機靜音或完成任務時應用程式功能內的小動畫。它們向用戶展示他們所做的一切是對還是錯。
圖片來源: 克里斯班尼斯特
簡而言之,微互動通過使用戶界面和更人性化來改善用戶體驗。很多時候我們會考慮外觀和感覺以及它與設計的關係。當我們考慮微互動時,它們在很大程度上平衡了用戶對產品、服務或品牌的感受。
微互動通過以下方式微調以人為本的設計:
提供即時反饋——視覺反饋能夠滿足用戶對確認的自然渴望。用戶立即知道他們的行動被接受了,他們希望通過視覺獎勵感到高興。
作為互動的促進者——微互動有能力鼓勵用戶進行實際互動。 他們可以通過簡單有趣的方式引導用戶並演示如何使用該應用程式。
帶來愉悅——微互動是在不影響主要體驗的情況下在設計中增加一點額外愉悅的絕佳機會。
微互動動畫也適用於:
1.調整設置;
2.提請注意內容的一個小元素;
3.確認最終或重要任務的完成;
4.強調正在進行的過程;
5.顯示每個功能的開啟和關閉模式。
額外的好處
因為微互動本質上是簡短的,所以它們必須被設計為重複使用。精心設計的微互動能夠創造:
總的來說,為了解釋微互動的含義,我需要將他們的工作分解為四個部分,包括觸發器、規則、反饋和循環(或模式)。他們的團隊合作使整個過程如此有效。這是它的工作原理,一步一步:
1.觸發器是任何互動的開始。例如,當一個人點擊一個圖標時,這就是一個觸發器。通知期間的動畫或振動,例如關於新消息,也是一個觸發器。
2.規則是不可見的,但是當用戶和應用程式之間的通信條件得到滿足並繼續時,它們就會發生。
3.反饋是對規則的理解和接受。
4.模型/循環負責習慣的創造。它們是任何微互動的最終目標。
如何創建微互動,一般來說,精心設計的微互動是:
習慣循環
微互動是習慣循環的關鍵組成部分。當人們重複執行相同的動作時,習慣就會形成。典型的習慣迴路由三個要素組成:
1.Cue - 啟動動作的觸發器
2.例程——響應提示,你執行一個動作
3.獎勵——你從完成例程中獲得的好處,完成動作的原因。
獎勵越強,習慣就越強。
Facebook的關於新朋友請求的通知是習慣循環的一個很好的例子:紅色徽章和白色圖標(提示)表示有一個新請求,這使得用戶點擊圖標(例程)以查看有關此人的訊息(獎勵)。過了一會兒,用戶看到紅色徽章時會自動點擊該圖標。
簽名時刻
如果做得好,微互動可以成為提高客戶忠誠度的標誌性時刻。標誌性時刻是被提升為品牌一部分的微互動。想想 Facebook 的 Like 按鈕。它成為Facebook界面的自然組成部分。如果Facebook突然刪除此功能,用戶會注意到它並認為該應用程式已損壞。
識別機會
微互動的部分美妙之處在於它們可以插入到任何潛在動作周圍的各種位置。微互動適用於:
突出顯示更改
瀏覽應用程式並引導用戶注意。在許多情況下,動畫用於吸引用戶對重要細節(即通知)的注意。
圖片來源: 拉賈特蘇丹
儘量減少用戶的努力
自動完成是微互動的一個很好的例子。打字互動成本高;即使使用全鍵盤(在觸控螢幕上更是如此),它也容易出錯且耗時。自動完成幫助用戶更快地提供正確的答案,而且不會出現印刷錯誤。當您鍵入每個字母時,系統將對您要查找的單詞做出最佳猜測。
圖片來源: 花式浪涌文件
提供反饋以顯示已完成的工作
微互動可以強化用戶正在執行的操作。通過遵循「展示,不說」的原則,您可以使用動畫反饋來展示已完成的工作。在下面的 Stripe 示例中,當用戶單擊「支付」時,在應用程式顯示成功狀態之前會短暫出現一個微調器。對勾動畫讓用戶覺得他們很容易完成支付,用戶也很欣賞這些重要的細節。
圖片來源: 條紋來自 Michaël Villar
提供狀態訊息
Jakob Nielsen 提出的第一個可用性啟發式原則指出:系統應該始終讓用戶了解正在發生的事情。聊天中的輸入指示器是提供狀態訊息的微互動的一個很好的例子。當您在聊天中撰寫消息時,它會出現在您好友的螢幕上。
圖片來源: 瑪麗亞·尤希緬科
驗證用戶數據
表單設計中最重要但經常被忽視的方面之一是錯誤處理。犯錯是人的天性,您的表格可能無法免除人為錯誤。用戶不喜歡他們在填寫表單的過程中卻在提交時發現他們犯了錯誤。這是驗證微互動以用戶友好形式發揮作用的地方。實時內聯驗證會立即通知用戶所提供數據的正確性。這種方法允許用戶更快地糾正他們犯的錯誤,而不必等到他們按下提交按鈕才能看到錯誤。如果做得好,它可以將模稜兩可的互動變成清晰的互動。
圖片來源: 保羅·麥格雷戈
如何設計細節
為了構建正確的元素,需要遵循一些關鍵規則和原則。
以下是一些值得一提的設計細節的提示:
1.在開始之前,您必須了解有關受眾、平台和產品的所有訊息。查找所有訊息並先進行測試。觸發器的原型製作和設計是您不應忽視的關鍵。
2.不惜一切代價防止任何可能破壞循環的事情。
3.不要失去人情味。保持真實和情感。
4.使用Trigger來顯示所有最有趣的訊息。
5.把事情簡單化。不要一次添加或創建太多東西,不要讓螢幕過載。僅使用已經存在的元素。
結論
設計在於細節。即使是小細節也值得密切關注,因為所有這些小時刻構成了感覺,它們共同形成了一個美麗的整體產品。「我們喜歡的產品和我們簡單容忍的產品之間的區別通常在於我們與它們的微互動。」 — 丹·薩弗
如果你關心用戶體驗,你必須關心微互動。因為您的產品的好壞取決於人們與它的最少微互動。