跳轉到內容

GUI 設計原則

0% developed
來自華夏公益教科書


廣泛接受的圖形使用者介面設計原則為

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.
華夏公益教科書