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

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

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

色覺 → 色彩的運用

邊界視力缺陷 → 資訊可見

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

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

<b>Chapter1 我們感覺自己的期望</b>

*影響感覺的三個因素：經驗（過去）、環境（現在）、目标（将來）

對使用者界面設計的啟發：

1. 避免歧義

2. 保持一緻

3. 了解目标

<b>Chapter2 為觀察結構優化我們的視覺</b>

*視覺感覺的格式塔原理：

a. 接近性原理 → 通過拉近、拉開距離将對象分組

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

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

d. 封閉性原理 → GUI中重疊對象的使用

e. 對稱性原理

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

g. 共同命運原理 → 運動

<b>Chapter3 我們尋找和使用視覺結構</b>

*當資訊以簡潔和機構化的方式呈現時，人們更易于浏覽和了解。

設計啟示：

1. 結構化處理長串數字

2. 使用資料專用控件

3. 顯示出視覺層次

<b>Chapter4 閱讀不是自然的</b>

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

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

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

3. 盡量減少閱讀

<b>Chapter5 色覺是有限的</b>

*人類色覺特點：

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

b．顔色辨識力依賴于顔色的呈現方式

c．有些人是色盲

d．實體環境和條件影響對顔色的感覺

色彩使用準則：

1. 讓反差較高

2. 使用獨特的顔色（紅、綠、黃、藍、黑、白）

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

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

5. 将強烈的對抗色分開

<b>Chapter6 我們的邊界視力很糟糕</b>

*人類視野的空間分辨率從中央向邊緣銳減。

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

2. 标記出錯誤

3. 使用錯誤符号

4. 保留紅色以呈現錯誤

<b>Chapter7 我們的注意力有限，記憶力不完美</b>

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

1. 模式

2. 搜尋結果（顯示搜尋詞）

3. 指令（允許随時查閱使用說明）

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

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

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

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

c.跟着資訊“氣味”靠近目标 → 了解使用者目标，引導其實作目标

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

e.思考周期:目标，執行，評估 → 提供路徑、節點上提供清晰資訊、提供回報

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

<b>Chapter9 識别容易，回憶很難</b>

1.選擇而非輸入

2.盡可能使用圖像

3.使用縮略圖

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

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

6.讓認證資訊易回憶

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

1. 顯著辨別系統狀态和使用者目前進度

2. 引導使用者完成目标

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

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

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

6. 讓系統令人感到熟悉

7. 讓電腦去計算

<b>Chapter11 許多因素影響學習</b>

1. 做一個任務分析

2. 設計一個專注于任務的概念模型，其中包括對象—操作分析

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

<b>Chapter12 我們有時間要求</b>

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

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

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

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

4.動畫要平滑和清晰

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

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

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

本文轉自william_xu 51CTO部落格，原文連結：http://blog.51cto.com/williamx/729816，如需轉載請自行聯系原作者