UI界面設計-界面設計不存在美工

--劉超 (聯(lián)想集團軟件UI設計中心)

人類(lèi)社會(huì )逐步向非物質(zhì)社會(huì )邁進(jìn)，互聯(lián)網(wǎng)信息產(chǎn)業(yè)已經(jīng)走入我們的生活。在這樣一個(gè)非物質(zhì)社會(huì )中，網(wǎng)站與軟件這些非物質(zhì)產(chǎn)品再也不象過(guò)去那樣緊緊靠技術(shù)就能處于不敗之地。工業(yè)設計開(kāi)始關(guān)注非物質(zhì)產(chǎn)品。但是在國內依然普遍存在這樣一個(gè)稱(chēng)呼“美工”�！肮ぁ钡囊馑季褪菦](méi)有思想緊緊靠體力工作的人。這是一個(gè)很愚昧的做法，愚昧在于稱(chēng)呼職員美工的企業(yè)沒(méi)有意識到界面與交互設計能給他們帶來(lái)的巨大經(jīng)濟效益，另一方面愚昧在于被稱(chēng)為美工的人不知道自己應該做什么，以為自己的工作就是每天給界面與網(wǎng)站勾邊描圖。

本文主要講述一套比較科學(xué)的設計流程來(lái)講述UI界面設計屬于工業(yè)設計的范疇，是一個(gè)科學(xué)的設計過(guò)程，理性的商業(yè)運作模式。而不是單純的美術(shù)描邊。

UI的本意是user interface也就是用戶(hù)與界面的關(guān)系。他包括交互設計，用戶(hù)研究，與界面設計%20三個(gè)部分。本文主要講述用戶(hù)研究與界面設計的過(guò)程。

一個(gè)通用消費類(lèi)軟件界面的設計大體可分為五個(gè)步驟：
1需求階段
2分析設計階段
3調研驗證階段
4方案改進(jìn)階段
5用戶(hù)驗證反饋階段

需求階段

軟件產(chǎn)品依然屬于工業(yè)產(chǎn)品的范疇。依然離不開(kāi)3W的考慮（Who,where,why.）也就是使用者，使用環(huán)境，使用方式的需求分析。所以在設計一個(gè)軟件產(chǎn)品之前我們應該明確什么人用(用戶(hù)的年齡，性別，愛(ài)好，收入，教育程度等)。什么地方用（在辦公室/家庭/廠(chǎng)房車(chē)間/公共場(chǎng)所）。如何用（鼠標鍵盤(pán)/遙控器/觸摸屏）。上面的任何一個(gè)元素改變結果都會(huì )有相應的改變。

除此之外在需求階段同類(lèi)競爭產(chǎn)品也是我們必須了解的。同類(lèi)產(chǎn)品比我們提前問(wèn)世，我們要比他作的更好才有存在的價(jià)值。那么單純的從界面美學(xué)考慮說(shuō)哪個(gè)好哪個(gè)不好是沒(méi)有一個(gè)很客觀(guān)的評價(jià)標準的。我們只能說(shuō)哪個(gè)更合適，更合適于我們的最終用戶(hù)的就是最好的。如何判定最合適于用戶(hù)呢，后面我會(huì )介紹用戶(hù)調研。

分析設計階段

通過(guò)分析上面的需求，我們進(jìn)入設計階段。也就是方案形成階段。我們設計出幾套不同風(fēng)格的界面用于被選。首先我們應該制作一個(gè)體現用戶(hù)定位的詞語(yǔ)坐標。例如我們?yōu)?5歲左右的白領(lǐng)男性制作家居娛樂(lè )軟件。對于這類(lèi)用戶(hù)我們分析得到的詞匯有：品質(zhì)，精美，高檔，高雅，男性，時(shí)尚，cool,，個(gè)性，親和，放松等。分析這些詞匯的時(shí)候我們會(huì )發(fā)現有些詞是絕對必須體現的，例如：品質(zhì)，精美，高檔，時(shí)尚。但有些詞是相互矛盾的，必須放棄一些，例如：親和，放松與cool,個(gè)性與等。所以我們畫(huà)出一個(gè)坐標，上面是我們必須用的品質(zhì)，精美，高檔，時(shí)尚。左邊是貼近用戶(hù)心理的詞匯：親和，放松，人性化。右邊是體現用戶(hù)外在形象的詞匯：cool,個(gè)性，工業(yè)化。然后我們開(kāi)始搜集相呼應的圖片，放在坐標的不同點(diǎn)上。這樣根據不同作標點(diǎn)的風(fēng)格，我們設計出數套不同風(fēng)格的界面。

調研驗證階段

幾套風(fēng)格必須保證在同等的設計制作水平上，不能明顯看出差異，這樣才能得到用戶(hù)客觀(guān)的反饋。

測試階段開(kāi)始前我們應該對測試的具體細節進(jìn)行清楚的分析描述。