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. 一個組件多個功能