前面跟大家講到了軟件用戶界面設(shè)計中的一些原則，那么軟件用戶界面設(shè)計的大致流程是怎么樣的呢？先做什么，后做什么，每一步又有哪些要注意的，本文就為你簡單分析一下用戶界面開發(fā)中最核心的三個工作流程。

   軟件用戶界面設(shè)計在工作流程上分為結(jié)構(gòu)設(shè)計、交互設(shè)計、視覺設(shè)計三個部分：

一、結(jié)構(gòu)設(shè)計(Structure Design)

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

二、交互設(shè)計(Interactive Design)

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

　　1)有清楚的錯誤提示。誤操作后，系統(tǒng)提供有針對性的提示。

　　2)讓用戶控制界面。“下一步”、“完成”，面對不同層次提供多種選擇，給不同層次的用戶提供多種可能性。

　　3)允許兼用鼠標(biāo)和鍵盤。同一種功能，同時可以用鼠標(biāo)和鍵盤。提供多種可能性。

　　4)允許工作中斷。例如用手機寫新短信的時候，收到短信或電話，完成后回來仍能夠找到剛才正寫的新短信。

　　5)使用用戶的語言，而非技術(shù)的語言。

　　6)提供快速反饋。給用戶心理上的暗示，避免用戶焦急。

　　7)方便退出，如手機的退出，是按一個鍵完全退出，還是一層一層的退出。提供兩種可能性。

　　8)導(dǎo)航功能。隨時轉(zhuǎn)移功能，很容易從一個功能跳到另外一個功能。

三、視覺設(shè)計(Visual Design)

   在結(jié)構(gòu)設(shè)計的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達成進行視覺設(shè)計。包括色彩、字體、頁面等。視覺設(shè)計要達到用戶愉悅使用的目的。視覺設(shè)計的原則如下：

　　1)界面清晰明了。允許用戶定制界面。

　　2)減少短期記憶的負擔(dān)。讓計算機幫助記憶，例：User Name,、Password、IE進入界面地址可以讓機器記住。

　　3)依賴認知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇。

　　4)提供視覺線索。圖形符號的視覺的刺激;GUI(圖形界面設(shè)計)：Where, What, Next Step。

　　5)提供默認(default)、撤銷(undo)、恢復(fù)(redo)的功能

　　6)提供界面的快捷方式。

　　7)盡量使用真實世界的比喻。如：電話、打印機的圖標(biāo)設(shè)計，尊重用戶以往的使用經(jīng)驗。

　　8)完善視覺的清晰度。條理清晰;圖片、文字的布局和隱喻不要讓用戶去猜。

　　9)界面的協(xié)調(diào)一致。如手機界面按鈕排放，左鍵肯定;右鍵否定;或按內(nèi)容擺放。

　　10)同樣功能用同樣的圖形。

　　11)色彩與內(nèi)容。整體軟件不超過5個色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。

    當(dāng)然，要著手開發(fā)一個軟件用戶界面，遠遠不止這三步，在進行開發(fā)之前還需要進行需求分析、方案驗證等前期工作，而作為UI設(shè)計師，這三步則是最核心也是最關(guān)鍵的工作。