《認知與設計——理解UI設計準則》讀書筆記

出版圈郭志敏發表於2011-11-30

文章來源

作者的《認知與設計》讀書筆記寫的很認真,感覺對做互動設計的人員會有所幫助,所以轉貼進來,與讀者們一起分享。

格式塔原理 → 結構、組合、層次

閱讀應無意識 → 文字的應用與處理

色覺 → 色彩的運用

邊界視力缺陷 → 資訊可見

記憶力不完美 → 減少記憶、提供引導

大腦的時間常量 → 提高響應度

Chapter1 我們感知自己的期望

*影響感知的三個因素:經驗(過去)、環境(現在)、目標(將來)

對使用者介面設計的啟發:

  1. 避免歧義

  2. 保持一致

  3. 理解目標

Chapter2 為觀察結構優化我們的視覺

*視覺感知的格式塔原理:

a. 接近性原理 → 通過拉近、拉開距離將物件分組

b. 相似性原理 → 利用相似性分組

c. 連續性原理 → 滑動條的使用

d. 封閉性原理 → GUI中重疊物件的使用

e. 對稱性原理

f. 主體/背景原理 → 背景使用、彈出資訊

g. 共同命運原理 → 運動

Chapter3 我們尋找和使用視覺結構

*當資訊以簡潔和機構化的方式呈現時,人們更易於瀏覽和理解。

設計啟示:

  1. 結構化處理長串數字

  2. 使用資料專用控制元件

  3. 顯示出視覺層次

Chapter4 閱讀不是自然的

*最有效的閱讀方式是無語境的、自下而上的特徵驅動方式。

設計啟示:

  1. 保證使用者介面裡的文字基於無意識處理有效進行。(避免非常用文字、難辨認的字型、微小字型、背景嘈雜、重複內容、居中對齊)

  2. 將文字格式設計出視覺層次

  3. 儘量減少閱讀

Chapter5 色覺是有限的

*人類色覺特點:

a.對反差而非絕對色彩或亮度敏感

b.顏色辨別力依賴於顏色的呈現方式

c.有些人是色盲

d.物理環境和條件影響對顏色的感知

色彩使用準則:

  1. 讓反差較高

  2. 使用獨特的顏色(紅、綠、黃、藍、黑、白)

  3. 避免使用色盲人無法區分的顏色對

  4. 在顏色之外使用其他提示

  5. 將強烈的對抗色分開

Chapter6 我們的邊界視力很糟糕

*人類視野的空間解析度從中央向邊緣銳減。

設計啟示:

  1. 放在使用者所看的位置上

  2. 標記出錯誤

  3. 使用錯誤符號

  4. 保留紅色以呈現錯誤

Chapter7 我們的注意力有限,記憶力不完美

*短期記憶容量小、不穩定;長期記憶易出錯、受情緒影響、追憶時可改變。

設計啟示:

  1. 模式

  2. 搜尋結果(顯示搜尋詞)

  3. 指令(允許隨時查閱使用說明)

Chapter8 對注意力、形狀、思考以及行動的限制

*人們的行為會遵循一些可預測的模式:

a. 注於目標而很少注意使用的工具 → 讓使用者專注目標

b. 用外部幫助來記錄正在做的事 → 標識已完成與未完成

c.跟著資訊“氣味”靠近目標 → 理解使用者目標,引導其實現目標

d.偏好熟悉的路徑 → 減少使用者動腦而非減少點選(有時)、引導最佳路徑、同時提供慢與快路徑

e.思考週期:目標,執行,評估 → 提供路徑、節點上提供清晰資訊、提供反饋

f.完成任務主要目標後經常忘記做收尾工作 → 提醒未完成、自己完成掃尾工作

Chapter9 識別容易,回憶很難

1.選擇而非輸入

2.儘可能使用影像

3.使用縮圖

4.越多人使用的功能越可見

5.使用視覺提示讓使用者知道當前位置

6.讓認證資訊易回憶

Chapter10 從經驗中學習與學後付諸實踐容易,解決問題和計算很難

  1. 顯著標識系統狀態和使用者當前進度

  2. 引導使用者完成目標

  3. 不要讓使用者診斷系統問題

  4. 儘可能減小設定的數量和複雜度

  5. 讓使用者使用感覺而非計算

  6. 讓系統令人感到熟悉

  7. 讓電腦去計算

Chapter11 許多因素影響學習

  1. 做一個任務分析

  2. 設計一個專注於任務的概念模型,其中包括物件—操作分析

  3. 嚴格按照任務分析和概念模型設計使用者介面

Chapter12 我們有時間要求

*一個互動系統的響應度是覺得使用者滿意度的最重要因素。

1.立刻告知收到使用者的動作

2.讓使用者知道軟體是否在忙

3.等待的同時允許做別的事

4.動畫要平滑和清晰

5.讓使用者能夠終止不想要的長時間的操作

6.讓使用者知道長時間的操作需要多長時間

7.儘可能讓使用者來掌控自己的工作節奏

相關文章