1.7　UI界面設計的工作流程

UI界面設計的前期準備工作，依然離不開3W（WHAT、WHERE、WHY），也就是使用者、使用環境和使用方式的需求分析。只有清楚地理解軟件界面的設計流程，并在實際的設計工作中按照這樣的流程進行操作，設計出的UI界面才能夠受到用戶的歡迎。

1.7.1　市場調研/需求分析

在設計一款軟件界面之前，設計師應該首先明確是什么人（用戶的年齡、性別、愛好、教育程度等），在什么地方用（桌面電腦、移動設備、家庭多媒體等），如何使用（鼠標鍵盤、觸摸屏、搖控器等），任何一個元素的改變都會使界面設計做出相應的調整。

除此之外，在UI界面的需求分析階段，同類型的界面也是設計師必須了解的。所設計的UI界面要比同類型的軟件界面更好，才會使UI界面上市后受到關注。雖然這沒有一個客觀的評價標準，但只能說哪個更合適用戶哪個就是好的設計。如圖1-51所示為市場調研流程圖。

1.7.2　設計分析/線框圖繪制

通過對界面的需求分析，接下來需要提煉出幾個體現用戶定位的詞語坐標。

例如：為30歲左右的白領女性制作的娛樂界面，通過分析得到的詞匯——品質、精美、高檔、女性、時尚、個性、親和、放松等。通過對這些詞匯的分析，進一步精簡得到幾個關鍵詞。接下來就需要在該款軟件界面的設計中著重體現這幾個關鍵詞的意境，最好能設計出幾套不同風格的軟件界面方案，以備選用。

根據這些關鍵詞初步確定界面風格、顏色搭配、信息內容和構圖布局等內容，然后進行線框圖的繪制。線框圖的繪制較為簡單，還可以對UI界面進行初步的功能測試。在沒有設計稿之前，如果遺漏重要的信息或功能板塊，也可以及時做出調整。如圖1-52所示為設計分析流程圖。

1.7.3　界面制作/調研驗證

一個網站或者一款軟件的所有界面一般不會出自同一個設計師之手，所以，在設計過程中必須確保這些設計方案是同一水準的。

如果用戶能看出有明顯的差異，那么，設計作品是失敗的。完成多套UI界面方案的設計后，開發者開始進行調研驗證，從而得到用戶的反饋。

通過對用戶反饋意見的整理和總結，得出每套方案的優缺點，便于對最終的軟件界面設計進行調整和改進。如圖1-53所示為界面設計流程圖。

1.7.4　測試產品/改進方案

通過對用戶的調研驗證，可以得到目標用戶最喜歡的方案。而且了解到用戶為什么喜歡，還有什么遺憾等，這樣設計師就可以有針對性地對軟件界面進行修改，從而讓軟件界面變得更加細致、精美。

1.7.5　投入市場/用戶反饋

改進后的軟件界面設計方案即可在所開發的軟件中應用并推向市場，但是設計并沒有結束，還需要用戶反饋。好的設計師應該在軟件產品上市后，多與用戶交流，了解用戶的使用感受，為以后的版本升級和改進積累經驗。