軟體界面設計三大流程

界面設計是為了滿足軟體專業化標準化的需求而產生的對軟體的使用界面進行美化優化規範化的設計分支。具體包括軟體啟動封面設計，軟體框架設計，按鈕設計，面板設計，菜單設計，標籤設計，圖標設計，滾動條及狀態欄設計，安裝過程設計，包裝及商品化。

軟體界面設計的三大原則是：置界面於用戶的控制之下、減少用戶的記憶負擔、保持界面的一致性。一般來講，軟體界面設計在工作流程上可分為結構設計、交互設計、視覺設計三個部分。

一、結構設計（Structure Design）

結構設計也稱概念設計 (Conceptual Design)，是界面設計的骨架。通過對用戶研究和任務分析，制定出產品的整體架構。基於紙質的的低保真原型(Paper Prototype)可提供用戶測試並進行完善。在結構設計中，目錄體系的邏輯分類和語詞定義是用戶易於理解和操作的重要前提。如西門子手機的設置鬧鐘的詞條是「重要記事」，讓用戶很難找到。

二、交互設計（Interactive Design）

交互設計的目的是使產品讓用戶能簡單使用。 任何產品功能的實現都是通過人和機器的交互來完成的。因此，人的因素應作為設計的核心被體現出來。交互設計的原則如下：

• 有清楚的錯誤提示。誤操作後，系統提供有針對性的提示。
• 讓用戶控制界面。「下一步」、「完成」，面對不同層次提供多種選擇，給不同層次的用戶提供多種可能性。
• 允許兼用滑鼠和鍵盤。同一種功能，同時可以用滑鼠和鍵盤。提供多種可能性。
• 允許工作中斷。例如用手機寫新簡訊的時候，收到簡訊或電話，完成後回來仍能夠找到剛才正寫的新簡訊。
• 使用用戶的語言，而非技術的語言。
• 提供快速反饋。給用戶心理上的暗示，避免用戶焦急。
• 方便退出,如手機的退出，是按一個鍵完全退出，還是一層一層的退出。提供兩種可能性。
• 導航功能。隨時轉移功能，很容易從一個功能跳到另外一個功能。

三、視覺設計（Visual Design）

在結構設計的基礎上，參照目標群體的心理模型和任務達成進行視覺設計。包括色彩、字體、頁面等。視覺設計要達到用戶愉悅使用的目的。視覺設計的原則如下：。

• 界面清晰明了。允許用戶定製界面。
• 減少短期記憶的負擔。讓計算機幫助記憶，例：User Name,、Password、IE進入界面地址可以讓機器記住。
• 依賴認知而非記憶。如列印圖標的記憶、下拉菜單列表中的選擇。
• 提供視覺線索。圖形符號的視覺的刺激;GUI(圖形界面設計)：Where, What, Next Step。
• 提供默認(default)、撤銷(undo)、恢復(redo)的功能
• 提供界面的快捷方式。
• 盡量使用真實世界的比喻。如：電話、印表機的圖標設計，尊重用戶以往的使用經驗。
• 完善視覺的清晰度。條理清晰;圖片、文字的布局和隱喻不要讓用戶去猜。
• 界面的協調一致。如手機界面按鈕排放，左鍵肯定;右鍵否定;或按內容擺放。
• 同樣功能用同樣的圖形。
• 色彩與內容。整體軟體不超過5個色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。

  

推薦閱讀：