1. 程式人生 > >微交互:App成功的秘訣

微交互:App成功的秘訣

以下內容由Mockplus團隊翻譯整理,僅供學習交流,Mockplus是更快更簡單的原型設計工具。


最好的產品擁有兩個很棒的特點:功能和細節。產品的功能可成功吸引到人們的註意力,而產品的細節則可留住你的用戶並且細節可使你的產品在眾多應用程序中脫穎而出。

微交互是提供令人愉快反饋的最佳技術之一。

所有以人為中心的設計方法,用戶是核心。微交互常常會被視為輔助的和次要的,但它一旦被用戶認知便會傳遞出一種幸福感。最為一名設計師,認識到微交互的隱形性與設計出它們同等重要。你得創造出一些人性化的東西並去完成它。

那麽到底什麽是微交互?

在產品中,使用者參與單一任務的過程。

正如Dan Saffer’s在微交互的書中提到的這些微小的細節通常具備這些基本功能:

信息或反饋?和操作後的結果

完成一項獨立的任務

增強直接操縱感

幫助用戶可視化其操作後的結果,避免錯誤

一些微交互的實例:

當您將iPhone切換為靜音時,振動通知與靜音模式圖標一起顯示。



界面動畫可點擊,當鼠標懸停的時候,按鈕可改變顏色。

圖片來源:Dribbble

為什麽微交互有用?

微交互有用是因為它們迎合了用戶對認可的自然欲望。用戶可立即知道他們的操作被接受了而且可通過視覺上的感受獲得一種滿足。

識別機會

微相互迷人之處就在於它可以插入到各種場合中,包括任何潛在的動作。一般來說,他們往往會出現在以下幾個方面:

顯示系統狀態

Jakob Nielsen的第一個可用性啟發式原則指出:讓用戶了解發生了什麽。用戶希望立即獲得回應,但有一些應用需要一段時間才能完成操作。

所以界面的設計應該讓用戶對發生的事情有所了解。



進度欄上傳和下載

或者用戶在哪裏:



滾動條進度

突出顯示更改

有時我們必須顯示通知以確保用戶可以看到。動畫可幫助吸引用戶的註意力並且不會讓他們忽略一些重要的事情。



新收到的消息

註意:在許多情況下,動畫效果用來吸引用戶對一些重要細節的關註。你應該使用KISS原理 ?- 微交互應該短小是而簡單的。

保持內容一致

利用流暢的操作來傳輸信息給用戶,解釋屏幕上元素排列的變化。這對於移動設備和智能手表尤其如此,因為在一個屏幕上完全不可能裝上大量的信息。



不同頁面間應保持導航的簡潔以至於用戶可以明白從哪裏出現了什麽。兩個視覺狀態之間的轉換應該是清晰,流暢和毫不費力的。統一主題-創建一個統一的主題,將所有交互結合在一起。

可視化輸入

數據輸入是所有應用程序中最重要的元素之一。而微交互則將這一過程轉變為了一件特別的事情。你可以使用現有元素來提供反饋。

註:微交互有助於揭示信息,幫助用戶達成目標。



用戶行動的呼籲

微交互有一種鼓勵用戶進行實際交互的能力。他們可以在用戶體驗為用戶帶來一些共鳴。但請確保視覺感受和動畫適合你的用戶,並且長期保持 - 在第100次使用中,微交互會變得煩人嗎,還是普遍簡潔而不引人註目?

註:重視用戶的情緒,因為他們在用戶交互中扮演著十分重要的作用。借鑒內容和用戶研究與設計進行重復使用。



你需要記住的事情:

微交互是互動、反饋、通知和指示的促進者。

微交互應該立即傳達出信息並且以一種不會讓用戶感到無聊及分散註意力的方式來節省時間。他們應該像狡黠的眼神一樣抓住用戶的註意力。

了解你的用戶和微交互背後的內容將使它們更加精確和有效。

微交互必須經受長期使用。第一次使用之後會覺得有趣,但100次使用之後可能會讓用戶感到厭煩。

將人性化設計添加到微交互中並且著眼於視覺上的統一,操作應如液體般靈活流暢才能顯得微交互更真實。

總結:

用心設計。考慮人們如何使用他們的設備,並在設計這些小東西時反映常見的思維模式。註意每一個細節都是使人機交互易於使用的關鍵。偉大的設計必須是一個完整的框架,從部分功能到微觀交互。

原文作者:Nick Babich

原文網址:https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf


學習工具,但不受限於某種工具。Mockplus做原型,更快更簡單,現在下載Mockplus,免費體驗暢快的原型設計之旅。

微交互:App成功的秘訣