微交互:如何用來改善用戶體驗

微交互:如何用來改善用戶體驗

什麼是微互動?

微交互是具有一個目的的事件,可以在您的設備和應用程序中找到它們。微交互的目的是取悅用戶。創造一個令人著迷,有趣的情景,賦予感情色彩。

例如看下面的互動


微交互:如何用來改善用戶體驗

豎起大拇指— Facebook Messenger

該動畫是微交互的一個很好的例子,因為它實現了三個重要功能:

  • 溝通狀態並提供反饋
  • 增強直接操縱感
  • 幫助人們看到自己行動的結果

分解


微交互:如何用來改善用戶體驗


微觀互動包括四個部分:

  • 觸發器啟動微交互。觸發器可以由用戶啟動或由系統啟動。
  • 在用戶啟動的觸發器中,用戶必須完成一個動作。
  • 在系統啟動的觸發器中,軟件檢測到滿足某些資格並執行。
  • 規則決定了微交互一旦觸發後會發生什麼。
  • 反饋使人們知道發生了什麼事。發生微交互時,用戶看到,聽到或感覺到的任何東西都是反饋。
  • 觸發條件和執行模式確定了微交互作用的規則。當條件改變時,微相互作用會發生什麼結果。

他們為什麼重要?

如果微交互只是微小的設計元素,為什麼還要關注它們呢?


令人遺憾的是,但是許多Web開發人員和設計師仍然在問這樣一個問題,沒有意識到忽略微交互可能會使他們的客戶付出很多代價。 注重細節是一個特殊網站與普通網站的根本不同。這就是微交互動搖的原因:

  • 改善了網站導航
  • 使用戶更輕鬆地與您的網站進行交互
  • 向用戶提供有關已完成操作的即時和相關反饋
  • 給您的用戶提示
  • 交流有關某些元素的信息,例如是否互動
  • 使用戶體驗更加有意義
  • 鼓勵分享,喜歡和評論您的內容
  • 吸引用戶的注意
  • 使您的網站更具情感性

設計良好的微交互是用戶關懷的明顯標誌。這就是為什麼他們如此重視。用戶可以做什麼,以及他們的行為是否正確並得到系統的批准-應用程序或網站可以提供即時的視覺反饋,並教會用戶使用系統。

正確進行微互動後,它們往往會給您的品牌帶來積極的影響並影響用戶的行為,而人們甚至根本沒有意識到原因。如果您喜歡或不喜歡產品的某個方面,則通常對產品有正面或負面的傾向。這種所謂的“哈洛效果”可以為您提供支持,也可以為您提供幫助。在明智的情況下,這些知識可以幫助改善用戶對您網站的反饋-通過適當注意細節,可以使用戶滿意。


什麼時候使用它們?

幾個例子

在UX / UI世界中,儘管微交互非常微小,但與用戶進行通信時卻被視為強大的動力。以下是最常見的七個微交互及其對用戶體驗的影響:

輕掃並且更加互動和流暢。它可以幫助用戶在選項卡之間快速切換並獲取有關產品的更多信息。此外,刷卡是一種非常常見的手勢,可以在不引起用戶思考的情況下潛意識地引導用戶。就像我們一直在讀“不要讓用戶思考”。還有什麼?既有趣又令人上癮。


數據輸入我們所有人都知道設置密碼或創建帳戶的麻煩。這個動作很容易引起反感。關於密碼強度和用法的前瞻性建議使用戶可以輕鬆地繼續前進,而在輸入數據時進行一些交互交互也可以使用戶參與該過程並有助於實現目標。


微交互:如何用來改善用戶體驗


動畫動畫只是啟用並改善了微交互。他們代表了良好的設計;他們的存在可能不會被注意到,但是缺席給每個人造成了損失。它們可以幫助設計師使最簡單的過程變得有趣和令人上癮。但是要非常小心,因為它們是為了吸引用戶而不會分散他們的注意力或使他們沮喪;延遲處理或在網站中引入新樣式可能會引起混亂。


微交互:如何用來改善用戶體驗


當前系統狀態必須使用戶瞭解網站或應用程序上當前發生的狀態,這一點很重要。如果不通知用戶,他們將很生氣並關閉網站或應用程序。微交互使用戶可以準確地知道發生了什麼,完成該過程需要多長時間等。即使失敗消息也要很幽默,但有效地保持了用戶的信任。


微交互:如何用來改善用戶體驗


使教程變得有趣每個人都在不斷尋求信息。藉助微交互的教程,通過簡化和突出顯示基本功能和重要控件以幫助用戶理解,從而指導用戶使用應用程序的工作。


微交互:如何用來改善用戶體驗


號召性用語微交互實質上是在推動用戶與應用程序或網站進行交互。號召性用語給用戶帶來了成就感,也給用戶行為灌輸了同理心,使用戶與CTA互動的最佳方法是使其吸引用戶的興趣。


微交互:如何用來改善用戶體驗


動畫按鈕通過讓用戶知道他們進入應用程序或網站的方法,它們起到信息管理器的作用。我們需要注意顏色,形狀,特殊效果,動畫,位置和紋理,以使用戶體驗完整。


微交互:如何用來改善用戶體驗


我們人類努力尋求即時滿足。在更大的事物方案中,忽略微交互是一種普遍的趨勢,但這對於吸引用戶非常重要。小小的體驗和設計功能(例如在屏幕之間切換或突出顯示功能或彈出新通知)可以在增強用戶體驗方面產生巨大差異。

如何設計微交互?

進行微交互對於設計師來說是令人興奮的,因為可以嘗試新的設計解決方案並尋找使用戶感到驚訝的新方法。但是為此,您必須牢記以下幾點:

  • 把自己放在用戶的角度上,並使用他們需要使用的應用程序。
  • 創建功能動畫。不僅具有美學效果而且能夠增強用戶體驗的動畫。
  • 玩得開心,娛樂您的用戶。用戶使用該應用程序時的感受是其不斷使用該應用程序的原因。
  • 不要煩人。過多的動畫會對用戶產生相反的影響。令人討厭的用戶使他們遠離您的應用程序。
  • 使用人類語言和非技術性語言。有趣且具有諷刺意味的副本可能會讓您暫時忘卻它可能是應用程序中空白頁面的令人沮喪。


設計微互動的工具

那麼,設計人員應該熟悉哪些微交互制作工具?目前大多設計師會選擇使用PS、AE、principle等來製作演示DOME,小夥伴們可根據自己的愛好驚喜選擇。

粉絲福利


回覆公眾號:“設計圈”,加入我們的設計交流圈,與更多高手一起探討、學習、成長。


分享到:


相關文章: