UI全稱User Interface，中文叫“用戶界面”。

2000年傳入國(guó)內(nèi)，國(guó)內(nèi)最早專業(yè)從事UI的公司還是我們的民族軟件——金山，據(jù)說(shuō)在2000年已成立人機(jī)界面組，雖然只有2個(gè)人。金山軟件的UI團(tuán)隊(duì)是業(yè)內(nèi)名副其實(shí)的黃埔軍校，培養(yǎng)了如今江湖上整整一代的設(shè)計(jì)領(lǐng)袖，并且他們出的作品也深遠(yuǎn)影響了國(guó)產(chǎn)軟件的用戶體驗(yàn)整體水準(zhǔn)。也許早期的金山軟件用戶們還記得，隨后WPS和金山毒霸的界面設(shè)計(jì)在整個(gè)大環(huán)境內(nèi)首屈一指。

2001年2月出版的《軟件創(chuàng)新之路》中文版，在技術(shù)專著角度強(qiáng)調(diào)了交互與界面的重要性，為UI概念被廣泛認(rèn)可做好了鋪墊。作者叫Alan Cooper，眼熟吧？沒(méi)錯(cuò)，這本書就是后來(lái)2006年3月出版的《交互設(shè)計(jì)之路》的前輩版本。

2001年到2003年之間，國(guó)內(nèi)大小公司相繼設(shè)立UI職位，同期，不少平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)從業(yè)者也開始嘗試轉(zhuǎn)行做UI。因?yàn)楫?dāng)時(shí)從事web design非常不景氣，整體水平低下，市場(chǎng)環(huán)境糟糕。
2003年隨著ChinaUI論壇的上線，此概念開始在數(shù)字設(shè)計(jì)領(lǐng)域聲名鵲起。如同ChinaUI網(wǎng)站最早的title“歡迎來(lái)到中國(guó)第一個(gè)UI設(shè)計(jì)網(wǎng)站”，但什么是UI？我估計(jì)當(dāng)時(shí)沒(méi)幾個(gè)人清楚。同年5月，由金山轉(zhuǎn)會(huì)騰訊的唐沐主導(dǎo)了QQ發(fā)展史上革命性的界面升級(jí)。耳目一新的QQ界面給粉絲們帶來(lái)了極大驚喜，在外觀和人性化方面做了較大改善。

此后，以UI為主題的設(shè)計(jì)類網(wǎng)站層出不窮。我當(dāng)時(shí)對(duì)UI其實(shí)并不太感興趣，認(rèn)為與我從事的是兩個(gè)路子，但每天看到、聽(tīng)到的討論又不得不去了解相關(guān)知識(shí)。從概念角度推敲，當(dāng)時(shí)所有軟件UI從業(yè)者所做的，都應(yīng)該是Graphical user interface，簡(jiǎn)稱GUI，僅僅只是UI的一個(gè)分支。所以，我后來(lái)特納悶，為什么沒(méi)有Web user interface？也可以簡(jiǎn)稱WUI。


A graphical user interface or GUI is a type of user interface item that allows people to interact with programs in more ways than typing such as computers; hand-held devices such as MP3 Players, Portable Media Players or Gaming devices; household appliances and office equipment with images rather than text commands.

首先要肯定概念推廣對(duì)業(yè)界整體實(shí)力的推動(dòng)作用，但因?qū)Ω拍罾斫獾牟磺逦踔琳`導(dǎo)，絕大多數(shù)同行認(rèn)為“UI等于網(wǎng)頁(yè)設(shè)計(jì)”，更有人認(rèn)為“UI是專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)”。很大程度上影響了當(dāng)時(shí)的web design主流審美，當(dāng)時(shí)所謂好的“網(wǎng)頁(yè)”設(shè)計(jì)，要么是一幅全由圖片拼接的平面大作，要么就是由各種華麗的UI控件堆砌而成軟件皮膚，絲毫看不到任何web design的技巧和內(nèi)涵。

注意，軟件的UI設(shè)計(jì)與網(wǎng)頁(yè)的UI設(shè)計(jì)完全是兩套知識(shí)體系。對(duì)于軟件UI來(lái)說(shuō)，設(shè)計(jì)師能夠操作到的僅僅是視覺(jué)的表現(xiàn)層，所以從事軟件UI的基本都是視覺(jué)設(shè)計(jì)師；而網(wǎng)站UI在表現(xiàn)原理上有很大區(qū)別，不是視覺(jué)設(shè)計(jì)師天馬行空想象就能做，也不是所見(jiàn)即所得做出來(lái)的樣子馬上就可以用在頁(yè)面上。關(guān)鍵網(wǎng)頁(yè)表現(xiàn)層還有個(gè)Front-End的概念，所有界面控件表現(xiàn)都通過(guò)代碼來(lái)落實(shí)，這是web最終用戶體驗(yàn)的質(zhì)量總控。

針對(duì)互聯(lián)網(wǎng)產(chǎn)品而言，當(dāng)時(shí)有同行認(rèn)為真正的UI專業(yè)流程，應(yīng)該是用戶研究、需求分析、架構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、可用性測(cè)試整個(gè)過(guò)程。我認(rèn)為錯(cuò)的很離譜，因?yàn)閷?duì)概念層級(jí)理解的模糊，導(dǎo)致對(duì)整個(gè)體系的認(rèn)識(shí)存在缺陷。以點(diǎn)蓋面，以偏蓋全，后來(lái)的“交互設(shè)計(jì)”也走入此誤區(qū)。


It’s not uncommon to confuse “user experience” with “user interface” — after all it’s a big part of what users interact with while experiencing digital products and services. But the UI is just one piece of the puzzle.

就我目前的實(shí)踐經(jīng)驗(yàn)來(lái)看，比較認(rèn)同《用戶體驗(yàn)的要素》作者的總結(jié)——界面設(shè)計(jì)只是框架層的一部分，與信息設(shè)計(jì)、導(dǎo)航設(shè)計(jì)并列組成用戶真正能夠看到和使用的原型。Web設(shè)計(jì)中典型的Web UI是表單，幾乎每個(gè)系統(tǒng)、平臺(tái)都有，也是處理用戶交互行為最容易出問(wèn)題的難點(diǎn)。

GUI背景設(shè)計(jì)師做網(wǎng)站，有很顯著的GUI風(fēng)格，我觀察中外很多設(shè)計(jì)師作品得出的結(jié)論。因?yàn)樗麄儗?duì)web構(gòu)建原理的認(rèn)識(shí)不夠，還有本身產(chǎn)出技能上的習(xí)慣差異所致。當(dāng)然，也有個(gè)中高手，能夠融洽的處理兩者差異?？傮w上來(lái)看，因?yàn)镚UI與WUI各專業(yè)體系縱深發(fā)展的日趨分化，頂尖GUI高手一般只專注于GUI領(lǐng)域。

一葉千鳥（轉(zhuǎn)載請(qǐng)留原文鏈接，更新于2010年02月04日2點(diǎn)）