UI vs UX:使用者介面和使用者體驗之間的差異

發表於2016-06-17

1

使用者介面和使用者體驗之間存在著哪些差異?如果讓我在30秒或更少的時間內解釋這個問題,那麼這裡是我的答案。從最基本的層面上來說,使用者介面(UI)是用來和一個裝置互動的的一系列介面、頁面和視覺元素,比如按鈕和圖示等。使用者體驗(UX),相對來說,則是一個人在與一家公司的產品、服務等各方面互動之後產生的內心感受。

2

(來源: User Experience Rocks

儘管我很喜歡上面這幅卡通畫,但這兩句話並不是全面的解答。為了更好地理解使用者介面和使用者體驗之間的差異,我們需要進一步挖掘這兩者各自的內涵。

什麼是使用者介面

上溯到上世紀七十時代,如果你想要使用一臺電腦,你就必須使用命令列介面,如下圖所示:

3

(來源: Jason Scott

那時,你還買不到一臺使用圖形、圖示、按鈕、或滑鼠的電腦。他們當時還沒有出現在市場上。為了讓電腦行使你的指令,你必須用程式語言和它交流。

之後在1981年,Xerox PARC的一幫電腦科學家開發了Xerox Star,一臺配置了最初的圖形使用者介面(GUI)的個人電腦。

它使用了視窗、圖示、下拉選單、單選按鈕、核取方塊等元素,還允許使用者開啟、移動、刪除文件。

4

(來源: Wikipedia

這臺電腦可能和現在的電腦看起來不大一樣。但在個人電腦時代早期,圖形使用者介面的出現是一次重大的變革。這意味著你不用再通過程式碼來使用電腦,也讓電腦更廣泛地為大眾所接受。蘋果公司的團隊繼續在圖形使用者介面這點上開發創新。1984年,他們釋出了Macintosh。Macintosh是第一款成功商業化的使用滑鼠點選和多視窗介面的桌面電腦

5

(來源: oldcomputers.net

圖形使用者介面的出現也帶來了對新型設計師的需求——專門設計個人電腦圖形介面的設計師。使用者介面設計師就是在這樣的背景下誕生的。

這一學科在過去的幾十年中不斷演化,還會在將來繼續進化。如今的使用者介面設計師主要圍繞網站、移動應用、可穿戴裝置和其它程式進行設計。他們需要負責設計數字產品介面的佈局以及一個系統各個頁面上的視覺元素。

什麼是使用者體驗?

使用者體驗這個術語是由認知科學家Don Norman在上世紀九十年代創造的。那時,他正擔任蘋果公司高新科技組的VP。

他是這麼定義使用者體驗的:

“使用者體驗包涵了終端使用者與一家公司及其服務、產品進行互動的所有層面。”

在解釋這一術語起源的電郵中,Norman寫道:

“我發明這個術語主要是因為我認為人機介面和可用性這兩個概念太過狹窄:我想要覆蓋一個人使用某個系統的所有層面,包括工業設計、影像、介面、物理互動,以及手冊等。後來,這一術語流傳甚廣,以致開始喪失原有的意義。”

在最近發表的一篇文章中,Norman闡述了構成高質量使用者體驗的元素:

“打造傑出使用者體驗的第一要義就是準確地滿足顧客需求,別讓他們忙亂或不安。接下來是產品本身的簡潔和雅緻,讓使用者覺得擁有、使用這些產品是富有樂趣的。

真正的使用者體驗不僅僅是滿足顧客口中的需求,或是提供一系列的清單。為了實現高質量的使用者體驗,一家公司的工程、市場、視覺、工業設計、介面設計等各個部門之間必須要無縫銜接。 ”

使用者體驗並不止於產品的視覺介面。它是一個多維的、覆蓋了使用者的整體使用行程的概念,包括:

· 他們發現你公司產品的過程

· 他們和介面互動中的一系列行為

· 他們在完成任務過程中產生的想法和感受

· 他們在整個互動過程中形成的整體印象

6

使用者體驗蜂巢圖

(來源: Peter Moreville

使用者體驗設計師主要負責確保公司能夠交付一款滿足顧客需求並順利達到他們期望結果的產品或服務。

他們需要開展使用者研究來獲取關於產品使用者儘可能多的背景資料,然後利用這些資料設計線框圖和產品原型,以幫助使用者從A點到達B點。

使用者介面和使用者體驗之間的差異

Don Norman和Jakob Nielsen很恰當地總結了兩者之間的差異:

“把整體的使用者體驗和使用者介面區別開來是相當重要的,雖說使用者介面顯然也是設計流程中極其重要的一部分。

舉個電影評論網站的例子。即使用來找到一部電影的使用者介面是完美的,然而對於一個想要找到小成本獨立電影的使用者來說,如果底層資料庫只有主流電影製片廠的電影資訊,那這個使用者體驗就是差勁的。”

谷歌是另一個很好的例子。它的介面十分簡潔。它的使用者介面上幾乎沒啥東西——一個商標,一個搜尋框,一些按鈕,以及搜尋結果頁面。

7

但當你在搜尋框中輸入內容之後,你能在一秒不到的時間內訪問到幾乎所有已經數字化的人類知識。

8

試想,如果每次用谷歌搜尋的時候,它都要花費15秒鐘才能顯示結果——你將不能再立即找到你問題的答案。那麼,即使使用者介面沒變,你使用谷歌的體驗也會截然不同。而正如生活中的很多事情,不同的人對這兩者之間的差別也有不同的理解。所以我們邀請了一些行業大牛來說說他們的看法。

這裡是他們說的UI和UX之間的差異:

1.使用者體驗注重使用者解決問題的行程,使用者介面則注重產品的外觀和功能

9

Ken Norton:Google Ventures合夥人,前Google產品經理

從一個我們想要解決的問題開始,使用者體驗設計注重的是任何影響使用者解決問題行程的因素,不管是正面、負面的,還是線上、線下的。使用者介面設計專注於一個產品的外觀和功能。使用者介面只是使用者行程的一個片面。我喜歡那個“賓館”的比喻:使用者介面是桌子、椅子、盤子、玻璃杯和器皿。使用者體驗則是由食物、服務、停車、燈光、音樂傳遞的整體觀感。

2. 使用者體驗設計師關心的是設計流程的概念層面,而使用者介面設計師則更注重肉眼可見的元素

10

Andy Budd:Clearleft 聯合創始人,UX London創始人

一般的邏輯是,如果你設計使用者介面,以及人們通過使用者介面來體驗這一產品,那你就是使用者體驗設計師。這也意味著設計你自己的房子你就是個建築師,修個水龍頭你就成了管道工。

這些用來形容一個學科的詞語經常到頭來失去了他們本來的意義。比如說建築師“Architect”從字面上說是“泥瓦匠頭子”,管道工“plumber”是指“用水砣測深的工人”。這兩個名字顯然沒有解釋清楚這兩個職業從事的工作範疇。

在專業的語境下,使用者體驗設計師有確切的含義以及需要具備一系列的技能。這一團體已有20餘年的實踐經驗 。在現實生活中,使用者體驗設計師主要負責設計流程中的概念層面,而使用者介面設計師更多則集中在肉眼可見的元素上。

Jason Mesut用“雙鑽石”模型很恰當地形容了UX和UI之間的差異和交疊。在這個模型中,使用者體驗設計師在策略、研究、資訊架構和互動設計領域具備傑出的技能。

使用者介面設計師(現在矽谷更流行被稱作數字產品設計師)也擁有互動設計的技能。此外,他們專攻資訊設計、動效設計和品牌設計領域。

儘管有些人聲稱他們在以上這幾方面都是資深專家,但這也是鳳毛麟角。畢竟一個人不可能樣樣精通。

3. 使用者體驗和使用者介面設計之間沒有差異,因為這兩者不能比較

11

Craig Morrison:RecordSetter產品主管,Usability Hour創始人

我一直都有聽到這個問題,我也已經回答過很多次了。最終我得到了這麼個結論:

使用者體驗設計和使用者介面設計之間沒有差異,因為他們是兩個不能相互比較的概念。

舉個例子,這就像是問紅漆和其所含的化學制品之間有啥區別? 沒區別。紅漆由各種不同的化學制品混合而成,就像使用者體驗是由一系列不同的成分組成的一樣。使用者介面設計只是其中之一,在和其它成分組合之後,生成了使用者體驗。

這裡是一些用來說明我觀點的其它問題:MacBook和它鍵盤按鍵形狀之間有啥區別?茶和茶包原料之間有啥區別? 小汽車和它的表色有啥區別?

如果我們在討論美味的蛋糕(為什麼不呢?),使用者介面就是糖衣、盤子、口味、器皿和外觀。使用者體驗就是為什麼我們先上蛋糕,以及相比漢堡,人們更愛吃蛋糕的原因。

[注:Craig在這篇文章中進一步探討了UI和UX設計師之間的差異:為什麼你不能僱傭一名UI/UX設計師?]

4. 使用者介面一般是指圍繞螢幕介面的視覺設計和資訊設計;使用者體驗是指完整的體驗,它可以和螢幕介面無關。

12

Patrick Neeman:Apptio產品設計部門主管,Usability Counts 創始人

使用者體驗設計是指完整的體驗,它可以和螢幕介面無關。使用者介面設計一般是圍繞螢幕介面的視覺設計和資訊設計。使用者體驗應該追溯到Nielsen Norman集團對使用者體驗的定義:使用者或顧客與系統之間的任何觸點,與是否數字化無關。

5. 使用者介面專注於產品,是一系列截圖;使用者體驗專注於使用者和他們使用產品的流程。

13

Scott Jenson:Google的產品策略師

我對這兩者之間的差異還沒有定論,因為他們經常被混用。但如果一定要區分的話,我認為使用者介面更注重產品本身,是一系列使用者實時互動的介面。使用者體驗則更注重使用者和他們使用產品的流程。使用者介面傾向於探討人機互動介面上的細節,集中體現為標籤、視覺風格、指南和結構。使用者體驗講的是使用產品的路徑,離開螢幕之後的活動,描述使用者行程和動機,為什麼這樣安排使用者介面上的元素,更重要的是,為什麼有些元素被排除在外。使用者介面設計師勾勒出限制,使用者體驗設計師則是質問這些限制。

6. 使用者體驗是使用者使用產品的總體體驗,而使用者介面是使用者實際互動和看到的事物

14

Clayton Yan:UserTesting使用者體驗設計師

使用者介面和使用者體驗的定義還存在不少混淆的情況:什麼是主要的差異,或者說是否存在差異。他們確實有所不同,但這兩者在創造優美、直觀的體驗時又緊密相連。

我解釋這個問題的方法是通過思考如何建造一間房屋。當你在造一間房子的時候,你需要思考大體的架構和佈局:

· 你需要兩間還是三間臥室?

· 每間臥室都要配備衛生間嗎?

· 進門之後是不是直接就走進客廳?

· 房子是一層還是兩層?

對我來說,使用者體驗是你這間房子(或產品)的總體體驗。各個事物佈局是否說得通?它讓你的使用者有什麼感受?

接下來的使用者行程是他們實實在在互動的介面。繼續以房子為例子,使用者介面是整套房子的視覺主題。你用了什麼型別的牆紙?你是否在房屋裡佈置了同款花瓶?或是不同款的?

使用者介面,顧名思義,是那些使用者在實際互動中看到的東西,包括按鈕、表格、圖片等等。 沒有使用者介面的使用者體檢意味著你的房子只有一個框架和結構,卻欠優美、連貫。沒有使用者體驗的使用者介面就像在房屋的角角落落潑灑絢麗的彩漆,卻讓你的門直接通往衛生間。因此,你同時需要使用者體驗和使用者介面這兩者來創造端到端的極致體驗。

通常來說,使用者體驗設計先行於使用者介面設計,因為你需要先開展研究,設計草圖,制定大體上的任務流程。一旦你定下了基調,那就可以開始著手設計使用者介面來把各方面串聯起來,以設計出一款優美的產品。

你是怎麼想的?

很多朋友把UX和UI混為一談,就像Don Norman所說:“這兩個概念成為了日常詞彙,似乎不再有什麼特殊含義了。很多人經常在不瞭解UX和UI的定義、起源、歷史、外延的情況下使用他們。 ”

那麼,你是怎麼看的呢?UI和UX之間的差別在哪裡?他們是否應該被混用或者說他們各自指代哪些不同的事物?在評論區留下你的觀點吧!也可以在Twitter, Facebook, 和 Linkedin上給我們留言。

P.S. 誠摯感謝所有為這篇文章作出貢獻的人們!如果你覺得身邊有人會覺得這篇文章有用,那就分享給他們吧。

相關文章