在第一部曲中，我們談了產(chǎn)品的外觀設(shè)計(jì)，越來(lái)越多的制造商認(rèn)識(shí)到外觀設(shè)計(jì)的重要性，特別是消費(fèi)類產(chǎn)品表現(xiàn)得更為突出，比如手機(jī)、汽車。2013年6月，華為在英國(guó)倫敦面向全球正式發(fā)布了年度旗艦新品Ascend P6，主要賣點(diǎn)就是其外觀設(shè)計(jì)，宣稱是全球最薄的智能手機(jī)，有人說(shuō)可以用來(lái)切菜、削蘋果、砍人！不知坐飛機(jī)能否通過(guò)安檢。
如果P6僅僅全球最薄、外觀漂亮，那么它不會(huì)在市場(chǎng)上取得成功，畢竟手機(jī)不是裝飾品給人看的，最終是要給人用。P6另一個(gè)亮點(diǎn)就是GUI（圖形用戶界面，后續(xù)簡(jiǎn)稱UI），P6的研發(fā)團(tuán)隊(duì)為此投入了大量心血，甚至眾多花粉（華為的粉絲）也間接參與了設(shè)計(jì)工作，使得整個(gè)界面更加清爽、更加易用。這次我們就來(lái)談一談裝扮產(chǎn)品的第二部曲，UI設(shè)計(jì)。
第二部曲，UI設(shè)計(jì)。
真正的美女不僅要有美麗的外貌，更要擁有美麗的心靈，比如善良、溫柔、智慧……此類詞匯具備得越多越好。產(chǎn)品的外觀好比美女外貌，而產(chǎn)品的UI就好比美女的心靈了，外在美可以瞬間抓住人們的眼球，而內(nèi)在美才是維系持久親密關(guān)系的關(guān)鍵所在。蘋果產(chǎn)品之所以得到全球消費(fèi)者的鐘愛(ài)，與人性化的UI設(shè)計(jì)密不可分，華為產(chǎn)品能夠走向世界，一個(gè)原因是華為十年前就提出了UCD（以用戶為中心的設(shè)計(jì)），華為終端在產(chǎn)品設(shè)計(jì)上的另一條定律是UI牽引軟件（第一部曲提到的是定律是ID牽引硬件）。
國(guó)內(nèi)軟件長(zhǎng)期以來(lái)，UI設(shè)計(jì)工作一直沒(méi)有被重視起來(lái)，許多企業(yè)沒(méi)有專門的UI設(shè)計(jì)師，完全靠程序員來(lái)發(fā)揮了，非專業(yè)人士做出的界面自然慘不忍睹。在有的企業(yè)，做UI設(shè)計(jì)的人也被稱為美工，而這些美工的絕大多專業(yè)能力比較局限，對(duì)美學(xué)或許有些造詣，但對(duì)客戶以及客戶對(duì)產(chǎn)品的使用場(chǎng)景沒(méi)有深入的理解，設(shè)計(jì)出界面易用性考慮很不充分。
如何做好UI設(shè)計(jì)？
首先，專業(yè)的事情要由專業(yè)的人來(lái)做。一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與電腦的距離。但是，UI設(shè)計(jì)不是單純的美術(shù)繪畫(huà)，它需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)即不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)，也不是項(xiàng)目成員投票的結(jié)果，而是最終用戶的感受。所以UI設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺(jué)效果的過(guò)程。
因此，UI設(shè)計(jì)師主要應(yīng)具備兩種能力，第一種能力是美學(xué)能力，簡(jiǎn)單講就是有能力設(shè)計(jì)出漂亮的界面，讓人賞心悅目；第二種能力是產(chǎn)品應(yīng)用能力，深刻理解客戶，知道客戶如何使用產(chǎn)品的，有能力設(shè)計(jì)出最方便用戶操作界面。比如定位于老人的手機(jī)界面應(yīng)該做成什么樣？最首要的應(yīng)該是字要足夠大。
合格的UI設(shè)計(jì)師既是藝術(shù)家也是產(chǎn)品應(yīng)用專家，看一看，我們企業(yè)目前有這樣的人才嗎？如果還沒(méi)有，我們管理者該著急了，因?yàn)閁I設(shè)計(jì)實(shí)在太重要了，由不合格人做出的結(jié)果肯定也是不合格的。
第二，統(tǒng)一風(fēng)格，建立規(guī)范。統(tǒng)一風(fēng)格分兩個(gè)層面，首先是產(chǎn)品內(nèi)，不同的頁(yè)面、窗口要保持風(fēng)格統(tǒng)一，這是一項(xiàng)很基本的要求，或許很多企業(yè)都做到了。統(tǒng)一風(fēng)格的第二個(gè)層面，是指企業(yè)內(nèi)不同產(chǎn)品之間的UI風(fēng)格要保持一致，比如微軟的word、excel等不同產(chǎn)品，雖然功能大相徑庭，但其風(fēng)格是統(tǒng)一的。在這個(gè)層面的風(fēng)格統(tǒng)一，許多企業(yè)都沒(méi)有做到，不同的項(xiàng)目、不同的產(chǎn)品線各自為戰(zhàn)，其軟件界面五花八門，完全看不出這些產(chǎn)品出自同一家企業(yè)。早年，華為的產(chǎn)品也是如此，當(dāng)風(fēng)格各異的華為產(chǎn)品和整齊劃一的思科產(chǎn)品同時(shí)擺在客戶面前時(shí)，高低上下一目了然。
關(guān)于統(tǒng)一風(fēng)格容易忽略的一點(diǎn)是，術(shù)語(yǔ)、詞語(yǔ)的不一致、不統(tǒng)一，比如同是登錄界面，產(chǎn)品A叫“用戶登錄”，產(chǎn)品B叫“系統(tǒng)登錄”。這個(gè)例子或許是個(gè)小問(wèn)題，而涉及軟件功能的一些術(shù)語(yǔ)存在不一致的地方恐怕就是大問(wèn)題了。要從根本上保證UI風(fēng)格統(tǒng)一，必須建立UI規(guī)范，包括標(biāo)準(zhǔn)術(shù)語(yǔ)、詞語(yǔ)規(guī)范，顏色、字體、字號(hào)、布局等等，同時(shí)也依據(jù)UI規(guī)范建立標(biāo)準(zhǔn)圖標(biāo)、圖形庫(kù)，甚至開(kāi)發(fā)通用的軟件界面模塊，這樣可以大大提高界面的開(kāi)發(fā)效率。
第三，靈活多樣，與時(shí)俱進(jìn)。通常，產(chǎn)品的客戶還是可以進(jìn)一步細(xì)分的，他們有不同的特點(diǎn)，如不同的年齡，不同的性格，不同的喜好，這些決定了他們對(duì)界面有不同的要求。因此，為了盡可能滿足他們各種要求，界面設(shè)計(jì)要具有一定的靈活性，某些方面設(shè)計(jì)成可設(shè)置、可選擇的，如界面皮膚，活潑靚麗的適合年輕人，沉穩(wěn)的適合中老年人。還有字號(hào)、布局、快捷項(xiàng)等都可以做成可配置的。
不得不說(shuō)，手機(jī)UI界面做得普遍不錯(cuò)，哪怕是不知名的品牌，恐怕這是蘋果的iPhone在前面立了標(biāo)桿的原因，而其它行業(yè)的產(chǎn)品UI可沒(méi)有那么人性化了?，F(xiàn)在觸摸屏越來(lái)越普及，許多PC機(jī)已支持觸摸操作了，那么軟件UI設(shè)計(jì)是否與時(shí)俱進(jìn)了？是否根據(jù)觸摸操作的特點(diǎn)來(lái)設(shè)計(jì)界面，比如圖標(biāo)的大小。顯然，微軟的office產(chǎn)品UI設(shè)計(jì)是沒(méi)有充分考慮觸摸操作的，小小的菜單和圖標(biāo)只適合鼠標(biāo)點(diǎn)擊。
（未完待續(xù)）