GUI 設計原則
外觀
| 此頁面來自另一個專案的 頁面遷移,需要被採納. 此頁面需要被移動到主名稱空間,要麼作為一本書的主頁,要麼作為另一本書的章節。移動後,請從本頁移除 {{Tw-adopt}}。 |
廣泛接受的圖形使用者介面設計原則為
1. 美觀性 透過遵循以下演示和圖形設計原則來提供視覺吸引力
- 在螢幕元素之間提供有意義的對比。
- 建立分組。
- 對齊螢幕元素和組。
- 提供三維表示。
- 有效且簡潔地使用顏色和圖形。
2. 清晰度 介面應在視覺上、概念上和語言上清晰,包括
- 視覺元素
- 功能
- 隱喻
- 單詞和文字
3. 相容性 提供與以下內容的相容性
- 使用者
- 任務和工作
- 產品
- 採用使用者的視角
4. 可理解性 系統應該易於理解和學習。使用者應該知道以下內容
- 做什麼
- 看什麼
- 什麼時候做
- 在哪裡做
- 為什麼要做
- 怎麼做
- 操作、響應、視覺準備和資訊流應該以一種合理的順序進行,這種順序易於記憶和置於上下文中。
5. 可配置性 允許輕鬆地個性化、配置和重新配置設定。
- 增強控制感
- 鼓勵積極參與理解
6. 一致性 系統應該看起來、行為和操作方式一致。類似的元件應該
- 具有類似的外觀
- 具有類似的用途。
- 操作方式類似
- 相同的操作應該始終產生相同的結果。
- 元素的功能不應該改變
- 標準元素的位置不應該改變。
7. 控制 使用者必須控制互動。
- 操作應該由顯式使用者請求觸發
- 操作應該快速執行
- 操作應該能夠中斷或終止
- 使用者不應該因錯誤而被中斷
- 維護的上下文必須來自使用者的視角。
- 實現目標的方式應該靈活,並且與使用者的技能、經驗、習慣和偏好相容。
- 避免模式,因為模式會限制使用者可用的操作。
- 允許使用者自定義介面的各個方面,同時始終提供一組合適的預設值。
8. 直接性 提供直接完成任務的方式
- 可用的備選方案應該可見,
- 操作對物件的影響應該可見。
9. 效率
- 最大程度地減少眼部和手的移動,以及其他控制操作。
- 系統控制元件之間的轉換應該流暢自如。
- 導航路徑應該儘可能短。
- 眼睛在螢幕上的移動應該清晰且有順序。
- 儘可能預料使用者的需求。
10. 熟悉度 採用使用者熟悉的概念,並使用使用者熟悉的語言。
- 保持介面自然,模仿使用者的行為模式。
- 使用現實世界的隱喻。
11. 靈活性 系統必須靈活地滿足不同使用者的不同需求,根據以下內容提供效能水平和型別
- 每個使用者的知識和技能。
- 每個使用者的經驗。
- 每個使用者的個人偏好
- 每個使用者的習慣
- 當時的條件
12. 容錯性
- 容忍和原諒常見且不可避免的人為錯誤
- 儘可能防止錯誤發生。
- 防止潛在的災難性錯誤。
- 當錯誤發生時,提供建設性的訊息。
13. 可預測性 使用者應該能夠預測任務的自然進展。
- 提供清晰且可識別的螢幕元素
- 提供將要執行的操作結果的提示
- 所有預期應該一致且完整地實現。
14. 恢復 系統應該允許
- 命令或操作被廢除或撤銷。
- 如果出現困難,立即返回到某個點。
確保使用者不會因以下原因而丟失他們的工作
- 他們自己的錯誤
- 硬體、軟體或通訊問題。
15. 響應性 系統必須快速響應使用者的請求。
- 對所有使用者操作提供即時確認
- 視覺
- 文字
- 聽覺
16. 簡潔性
- 提供儘可能簡單的介面
- 提供預設值
- 最大程度地減少螢幕對齊點。
- 以犧牲不常用操作變得更難為代價,使常用操作更簡單。
- 提供統一性和一致性
五種提供簡潔性的方法
- 首先展示常用和必要的函式。
- 突出顯示重要功能,
- 隱藏更復雜和不常用的功能
17. 透明性
- 允許使用者專注於任務或工作,而無需關注介面的機制。
- 計算機內部的工作和工作提醒應該對使用者不可見。
18. 權衡
- 最終設計將基於一系列權衡,平衡經常衝突的設計原則
- 人們的需求始終優先於技術需求
- Verplank, W.L. (1985). "Graphics in Human-Computer Communication: Principles of Graphical User-Interface Design". in Peterson H.E. and Schneider W.. Proceedings of the IFIP-IMIA Second Stockholm Conference on Communication in Health Care, Stockholm, Sweden. pp. 113–130.
- Aaron Marcus (1995). "Principles of effective visual communication for graphical user interface design". Human-computer interaction: toward the year 2000. San Francisco: Morgan Kaufmann Publishers Inc. pp. 425–441. ISBN 1-55860-246-1.