微交互:優秀 app 設計的秘訣
微交互:優秀 app 設計的秘訣-移動閱讀二維碼

微交互:優秀 app 設計的秘訣
最優秀的產品在兩方面有過人之處:產品特點和產品細節。產品特點吸引人們使用產品。產品細節維持用戶的忠誠度,并且真正使得 App 在競爭中脫穎而出。微交互是獲得用戶給出滿意反饋的最佳技術之一。用戶體驗永遠是設計者最需要關注的地方,因此以人為本的設計是所有設計者的目標。雖然人們通常認為微交互不重要,但實際上微交互可以給用戶創造良好的使用體驗。作為一個設計者,設計出微交互很重要,但是體察到微交互 “隱形” 的這一特性也很重要。你必須設計出人性化的產品,才能達到這一目標。

微交互究竟是什么?

微交互是在一項產品中只體現一種小型功能的交互。這一概念最初由 Dan Saffer 在《微交互》一書中提出,這些微小的細節主要為以下功能服務:

  • 溝通反饋或者用戶行為的結果;
  • 完成一項單一任務;
  • 增強用戶直接操作的體驗;
  • 幫助用戶看到行為的結果,避免誤操作。

部分特殊微交互的例子如下:

  • 當你把 iPhone 調成靜音時,手機會發出震動,屏幕上出現靜音標識。

微交互:優秀 app 設計的秘訣

  • 通過操作界面動畫顯示可否點擊(鼠標滑過按鈕時,按鈕會變色)。微交互:優秀 app 設計的秘訣

為什么微交互有用

微交互通過迎合用戶對 “確認” 的自然渴求而發揮作用。用戶能夠即時得知自己的操作獲得確認,看到相應的視覺圖像時會很愉悅。同時微交互還可以引導用戶操作系統。

發現機遇

微交互之美的部分原因是因為它可以運用于各種環境中,可以回應各種潛在的操作。盡管如此,它主要應用于以下領域:

顯示系統狀態

第一條實用性上的啟發性原則由 Jakob Nielsen 提出:永遠讓用戶知道現在進行到哪一步了。

用戶總是希望馬上獲得回應。不過 app 需要時間完成一次操作的情況也是常有的。

微交互:優秀 app 設計的秘訣

因此,操作界面必須非常明確,能讓用戶知道現在正在發生什么。

 

或者讓用戶知道進行到哪個階段了。

小知識:千萬不要讓你的用戶感到無聊——用戶必須時時知道進程(舉例:上圖的進度條既能讓用戶參與其中,又不會讓他們感到混亂)。

突出變化

微交互:優秀 app 設計的秘訣

有時候我們需要顯示通知,確保用戶能夠看見。動畫在這里很有用,它能夠吸引用戶的注意力,不會使他們忽視你認為重要的東西。

小知識:在很多情況下,動畫效應用來吸引用戶注意重要的細節。你必須使用 KISS 原則 ( Keep itSimple&Stupid ,指在設計中保持簡約的原則)。微互動應當是小而簡單的。

形象化輸入

對任何應用來說,數據輸入都是最為關鍵的元素之一。而微互動則把這一過程變得新奇有趣。你可以使用各種令人激動的元素來傳遞用戶反饋。

 

小知識:微互動幫助設計者傳達信息,使得用戶達成他們的目標。

行為召喚

微交互擁有鼓勵用戶真正參與互動的魔力,它能在用戶體驗中帶來移情作用。但是請一定確保這些視覺線索和動畫適合你們的用戶。永遠把產品壽命牢記在心——捫心自問,在第 100 次使用時,這個微互動會不會變得煩人?或者,這個微互動是不是在全世界范圍內都清晰好懂,又沒有文化上的冒犯呢?

微交互:優秀 app 設計的秘訣

小知識:用戶情緒在用戶互動上占重要位置,請密切關注。通過操作情境和用戶研究,設計能夠反復使用的好產品。

牢記于心

  • 微互動是互動的便利措施,可以提供反饋,通知和操作指南。
  • 微互動必須即時傳遞信息,同時不會讓用戶無聊或分心,以此來節約時間。它必須像一個淘氣的眨眼一樣吸引用戶的注意。
  • 了解你的用戶,了解微互動背后的語境,微互動才能更加準確,有效。
  • 微互動必須經得起長期使用。第一眼看上去好玩的微互動在第 100 次使用時可能變得特別煩人。
  • 設計人性化的微互動,視覺上一定要看著順眼。動作手勢需要設計得順滑流暢,這樣微互動才能真正生動起來。

結論

小心地設計。在你設計這些零零碎碎的微互動前,先想想用戶會如何使用設備,在使用上會有哪些需求。在你設計方便好用的人機交互時,細節決定成敗。精彩的設計應當是 “全方位” 的,從功能到微互動都必須經得起考驗。

注:本文譯者?Ariadne。作者 Nick Babich,軟件工程師。為發展、管理、生產力等一切有趣的事物寫作。

本文編譯自:techinasia.com,譯文出處:http://36kr.com/p/5044726.html

本文鏈接:http://www.casaleticia.com/secret-of-good-app-design.html
本文標簽: , , , , ,