用好這些可用性原則,你就能簡單做好交互設計!

6 評論 13775 瀏覽 103 收藏 8 分鐘

做產品經理不懂交互設計,那就是寸步難行。“交互原則多,體驗出彩少”,既然要做好產品體驗,那么吃透基本的交互設計原則,就是必須且必然的事兒。今天給大家挖了很多可靠的栗子,直接給你提供干貨,拿走不謝。

1、系統狀態可見性 (Visibility of system status)

幫你理解:系統應該總是在合理的時間內,通過適當的反饋讓用戶了解正在發生什么。

Group 24

幫你總結:提高產品狀態的可視化程度,從而提高用戶對自己在使用系統過程的情況的透明度。

2、系統與現實世界的匹配性( Match between system and the real world)

幫你理解:系統應該講用戶的語言,用單詞,短語和概念讓用戶感覺到熟悉,而不是用面向系統的術語來面對用戶。同時按照現實世界的慣例,讓信息出現在自然和邏輯順序中。

屏幕快照 2016-08-27 下午11.02.34

屏幕快照 2016-08-27 下午11.02.44

幫你總結:

  1. 從用戶的角度出發,推薦Banner內容,用戶可以花更好的時間明了這些滑動的Banner是“可能適合我的”課程。我們可以在產品的細節處繼續使用user’s language來提高用戶的UE。
  2. 根據用戶的日常行為,判斷用戶的偏好,做個性推薦也是這個原則的案例之一,這類案例用得最多的是在購物類、音樂類、閱讀類應用。
  3. 用戶產品的名字代替“首頁”類的形容詞,解決從用戶角度體現內容和意圖的問題,在細節處使用user’s language來提高用戶的體驗感。

3、增加用戶操作感和自由度 (User control and freedom)

幫你理解:用戶往往會不經意選擇錯誤的系統功能,那么產品設計就需要一個明確標明“緊急出口”的狀態或者功能規避不必要的操作,譬如:支持撤銷和重做。

屏幕快照 2016-08-27 下午11.05.31
幫你總結:從用戶體驗的角度來看,自動切換的信息在“播放”時需要放慢速度,通過內容本身或者配色去調亮引導dots,可以增加用戶的操作感。另外,對用戶可能出現反悔操作的功能,應該提供撤銷和重做的入口,讓用戶能更加自如的使用你的產品。

4、一致性及標準化 (Consistency and standards)

幫你理解:在一個系統或者應用中,用戶不應該想知道不同的單詞,或者理解同一個功能的被展示出不同情況的原因。對于一致性,淺顯易懂,現在普遍都用的很好,那么對于標準化,很多網站或者app,特別是新的產品,開始通過衍生自己的LOGO、品牌,充分洗腦用戶,強化用戶對自己產品的記憶點。甚至可以根據自己的產品定位,創新一類icon等,通過圖形的表達讓用戶更加對你的產品記憶深刻。推薦一款個人非常喜歡的App:“想去”,它的設計就從App的icon到內飾都一氣呵成,甚至連loading都是驚喜設計的,讓人用著非常舒服。

屏幕快照 2016-08-27 下午11.05.39

幫你總結:適當的給自己的產品擬定標準化的記憶庫,不但讓用戶體驗你的產品時,覺得走心,也會讓用戶在不經意間把你的產品記得牢牢的。

5、預防錯誤(Error prevention)

幫你理解:在首次使用系統或者產品的時候,巧妙的設計比好的錯誤提示更加能彌補不足。最好能在用戶進行下一步之前,避免掉低級的錯誤,讓用戶的使用過程是舒服順暢的。

屏幕快照 2016-08-27 下午11.10.38

幫你總結:在可能出現錯誤、空白的情況之前,利用加載的可視化、再加上比較nice的動效、提示會讓用戶減輕失敗帶來的不爽。

6、美與簡單的設計(Aesthetic and minimalist design)

幫你理解:設計不應該包含不相關或不常用的信息。重點的內容和核心的元素應該與其他的信息形成鮮明的區別。譬如在配色上,可以選擇1個主色,2個以內的輔色,構成整個設計的骨骼,用主色告知用戶目的與指示。

屏幕快照 2016-08-27 下午11.12.14

幫你總結:

增加美感的同時也需要最小化設計元素,做減法。
以上6條可用性原則,是小M做產品過程中能無時無刻不記起的。每一次小細節的打磨都是一次回溯基本原理及原則的好機會,是否靈活運用并爛熟于心,這是需要所有產品人er用心去感受的。加上小M前不久寫過的在做交互設計時,你需要知道這幾大定律。希望能給你足夠的基本方法去做好自己的產品。

最后送給所有產品人er一句裝逼的話:“形式是跟隨功能的,功能是滿足用戶需求的。尊重你的用戶,讓每個產品的細節都是合情合理的,讓每一寸體驗是‘走心’的!”

 

作者:權莉,微信昵稱:Mandy權。一名快樂的產品經理!

本文由 @權莉 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 另外說一點可能無關緊要的小事。關于進度條有些時候沒有會比有體現出更好的用戶體驗。 例如QQ或者微信,在用戶分享圖片的時候,就將進度條去掉了。因為用戶分享圖片時,心理急于速度,但這時由于網絡原因進度很慢,用戶肯定不滿,所以QQ或者微信在分享圖片時,直接在用戶面前出現的是成功后的界面,或許只是用戶自身可以看見,但成功的將因進度過慢的問題化解

    回復
  2. 文字和配圖直接的關系,可否解釋的再詳盡一些。抱歉我只是一只小白,很想學習學習,但看著有些費勁。

    來自北京 回復
    1. 好的,我會持續寫文,咱們共同學習哈。

      來自四川 回復
  3. Enjoy在英文中的含義本來就是享受它吧,可以衍生為拿走吧,這個購買從場景上沒有什么不同,那么既然含義相似,能表現的體驗感更好,也不妨是一種好的嘗試?;貥巧贤诺膶氋F意見。

    回復
  4. 你真的覺得 ENJOY NOW 比購買好么? 你這不是尊重用戶 這是把用戶當智障啊….不能為了BIGER去做逼格 這樣的結果很可能就是 哇好棒 但是沒什么卵用…我說的話 雖然不那么中聽 但是我確定它是有用的

    來自北京 回復
    1. Enjoy在英文中的含義本來就是享受它吧,可以衍生為拿走吧,這個購買從場景上沒有什么不同,那么既然含義相似,能表現的體驗感更好,也不妨是一種好的嘗試?;貥巧贤诺膶氋F意見。 ??

      來自四川 回復