《認知與設計——理解UI設計準則》讀書筆記
作者的《認知與設計》讀書筆記寫的很認真,感覺對做互動設計的人員會有所幫助,所以轉貼進來,與讀者們一起分享。
格式塔原理 → 結構、組合、層次
閱讀應無意識 → 文字的應用與處理
色覺 → 色彩的運用
邊界視力缺陷 → 資訊可見
記憶力不完美 → 減少記憶、提供引導
大腦的時間常量 → 提高響應度
Chapter1 我們感知自己的期望
*影響感知的三個因素:經驗(過去)、環境(現在)、目標(將來)
對使用者介面設計的啟發:
避免歧義
保持一致
理解目標
Chapter2 為觀察結構優化我們的視覺
*視覺感知的格式塔原理:
a. 接近性原理 → 通過拉近、拉開距離將物件分組
b. 相似性原理 → 利用相似性分組
c. 連續性原理 → 滑動條的使用
d. 封閉性原理 → GUI中重疊物件的使用
e. 對稱性原理
f. 主體/背景原理 → 背景使用、彈出資訊
g. 共同命運原理 → 運動
Chapter3 我們尋找和使用視覺結構
*當資訊以簡潔和機構化的方式呈現時,人們更易於瀏覽和理解。
設計啟示:
結構化處理長串數字
使用資料專用控制元件
顯示出視覺層次
Chapter4 閱讀不是自然的
*最有效的閱讀方式是無語境的、自下而上的特徵驅動方式。
設計啟示:
保證使用者介面裡的文字基於無意識處理有效進行。(避免非常用文字、難辨認的字型、微小字型、背景嘈雜、重複內容、居中對齊)
將文字格式設計出視覺層次
儘量減少閱讀
Chapter5 色覺是有限的
*人類色覺特點:
a.對反差而非絕對色彩或亮度敏感
b.顏色辨別力依賴於顏色的呈現方式
c.有些人是色盲
d.物理環境和條件影響對顏色的感知
色彩使用準則:
讓反差較高
使用獨特的顏色(紅、綠、黃、藍、黑、白)
避免使用色盲人無法區分的顏色對
在顏色之外使用其他提示
將強烈的對抗色分開
Chapter6 我們的邊界視力很糟糕
*人類視野的空間解析度從中央向邊緣銳減。
設計啟示:
放在使用者所看的位置上
標記出錯誤
使用錯誤符號
保留紅色以呈現錯誤
Chapter7 我們的注意力有限,記憶力不完美
*短期記憶容量小、不穩定;長期記憶易出錯、受情緒影響、追憶時可改變。
設計啟示:
模式
搜尋結果(顯示搜尋詞)
指令(允許隨時查閱使用說明)
Chapter8 對注意力、形狀、思考以及行動的限制
*人們的行為會遵循一些可預測的模式:
a. 注於目標而很少注意使用的工具 → 讓使用者專注目標
b. 用外部幫助來記錄正在做的事 → 標識已完成與未完成
c.跟著資訊“氣味”靠近目標 → 理解使用者目標,引導其實現目標
d.偏好熟悉的路徑 → 減少使用者動腦而非減少點選(有時)、引導最佳路徑、同時提供慢與快路徑
e.思考週期:目標,執行,評估 → 提供路徑、節點上提供清晰資訊、提供反饋
f.完成任務主要目標後經常忘記做收尾工作 → 提醒未完成、自己完成掃尾工作
Chapter9 識別容易,回憶很難
1.選擇而非輸入
2.儘可能使用影像
3.使用縮圖
4.越多人使用的功能越可見
5.使用視覺提示讓使用者知道當前位置
6.讓認證資訊易回憶
Chapter10 從經驗中學習與學後付諸實踐容易,解決問題和計算很難
顯著標識系統狀態和使用者當前進度
引導使用者完成目標
不要讓使用者診斷系統問題
儘可能減小設定的數量和複雜度
讓使用者使用感覺而非計算
讓系統令人感到熟悉
讓電腦去計算
Chapter11 許多因素影響學習
做一個任務分析
設計一個專注於任務的概念模型,其中包括物件—操作分析
嚴格按照任務分析和概念模型設計使用者介面
Chapter12 我們有時間要求
*一個互動系統的響應度是覺得使用者滿意度的最重要因素。
1.立刻告知收到使用者的動作
2.讓使用者知道軟體是否在忙
3.等待的同時允許做別的事
4.動畫要平滑和清晰
5.讓使用者能夠終止不想要的長時間的操作
6.讓使用者知道長時間的操作需要多長時間
7.儘可能讓使用者來掌控自己的工作節奏
相關文章
- 認知與設計:理解UI設計準則——序UI
- Lua設計與實現--讀書筆記筆記
- 《Redis設計與實現》讀書筆記Redis筆記
- 【設計模式】設計模式(一)-- 大話設計模式讀書筆記設計模式筆記
- 《Web API的設計與開發》讀書筆記WebAPI筆記
- 《Servlet與JSP核心程式設計》讀書筆記ServletJS程式設計筆記
- 大話設計模式 讀書筆記設計模式筆記
- 大話設計模式讀書筆記設計模式筆記
- 《程式設計匠藝》讀書筆記程式設計筆記
- 讀書筆記#五導家-設計觀筆記
- 《JavaScript程式設計精解》--讀書筆記JavaScript程式設計筆記
- 《Java程式設計思想》讀書筆記一Java程式設計筆記
- Head First設計模式讀書筆記設計模式筆記
- 讀書筆記-Java程式設計思想-03筆記Java程式設計
- 《軟體架構設計》讀書筆記架構筆記
- 設計模式讀書筆記-命令模式薦設計模式筆記
- Java遊戲程式設計讀書筆記(轉)Java遊戲程式設計筆記
- 反應式程式設計讀書筆記程式設計筆記
- 《寫給大家看的設計書》讀書筆記筆記
- Android UI 設計筆記AndroidUI筆記
- 《Redis 設計與實踐》讀書筆記系列五:字典 rehashRedis筆記
- 《LINUX與UNIX SHELL程式設計指南》讀書筆記(轉)Linux程式設計筆記
- 《黑客與畫家》之設計者的品味——讀書筆記黑客筆記
- 《Go 語言程式設計》讀書筆記(十一)底層程式設計Go程式設計筆記
- 一個程式設計師的讀書筆記:程式設計的反思程式設計師筆記
- 設計模式之單例模式(《JavaScript設計模式與開發實踐》讀書筆記)設計模式單例JavaScript筆記
- 設計優雅UI的七條準則(下)UI
- CSAPP 併發程式設計讀書筆記APP程式設計筆記
- C#高階程式設計 讀書筆記C#程式設計筆記
- 《設計師要懂心理學》讀書筆記筆記
- 《程式設計師的吶喊》讀書筆記程式設計師筆記
- 《程式設計師自我修養》讀書筆記程式設計師筆記
- 《程式設計師修煉之道》讀書筆記程式設計師筆記
- 計算機組成與設計 讀書筆記——第三章計算機筆記
- UI設計:螢幕閱讀用字法則UI
- 《寫給大家看的web設計書》讀書筆記Web筆記
- 《Go 語言程式設計》讀書筆記 (五) 協程與通道Go程式設計筆記
- 資料庫索引設計與優化讀書筆記--《一》概述資料庫索引優化筆記