在具有令人眼花繚亂的數字平臺和內容海洋的世界中,微交互變得越來越重要。雖然微交互在數字設計的早期曾被認為是一個很酷的功能,但在當今競爭激烈的數字空間中,它們已成為整體用戶體驗的關鍵元素。
由于用戶從微觀互動中感受到的價值感,它們不僅可以促進參與,還可以激發對您品牌的積極情感,并最終影響用戶的行為www.kunming3.com。
本文將討論微交互的基礎知識以及如何利用它們來增強UX設計。
什么是微交互?
在數字設計中,在與產品的大多數用戶交互中發現微交互。當您將鼠標懸停在文本上并且它會更改顏色以指示可以單擊它時,會發生這種情況。當動畫出現時,顯示上傳的進度。甚至是彈出的消息讓你知道你輸入了錯誤的密碼。
這些微小的視覺線索和其他微妙的指標是微觀互動。雖然用戶可能不會輕易注意到這些內容,但實際上,這些內容通常是在他們正確執行時。微交互,無論多么微妙,都將通用設計方案結合在一起 - 提供一些信息,允許用戶導航界面并執行基本功能。
微交互如何工作
微交互有四個基本要素:觸發器,規則,反饋和循環/模式。這些元素有助于組織這些設計元素的操作周期:
觸發器
這些是啟動微交互過程的東西 - 例如按下按鈕或點擊鼠標。它也可以在滿足某些條件時由系統啟動,例如當您收到消息時收到聲音通知。
這些觸發器使用一組既定的操作規則來規定可以做什么和不可以做什么。
規則
這些基本上決定了觸發微交互后會發生什么。例如,當您向Tinder上滑動時,規則會聲明您“超級喜歡”某人。但規則還規定,在他們喜歡你之前,仍然不能發信息。
反饋
顧名思義,它可以讓用戶知道發生了什么。當微觀互動發生時,用戶看到,聽到甚至感覺到的任何東西都是反饋。例如,如果您將手機設置為振動,則會產生短暫的振動反饋。
循環/模式
這些基本上定義了交互的本質 - 它會閃現一次,重復嗎?一段時間會發生什么?例如,循環可以是用戶輸入錯誤密碼的次數,而模式是在五次密碼錯誤后臨時阻止帳戶。
何時以及如何使用微交互
1.頁面動畫
當您談論頁面動畫時,它可能是頁面之間的創意過渡,或者只是一個很酷的滾動進度圖標。這些類型的微交互可以讓用戶更好地了解先前頁面和當前頁面之間的關系。它甚至使得略讀的過程更具吸引力。
2.滑動
同樣,您還可以通過在用戶滑動時將平滑過渡結合到您的內容中來利用先天滑動的方式。這樣,您可以為您的內容添加一些娛樂價值(無需用戶使用約會應用)。
3.動畫輸入字段
你可能沒有遇到任何喜歡填寫表格的人。但動畫領域至少可以使平凡的任務更具吸引力,甚至是有幫助的。
4.狀態動畫
同樣,在這個日益減少的注意力和按需娛樂的時代,沒有人喜歡等待。但是通過使用動畫來處理下載/上傳狀態,您可以顯示用戶的進度,同時為無聊的功能添加更多樂趣。
您甚至可以使用它來添加品牌。
5.通知
說到通知,最好是為用戶提供選項。例如,有些用戶喜歡較少侵入性的通知。與此同時,其他人甚至不介意Facebook Messenger的聊天泡泡即使在他們觀看YouTube視頻時也會出現。
Facebook和Instagram已經把它帶到了另一個層面,每當有人喜歡他們的帖子時,就會為用戶提供多巴胺。這會構建習慣,使用戶期待收到通知。
6.下拉菜單
它已成為智能手機操作系統的主要設計,因為它非常易于使用。只需從屏幕頂部向下拉,即可訪問所有通知和基本設置。易于導航是微交互最重要的功能之一,下拉菜單就是這樣。
7.號召性用語按鈕
您的CTA存在是有原因的 - 這是因為您希望用戶點擊它們。向CTA按鈕添加動畫有助于刺激用戶的行為。至少,讓他們對可能發生的事情感到好奇。
8.錨文本動畫
動畫錨文本是將創意品牌整合到簡單功能中的好方法,例如返回主頁甚至只是指示可以點擊某些內容。
9.教程
微交互也是教育用戶如何使用產品的好方法。簡單的動畫甚至圖形指出基本功能可以通過使您的產品易于使用,并揭示酷炫的隱藏功能,大大改善用戶體驗。
帶走
這些小細節都為用戶的整體體驗增添了價值。像非侵入式通知或酷炫狀態動畫這樣的小功能可以讓用戶感覺到公司關心他們,并導致對品牌的善意。一旦建立了這種關系,您就可以影響他們的行為以符合您自己的目標。
隨著一切都變得數字化,從人群中脫穎而出變得越來越難 - 但這些微妙的微觀互動可以幫助你實現這一目標。
微交互就是網站建設中的細節。它們可能在全球設計方案中容易被忽視,但它們實際上將整個體驗結合在一起。
特定微交互的一些其他示例包括:
將iPhone切換為靜音時,振動通知以及顯示屏上的靜音模式圖標。
拉動刷新UI模式。通過將用戶希望發現更多內容與刷新動作聯系起來,體驗變得更加無縫。
額外的好處
因為微交互性質很短,所以它們必須設計成可重復使用。精心設計的微交互能夠創建:
習慣循環
微交互是習慣循環的關鍵組成部分。當人們反復執行相同的動作時,就會形成習慣。典型的習慣循環包括三個要素:
識別機會
微交互的一部分美妙之處在于,它們可以插入各種各樣的地方,圍繞任何潛在的行動。微交互適用于:
突出顯示更改
微交互可以引導用戶注意。在許多情況下,動畫用于吸引用戶注意重要細節(即通知)。
盡量減少用戶的工作量
自動完成是微交互的一個很好的例子。打字具有較高的交互成本; 即使使用全鍵盤(在觸摸屏上更是如此),它也容易出錯且耗時。自動填充功能可幫助用戶更快地提供正確答案,而且不會出現印刷錯誤。當您鍵入每個字母時,系統會對您要查找的字詞做出最佳猜測。
微交互是提供令人愉快的反饋的最佳技術之一。
所有的道路導致以人為本的設計方法,用戶是主要焦點。微觀相互作用通常被認為是輔助或次要的,一旦被用戶發現,微觀相互作用實際上會產生幸福感。作為一名設計師,認識到微交互的不可見性與設計他們一樣重要。你必須創造一種感覺人類的東西,并完成一項任務。
什么是微交互?
微交互作用是包含一個小任務的產品時刻。
正如Dan Saffer的書“ 微交互”(Microinteractions)首先描述的那樣,這些微小的細節通常具有以下基本功能:
溝通反饋或行動的結果。
完成一項個人任務。
增強直接操作的感覺。
幫助用戶可視化他們的行動的結果,并防止錯誤。
具體的微交互的一些例子包括:
將iPhone切換為靜音時,將顯示振動通知和顯示的靜音模式圖標。
界面動畫,或者顯示點擊的能力(一個按鈕在盤旋時改變顏色)。