UI設計原則【筆記、頭腦風暴】

UI即User Interface，UI設計指對軟件的人機交互、操作邏輯、界面美觀的整體設計。

感知，感知不等於真實，來源：

1. 過去的經驗
2. 當前的環境
3. 將來的目標

設計原則：

1. 目標
2. 時間
3. 關鍵操作

關鍵操作要注意：

1. 按鈕、連接
2. 視覺
3. 忽略與目標無關的信息

需要注意：

1. 避免歧義
2. 一致性
3. 理解目標

UI設計的關注點：

1. 提供信息
2. 對應目標
3. 使用信息
   

流程：信息處理→用戶掃描和理解→用戶獲取→信息→目標

信息處理常用的方法：

1. 結構化、精煉
2. 信息分段
3. 顯著標志
4. 層次結構

結構化：

1. 接近性
2. 相似性
3. 連續性
4. 封閉性
5. 對稱性
6. 主題-背景（用戶焦點：主題、內容、品牌、情緒）

字體/文字：

1. 不常見不熟悉
2. 難以辨認
3. 大小、字體
4. 背景太亂
5. 信息重複過多
6. 居中對齊
7. 邊緣反差（顏色越淺越難分、方塊越小越難分、分隔越遠越難分）
8. 邊界視力（顯示位置、標誌正確（對話框、聲音、振動）、錯誤）
   

識別：

1. 看、選擇效果好於輸入、回憶
2. 圖好於文字
3. 越多使用功能越可見

進度反饋和狀態信息：

1. 系統狀態、用戶進度
2. 引導用戶完成目標
3. 不讓用戶診斷問題
4. 設置數量和複雜度
5. 用戶感覺大於計算
6. 讓用戶有熟悉的感覺

響應度設計（進度條）：

1. 忙碌狀態
2. 進度標識（注意0%和100%，240s和2m）
3. 先顯示重要信息
4. 功能優先級大於輸入順序
5. 及時反饋

風險低的操作：

1. 防止出錯
2. 停用不合理操作
3. 及時反饋告訴用戶發生了什麼
4. 用戶反悔、修正

讓用戶感覺到在控制一切，用戶有主流、隨意、專家，專家用戶的一些操作和需求會嚇到主流用戶

任務：自動化、用戶控制，留下想象空間

UI設計需要考慮：

1. 用戶在做什麼
2. 然後在做什麼（什麼因素影響最大）
3. 從一開始到結束一直在做什麼

簡單不等於最小化（避免複雜設計）：

1. 刪除
2. 組織
3. 隱藏
4. 轉移

刪除（刪除不必要的）：

1. 找到重要問題
2. 明確新增功能（或功能改進）
3. 功能優先級
4. 有限選擇
5. 默認值
   

組織（組織可提供的）：

1. 分類，分塊
2. 搜索（內容組織）
3. 時間軸
4. 網格、大小、位置、分層、顏色

隱藏（隱藏分核心的）：

1. 不常用，不能少
2. 適時出現
3. 自定義

轉移：

1. 不同設備（PC、phone）
2. 向用戶轉移
3. 一個組件多個功能