用戶界面和用戶體驗(yàn)之間存在著哪些差異？如果讓我在30秒或更少的時(shí)間內(nèi)解釋這個(gè)問題，那么這里是我的答案。
從最基本的層面上來說，用戶界面（UI）是用來和一個(gè)設(shè)備互動(dòng)的的一系列界面、頁面和視覺元素，比如按鈕和圖標(biāo)等。
用戶體驗(yàn)（UX），相對(duì)來說，則是一個(gè)人在與一家公司的產(chǎn)品、服務(wù)等各方面互動(dòng)之后產(chǎn)生的內(nèi)心感受。
（來源： User Experience Rocks）
盡管我很喜歡上面這幅卡通畫，但這兩句話并不是全面的解答。為了更好地理解用戶界面和用戶體驗(yàn)之間的差異，我們需要進(jìn)一步挖掘這兩者各自的內(nèi)涵。
什么是用戶界面？
上溯到上世紀(jì)七十時(shí)代，如果你想要使用一臺(tái)電腦，你就必須使用命令行界面，如下圖所示：
（來源： Jason Scott）
那時(shí)，你還買不到一臺(tái)使用圖形、圖標(biāo)、按鈕、或鼠標(biāo)的電腦。他們當(dāng)時(shí)還沒有出現(xiàn)在市場(chǎng)上。為了讓電腦行使你的指令，你必須用編程語言和它交流。
之后在1981年，Xerox PARC的一幫電腦科學(xué)家開發(fā)了Xerox Star，一臺(tái)配置了最初的圖形用戶界面（GUI）的個(gè)人電腦。
它使用了窗口、圖標(biāo)、下拉菜單、單選按鈕、復(fù)選框等元素，還允許用戶打開、移動(dòng)、刪除文檔。
（來源： Wikipedia）
這臺(tái)電腦可能和現(xiàn)在的電腦看起來不大一樣。但在個(gè)人電腦時(shí)代早期，圖形用戶界面的出現(xiàn)是一次重大的變革。這意味著你不用再通過代碼來使用電腦，也讓電腦更廣泛地為大眾所接受。蘋果公司的團(tuán)隊(duì)繼續(xù)在圖形用戶界面這點(diǎn)上開發(fā)創(chuàng)新。1984年，他們發(fā)布了Macintosh。Macintosh是第一款成功商業(yè)化的使用鼠標(biāo)點(diǎn)擊和多窗口界面的桌面電腦
（來源： oldcomputers.net）
圖形用戶界面的出現(xiàn)也帶來了對(duì)新型設(shè)計(jì)師的需求——專門設(shè)計(jì)個(gè)人電腦圖形界面的設(shè)計(jì)師。用戶界面設(shè)計(jì)師就是在這樣的背景下誕生的。
這一學(xué)科在過去的幾十年中不斷演化，還會(huì)在將來繼續(xù)進(jìn)化。如今的用戶界面設(shè)計(jì)師主要圍繞網(wǎng)站、移動(dòng)應(yīng)用、可穿戴設(shè)備和其它程序進(jìn)行設(shè)計(jì)。他們需要負(fù)責(zé)設(shè)計(jì)數(shù)字產(chǎn)品界面的布局以及一個(gè)系統(tǒng)各個(gè)頁面上的視覺元素。
什么是用戶體驗(yàn)？
用戶體驗(yàn)這個(gè)術(shù)語是由認(rèn)知科學(xué)家Don Norman在上世紀(jì)九十年代創(chuàng)造的。那時(shí)，他正擔(dān)任蘋果公司高新科技組的VP。
他是這么定義用戶體驗(yàn)的：
“用戶體驗(yàn)包涵了終端用戶與一家公司及其服務(wù)、產(chǎn)品進(jìn)行交互的所有層面。”
在解釋這一術(shù)語起源的電郵中，Norman寫道：
“我發(fā)明這個(gè)術(shù)語主要是因?yàn)槲艺J(rèn)為人機(jī)界面和可用性這兩個(gè)概念太過狹窄：我想要覆蓋一個(gè)人使用某個(gè)系統(tǒng)的所有層面，包括工業(yè)設(shè)計(jì)、圖像、界面、物理交互，以及手冊(cè)等。后來，這一術(shù)語流傳甚廣，以致開始喪失原有的意義?！?nbsp;
在最近發(fā)表的一篇文章中，Norman闡述了構(gòu)成高質(zhì)量用戶體驗(yàn)的元素：
“打造杰出用戶體驗(yàn)的第一要義就是準(zhǔn)確地滿足顧客需求，別讓他們忙亂或不安。接下來是產(chǎn)品本身的簡(jiǎn)潔和雅致，讓用戶覺得擁有、使用這些產(chǎn)品是富有樂趣的。
真正的用戶體驗(yàn)不僅僅是滿足顧客口中的需求，或是提供一系列的清單。為了實(shí)現(xiàn)高質(zhì)量的用戶體驗(yàn)，一家公司的工程、市場(chǎng)、視覺、工業(yè)設(shè)計(jì)、界面設(shè)計(jì)等各個(gè)部門之間必須要無縫銜接。 ”
用戶體驗(yàn)并不止于產(chǎn)品的視覺界面。它是一個(gè)多維的、覆蓋了用戶的整體使用行程的概念，包括：
他們發(fā)現(xiàn)你公司產(chǎn)品的過程
他們和界面互動(dòng)中的一系列行為
他們?cè)谕瓿扇蝿?wù)過程中產(chǎn)生的想法和感受
他們?cè)谡麄€(gè)交互過程中形成的整體印象
用戶體驗(yàn)蜂巢圖
（來源： Peter Moreville）
用戶體驗(yàn)設(shè)計(jì)師主要負(fù)責(zé)確保公司能夠交付一款滿足顧客需求并順利達(dá)到他們期望結(jié)果的產(chǎn)品或服務(wù)。
他們需要開展用戶研究來獲取關(guān)于產(chǎn)品用戶盡可能多的背景資料，然后利用這些資料設(shè)計(jì)線框圖和產(chǎn)品原型，以幫助用戶從A點(diǎn)到達(dá)B點(diǎn)。
用戶界面和用戶體驗(yàn)之間的差異
Don Norman和Jakob Nielsen很恰當(dāng)?shù)乜偨Y(jié)了兩者之間的差異：
“把整體的用戶體驗(yàn)和用戶界面區(qū)別開來是相當(dāng)重要的，雖說用戶界面顯然也是設(shè)計(jì)流程中極其重要的一部分。
舉個(gè)電影評(píng)論網(wǎng)站的例子。即使用來找到一部電影的用戶界面是完美的，然而對(duì)于一個(gè)想要找到小成本獨(dú)立電影的用戶來說，如果底層數(shù)據(jù)庫只有主流電影制片廠的電影信息，那這個(gè)用戶體驗(yàn)就是差勁的?！?/span>
谷歌是另一個(gè)很好的例子。它的界面十分簡(jiǎn)潔。它的用戶界面上幾乎沒啥東西——一個(gè)商標(biāo)，一個(gè)搜索框，一些按鈕，以及搜索結(jié)果頁面。
但當(dāng)你在搜索框中輸入內(nèi)容之后，你能在一秒不到的時(shí)間內(nèi)訪問到幾乎所有已經(jīng)數(shù)字化的人類知識(shí)。
試想，如果每次用谷歌搜索的時(shí)候，它都要花費(fèi)15秒鐘才能顯示結(jié)果——你將不能再立即找到你問題的答案。那么，即使用戶界面沒變，你使用谷歌的體驗(yàn)也會(huì)截然不同。而正如生活中的很多事情，不同的人對(duì)這兩者之間的差別也有不同的理解。所以我們邀請(qǐng)了一些行業(yè)大牛來說說他們的看法。
這里是他們說的UI和UX之間的差異：
1.用戶體驗(yàn)注重用戶解決問題的行程，用戶界面則注重產(chǎn)品的外觀和功能
Ken Norton：Google Ventures合伙人，前Google產(chǎn)品經(jīng)理
從一個(gè)我們想要解決的問題開始，用戶體驗(yàn)設(shè)計(jì)注重的是任何影響用戶解決問題行程的因素，不管是正面、負(fù)面的，還是線上、線下的。用戶界面設(shè)計(jì)專注于一個(gè)產(chǎn)品的外觀和功能。用戶界面只是用戶行程的一個(gè)片面。
我喜歡那個(gè)“賓館”的比喻：用戶界面是桌子、椅子、盤子、玻璃杯和器皿。用戶體驗(yàn)則是由食物、服務(wù)、停車、燈光、音樂傳遞的整體觀感。
2. 用戶體驗(yàn)設(shè)計(jì)師關(guān)心的是設(shè)計(jì)流程的概念層面，而用戶界面設(shè)計(jì)師則更注重肉眼可見的元素
Andy Budd：Clearleft 聯(lián)合創(chuàng)始人，UX London創(chuàng)始人
一般的邏輯是，如果你設(shè)計(jì)用戶界面，以及人們通過用戶界面來體驗(yàn)這一產(chǎn)品，那你就是用戶體驗(yàn)設(shè)計(jì)師。這也意味著設(shè)計(jì)你自己的房子你就是個(gè)建筑師，修個(gè)水龍頭你就成了管道工。
這些用來形容一個(gè)學(xué)科的詞語經(jīng)常到頭來失去了他們本來的意義。比如說建筑師“Architect”從字面上說是“泥瓦匠頭子”，管道工“plumber”是指“用水砣測(cè)深的工人”。這兩個(gè)名字顯然沒有解釋清楚這兩個(gè)職業(yè)從事的工作范疇。
在專業(yè)的語境下，用戶體驗(yàn)設(shè)計(jì)師有確切的含義以及需要具備一系列的技能。這一團(tuán)體已有20余年的實(shí)踐經(jīng)驗(yàn) 。在現(xiàn)實(shí)生活中，用戶體驗(yàn)設(shè)計(jì)師主要負(fù)責(zé)設(shè)計(jì)流程中的概念層面，而用戶界面設(shè)計(jì)師更多則集中在肉眼可見的元素上。
Jason Mesut用“雙鉆石”模型很恰當(dāng)?shù)匦稳萘薝X和UI之間的差異和交疊。在這個(gè)模型中，用戶體驗(yàn)設(shè)計(jì)師在策略、研究、信息架構(gòu)和交互設(shè)計(jì)領(lǐng)域具備杰出的技能。
用戶界面設(shè)計(jì)師（現(xiàn)在硅谷更流行被稱作數(shù)字產(chǎn)品設(shè)計(jì)師）也擁有交互設(shè)計(jì)的技能。此外，他們專攻信息設(shè)計(jì)、動(dòng)效設(shè)計(jì)和品牌設(shè)計(jì)領(lǐng)域。
盡管有些人聲稱他們?cè)谝陨线@幾方面都是資深專家，但這也是鳳毛麟角。畢竟一個(gè)人不可能樣樣精通。
3. 用戶體驗(yàn)和用戶界面設(shè)計(jì)之間沒有差異，因?yàn)檫@兩者不能比較
Craig Morrison：RecordSetter產(chǎn)品主管，Usability Hour創(chuàng)始人
我一直都有聽到這個(gè)問題，我也已經(jīng)回答過很多次了。最終我得到了這么個(gè)結(jié)論：
用戶體驗(yàn)設(shè)計(jì)和用戶界面設(shè)計(jì)之間沒有差異，因?yàn)樗麄兪莾蓚€(gè)不能相互比較的概念。
舉個(gè)例子，這就像是問紅漆和其所含的化學(xué)制品之間有啥區(qū)別？ 沒區(qū)別。紅漆由各種不同的化學(xué)制品混合而成，就像用戶體驗(yàn)是由一系列不同的成分組成的一樣。用戶界面設(shè)計(jì)只是其中之一，在和其它成分組合之后，生成了用戶體驗(yàn)。
這里是一些用來說明我觀點(diǎn)的其它問題：MacBook和它鍵盤按鍵形狀之間有啥區(qū)別？茶和茶包原料之間有啥區(qū)別？ 小汽車和它的表色有啥區(qū)別？
如果我們?cè)谟懻撁牢兜牡案猓槭裁床荒?？），用戶界面就是糖衣、盤子、口味、器皿和外觀。用戶體驗(yàn)就是為什么我們先上蛋糕，以及相比漢堡，人們更愛吃蛋糕的原因。
4. 用戶界面一般是指圍繞屏幕界面的視覺設(shè)計(jì)和信息設(shè)計(jì)；用戶體驗(yàn)是指完整的體驗(yàn)，它可以和屏幕界面無關(guān)。
Patrick Neeman：Apptio產(chǎn)品設(shè)計(jì)部門主管，Usability Counts 創(chuàng)始人
用戶體驗(yàn)設(shè)計(jì)是指完整的體驗(yàn)，它可以和屏幕界面無關(guān)。用戶界面設(shè)計(jì)一般是圍繞屏幕界面的視覺設(shè)計(jì)和信息設(shè)計(jì)。用戶體驗(yàn)應(yīng)該追溯到Nielsen Norman集團(tuán)對(duì)用戶體驗(yàn)的定義：用戶或顧客與系統(tǒng)之間的任何觸點(diǎn)，與是否數(shù)字化無關(guān)。
5. 用戶界面專注于產(chǎn)品，是一系列截屏；用戶體驗(yàn)專注于用戶和他們使用產(chǎn)品的流程。
Scott Jenson：Google的產(chǎn)品策略師
我對(duì)這兩者之間的差異還沒有定論，因?yàn)樗麄兘?jīng)常被混用。但如果一定要區(qū)分的話，我認(rèn)為用戶界面更注重產(chǎn)品本身，是一系列用戶實(shí)時(shí)互動(dòng)的界面。
用戶體驗(yàn)則更注重用戶和他們使用產(chǎn)品的流程。用戶界面傾向于探討人機(jī)交互界面上的細(xì)節(jié)，集中體現(xiàn)為標(biāo)簽、視覺風(fēng)格、指南和結(jié)構(gòu)。用戶體驗(yàn)講的是使用產(chǎn)品的路徑，離開屏幕之后的活動(dòng)，描述用戶行程和動(dòng)機(jī)，為什么這樣安排用戶界面上的元素，更重要的是，為什么有些元素被排除在外。用戶界面設(shè)計(jì)師勾勒出限制，用戶體驗(yàn)設(shè)計(jì)師則是質(zhì)問這些限制。
6. 用戶體驗(yàn)是用戶使用產(chǎn)品的總體體驗(yàn)，而用戶界面是用戶實(shí)際互動(dòng)和看到的事物
Clayton Yan：UserTesting用戶體驗(yàn)設(shè)計(jì)師
用戶界面和用戶體驗(yàn)的定義還存在不少混淆的情況：什么是主要的差異，或者說是否存在差異。他們確實(shí)有所不同，但這兩者在創(chuàng)造優(yōu)美、直觀的體驗(yàn)時(shí)又緊密相連。
我解釋這個(gè)問題的方法是通過思考如何建造一間房屋。當(dāng)你在造一間房子的時(shí)候，你需要思考大體的架構(gòu)和布局：
你需要兩間還是三間臥室？
每間臥室都要配備衛(wèi)生間嗎？
進(jìn)門之后是不是直接就走進(jìn)客廳？
房子是一層還是兩層？
對(duì)我來說，用戶體驗(yàn)是你這間房子（或產(chǎn)品）的總體體驗(yàn)。各個(gè)事物布局是否說得通？它讓你的用戶有什么感受？
接下來的用戶行程是他們實(shí)實(shí)在在互動(dòng)的界面。繼續(xù)以房子為例子，用戶界面是整套房子的視覺主題。你用了什么類型的墻紙？你是否在房屋里布置了同款花瓶？或是不同款的？
用戶界面，顧名思義，是那些用戶在實(shí)際交互中看到的東西，包括按鈕、表格、圖片等等。 沒有用戶界面的用戶體檢意味著你的房子只有一個(gè)框架和結(jié)構(gòu)，卻欠優(yōu)美、連貫。沒有用戶體驗(yàn)的用戶界面就像在房屋的角角落落潑灑絢麗的彩漆，卻讓你的門直接通往衛(wèi)生間。因此，你同時(shí)需要用戶體驗(yàn)和用戶界面這兩者來創(chuàng)造端到端的極致體驗(yàn)。
通常來說，用戶體驗(yàn)設(shè)計(jì)先行于用戶界面設(shè)計(jì)，因?yàn)槟阈枰乳_展研究，設(shè)計(jì)草圖，制定大體上的任務(wù)流程。一旦你定下了基調(diào)，那就可以開始著手設(shè)計(jì)用戶界面來把各方面串聯(lián)起來，以設(shè)計(jì)出一款優(yōu)美的產(chǎn)品。
你是怎么想的？
很多朋友把UX和UI混為一談，就像Don Norman所說：“這兩個(gè)概念成為了日常詞匯，似乎不再有什么特殊含義了。很多人經(jīng)常在不了解UX和UI的定義、起源、歷史、外延的情況下使用他們。 ”
聯(lián)系客服
