Please enable JavaScript.
Coggle requires JavaScript to display documents.
HCI 10 rules (美觀與簡化設計 (介紹 (通過將設計簡化為最基本的元素來實現極簡主義。), 舉例1 (簡單註冊畫面，如痞客邦 ( 1…
HCI 10 rules
美觀與簡化設計
介紹
通過將設計簡化為最基本的元素來實現極簡主義。
舉例1
簡單註冊畫面，如痞客邦
舉例2
美觀網站，如日本橋海鮮丼
幫助使用者認識、偵錯並從錯誤中恢復
介紹
幫助使用者識別、診斷、並從錯誤中恢復，將損失降到最低。如果無法自動挽回，則提供詳盡的說明文字和指導方向，而非難以理解的代碼。最好能在告知使用者發生錯誤的同時一併提供解決方法。
舉例1
錯誤視窗並提供說明
舉例2
無法連線
避免錯誤
舉例1
在輸入電話號碼的欄位時只跳出數字鍵盤 !
介紹
比起提供使用者明確易懂的錯誤訊息，更重要的是如何防止使用者發生錯誤
舉例2
即時搜尋，打入第一個字時就將熱門選項列出來供使用者選擇 !
一致性與標準
舉例2
App：Priority List，下方各個 icon 的含意要稍微想一下才能理解，且實際操作和預期的有落差。
說明
考慮到相容性，介面中的控制元件、命令、設定的功能應該清晰明確，並運用使用者熟悉的單詞、短語。
舉例1
App：My Wonderful Goals，簡單易懂的 icon 設計，畫面乾淨清爽。
幫助與說明文件
舉例1
打卡軟體在第一次使用時提供教學方便使用者使用
介紹
一個軟體在完美的情形下不需要任何說明文件使用者就能夠操作，但就算是最好的軟體也需要提供幫助與說明文件。
舉例2
用戶可以找到各種各樣的幫助主題和教程，了解如何充分利用Photoshop。
系統狀態的可視性
舉例1
Netflix下載頁面
舉例2
Amazon Music允許用戶直接操作播放列表中的項目順序。
介紹
系統在合理的時間內通過適當的反饋向用戶通知正在發生的事情
系統與真實世界的關聯性
介紹
系統應該要運用使用者的語言，使用他們熟悉的詞句、短語、概念，而不是專業術語
舉例1
介面圖示
舉例2
天氣
使用者的操控自由
舉例1
初學者和RD很容易在這個原則犯下錯誤，不是所有的功能全部攤到第一層就代表豐富好用。
最常用的功能放在最顯眼易觸碰的位置，較次級非必備的功能就擺到下一層或是乾脆挪到某個進階選單裡去吧 !
介紹
使用者時常以「嘗試錯誤」來選擇系統功能，他們需要一個明顯的「離開」來結束使用者不需要的狀態。並且支援復原步驟與重複步驟
舉例
舉例2
根據八二法則，你的使用者有 80% 都是使用最初階的操作，只有 20% 人會想要更專業進階的功能
辨識而非記憶
介紹
盡量減少使用者需要記憶的事情、行動以及可見的選項，App 如果有使用說明介紹，應該放在顯眼且可輕易使用的位置把資料都丟給使用者要使用者自己查看資料代表他們的注意力會被分散，產生錯誤的機會就會增加
舉例1
為了酷炫而特別設計的操作介面，但相信很多人都有邊自言自語「我記得這個 App 有 xxx 功能啊，在哪裡呢…」邊將某個 App 所有按鈕選單翻一遍的經驗
彈性與使用效率
舉例1
IOS 控制中心 可自訂義常用的功能
介紹
功能與易用性之間通常存在一個平衡，對於軟體中的每個特性、功能、或能力，都必須提供一種途徑讓使用者調用或控制。如果使用者的目標是可預測而且常用的，使用者不應該為了實現這個目標而必須做很多工作。
