一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

UI vs UX:用戶界面和用戶體驗之間的差異

 開文如其 2018-01-06



用戶界面和用戶體驗之間存在著哪些差異?如果讓我在30秒或更少的時間內(nèi)解釋這個問題,那么這里是我的答案。


從最基本的層面上來說,用戶界面(UI)是用來和一個設(shè)備互動的的一系列界面、頁面和視覺元素,比如按鈕和圖標等。


用戶體驗(UX),相對來說,則是一個人在與一家公司的產(chǎn)品、服務(wù)等各方面互動之后產(chǎn)生的內(nèi)心感受。



(來源: User Experience Rocks)

 

盡管我很喜歡上面這幅卡通畫,但這兩句話并不是全面的解答。為了更好地理解用戶界面和用戶體驗之間的差異,我們需要進一步挖掘這兩者各自的內(nèi)涵。

 


什么是用戶界面?

 

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



(來源: Jason Scott)


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

 

之后在1981年,Xerox PARC的一幫電腦科學家開發(fā)了Xerox Star,一臺配置了最初的圖形用戶界面(GUI)的個人電腦。

 

它使用了窗口、圖標、下拉菜單、單選按鈕、復選框等元素,還允許用戶打開、移動、刪除文檔。 



(來源: Wikipedia)

 

這臺電腦可能和現(xiàn)在的電腦看起來不大一樣。但在個人電腦時代早期,圖形用戶界面的出現(xiàn)是一次重大的變革。這意味著你不用再通過代碼來使用電腦,也讓電腦更廣泛地為大眾所接受。蘋果公司的團隊繼續(xù)在圖形用戶界面這點上開發(fā)創(chuàng)新。1984年,他們發(fā)布了Macintosh。Macintosh是第一款成功商業(yè)化的使用鼠標點擊和多窗口界面的桌面電腦



(來源: oldcomputers.net)


圖形用戶界面的出現(xiàn)也帶來了對新型設(shè)計師的需求——專門設(shè)計個人電腦圖形界面的設(shè)計師。用戶界面設(shè)計師就是在這樣的背景下誕生的。


這一學科在過去的幾十年中不斷演化,還會在將來繼續(xù)進化。如今的用戶界面設(shè)計師主要圍繞網(wǎng)站、移動應(yīng)用、可穿戴設(shè)備和其它程序進行設(shè)計。他們需要負責設(shè)計數(shù)字產(chǎn)品界面的布局以及一個系統(tǒng)各個頁面上的視覺元素。

 


什么是用戶體驗?


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


他是這么定義用戶體驗的:


“用戶體驗包涵了終端用戶與一家公司及其服務(wù)、產(chǎn)品進行交互的所有層面?!?nbsp;


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


“我發(fā)明這個術(shù)語主要是因為我認為人機界面和可用性這兩個概念太過狹窄:我想要覆蓋一個人使用某個系統(tǒng)的所有層面,包括工業(yè)設(shè)計、圖像、界面、物理交互,以及手冊等。后來,這一術(shù)語流傳甚廣,以致開始喪失原有的意義?!?nbsp;


在最近發(fā)表的一篇文章中,Norman闡述了構(gòu)成高質(zhì)量用戶體驗的元素:


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


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

 

用戶體驗并不止于產(chǎn)品的視覺界面。它是一個多維的、覆蓋了用戶的整體使用行程的概念,包括:


  • 他們發(fā)現(xiàn)你公司產(chǎn)品的過程

  • 他們和界面互動中的一系列行為

  • 他們在完成任務(wù)過程中產(chǎn)生的想法和感受

  • 他們在整個交互過程中形成的整體印象



 

用戶體驗蜂巢圖

(來源: Peter Moreville)

 

用戶體驗設(shè)計師主要負責確保公司能夠交付一款滿足顧客需求并順利達到他們期望結(jié)果的產(chǎn)品或服務(wù)。


他們需要開展用戶研究來獲取關(guān)于產(chǎn)品用戶盡可能多的背景資料,然后利用這些資料設(shè)計線框圖和產(chǎn)品原型,以幫助用戶從A點到達B點。



用戶界面和用戶體驗之間的差異

 

Don Norman和Jakob Nielsen很恰當?shù)乜偨Y(jié)了兩者之間的差異:

 

“把整體的用戶體驗和用戶界面區(qū)別開來是相當重要的,雖說用戶界面顯然也是設(shè)計流程中極其重要的一部分。


舉個電影評論網(wǎng)站的例子。即使用來找到一部電影的用戶界面是完美的,然而對于一個想要找到小成本獨立電影的用戶來說,如果底層數(shù)據(jù)庫只有主流電影制片廠的電影信息,那這個用戶體驗就是差勁的?!?/span>

 

谷歌是另一個很好的例子。它的界面十分簡潔。它的用戶界面上幾乎沒啥東西——一個商標,一個搜索框,一些按鈕,以及搜索結(jié)果頁面。


但當你在搜索框中輸入內(nèi)容之后,你能在一秒不到的時間內(nèi)訪問到幾乎所有已經(jīng)數(shù)字化的人類知識。




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


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

 

1.用戶體驗注重用戶解決問題的行程,用戶界面則注重產(chǎn)品的外觀和功能



Ken Norton:Google Ventures合伙人,前Google產(chǎn)品經(jīng)理

 

從一個我們想要解決的問題開始,用戶體驗設(shè)計注重的是任何影響用戶解決問題行程的因素,不管是正面、負面的,還是線上、線下的。用戶界面設(shè)計專注于一個產(chǎn)品的外觀和功能。用戶界面只是用戶行程的一個片面。


我喜歡那個“賓館”的比喻:用戶界面是桌子、椅子、盤子、玻璃杯和器皿。用戶體驗則是由食物、服務(wù)、停車、燈光、音樂傳遞的整體觀感。

 

2. 用戶體驗設(shè)計師關(guān)心的是設(shè)計流程的概念層面,而用戶界面設(shè)計師則更注重肉眼可見的元素



Andy Budd:Clearleft 聯(lián)合創(chuàng)始人,UX London創(chuàng)始人

 

一般的邏輯是,如果你設(shè)計用戶界面,以及人們通過用戶界面來體驗這一產(chǎn)品,那你就是用戶體驗設(shè)計師。這也意味著設(shè)計你自己的房子你就是個建筑師,修個水龍頭你就成了管道工。

 

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

 

在專業(yè)的語境下,用戶體驗設(shè)計師有確切的含義以及需要具備一系列的技能。這一團體已有20余年的實踐經(jīng)驗 。在現(xiàn)實生活中,用戶體驗設(shè)計師主要負責設(shè)計流程中的概念層面,而用戶界面設(shè)計師更多則集中在肉眼可見的元素上。

 

Jason Mesut用“雙鉆石”模型很恰當?shù)匦稳萘薝X和UI之間的差異和交疊。在這個模型中,用戶體驗設(shè)計師在策略、研究、信息架構(gòu)和交互設(shè)計領(lǐng)域具備杰出的技能。

 

用戶界面設(shè)計師(現(xiàn)在硅谷更流行被稱作數(shù)字產(chǎn)品設(shè)計師)也擁有交互設(shè)計的技能。此外,他們專攻信息設(shè)計、動效設(shè)計和品牌設(shè)計領(lǐng)域。


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

 

3. 用戶體驗和用戶界面設(shè)計之間沒有差異,因為這兩者不能比較



Craig Morrison:RecordSetter產(chǎn)品主管,Usability Hour創(chuàng)始人


我一直都有聽到這個問題,我也已經(jīng)回答過很多次了。最終我得到了這么個結(jié)論:


用戶體驗設(shè)計和用戶界面設(shè)計之間沒有差異,因為他們是兩個不能相互比較的概念。

 

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

 

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

 

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

 

4. 用戶界面一般是指圍繞屏幕界面的視覺設(shè)計和信息設(shè)計;用戶體驗是指完整的體驗,它可以和屏幕界面無關(guān)。



Patrick Neeman:Apptio產(chǎn)品設(shè)計部門主管,Usability Counts 創(chuàng)始人


用戶體驗設(shè)計是指完整的體驗,它可以和屏幕界面無關(guān)。用戶界面設(shè)計一般是圍繞屏幕界面的視覺設(shè)計和信息設(shè)計。用戶體驗應(yīng)該追溯到Nielsen Norman集團對用戶體驗的定義:用戶或顧客與系統(tǒng)之間的任何觸點,與是否數(shù)字化無關(guān)。

 

5. 用戶界面專注于產(chǎn)品,是一系列截屏;用戶體驗專注于用戶和他們使用產(chǎn)品的流程。



Scott Jenson:Google的產(chǎn)品策略師

 

我對這兩者之間的差異還沒有定論,因為他們經(jīng)常被混用。但如果一定要區(qū)分的話,我認為用戶界面更注重產(chǎn)品本身,是一系列用戶實時互動的界面。


用戶體驗則更注重用戶和他們使用產(chǎn)品的流程。用戶界面傾向于探討人機交互界面上的細節(jié),集中體現(xiàn)為標簽、視覺風格、指南和結(jié)構(gòu)。用戶體驗講的是使用產(chǎn)品的路徑,離開屏幕之后的活動,描述用戶行程和動機,為什么這樣安排用戶界面上的元素,更重要的是,為什么有些元素被排除在外。用戶界面設(shè)計師勾勒出限制,用戶體驗設(shè)計師則是質(zhì)問這些限制。

 

6. 用戶體驗是用戶使用產(chǎn)品的總體體驗,而用戶界面是用戶實際互動和看到的事物



Clayton Yan:UserTesting用戶體驗設(shè)計師

 

用戶界面和用戶體驗的定義還存在不少混淆的情況:什么是主要的差異,或者說是否存在差異。他們確實有所不同,但這兩者在創(chuàng)造優(yōu)美、直觀的體驗時又緊密相連。


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


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

  •  每間臥室都要配備衛(wèi)生間嗎?

  •  進門之后是不是直接就走進客廳?

  •  房子是一層還是兩層?

 

對我來說,用戶體驗是你這間房子(或產(chǎn)品)的總體體驗。各個事物布局是否說得通?它讓你的用戶有什么感受?

 

接下來的用戶行程是他們實實在在互動的界面。繼續(xù)以房子為例子,用戶界面是整套房子的視覺主題。你用了什么類型的墻紙?你是否在房屋里布置了同款花瓶?或是不同款的?

 

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

 

通常來說,用戶體驗設(shè)計先行于用戶界面設(shè)計,因為你需要先開展研究,設(shè)計草圖,制定大體上的任務(wù)流程。一旦你定下了基調(diào),那就可以開始著手設(shè)計用戶界面來把各方面串聯(lián)起來,以設(shè)計出一款優(yōu)美的產(chǎn)品。

 

你是怎么想的?

 

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

 

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    蜜臀人妻一区二区三区| 国产成人精品99在线观看| 欧美精品亚洲精品日韩专区| 99久免费精品视频在线观| 高清一区二区三区不卡免费| 草草视频福利在线观看| 男人大臿蕉香蕉大视频| 免费在线成人激情视频| 好东西一起分享老鸭窝| 国产日产欧美精品视频| 色婷婷亚洲精品综合网| 91精品国产品国语在线不卡 | 视频一区日韩经典中文字幕| 真实偷拍一区二区免费视频| 加勒比系列一区二区在线观看| 手机在线不卡国产视频| 91人人妻人人爽人人狠狠| 草草草草在线观看视频| 亚洲成人久久精品国产| 人妻中文一区二区三区| 亚洲精品中文字幕一二三| 东京热加勒比一区二区| 亚洲av一区二区三区精品| 欧美成人欧美一级乱黄| 日韩高清毛片免费观看| 日韩一区二区三区久久| 久久大香蕉精品在线观看 | 国产av大片一区二区三区| 亚洲国产精品久久网午夜| 国产av熟女一区二区三区蜜桃| 亚洲国产成人久久一区二区三区| 午夜福利92在线观看| 日本在线视频播放91| 亚洲综合香蕉在线视频| 亚洲日本加勒比在线播放| 精品人妻一区二区三区免费| 欧美区一区二区在线观看 | 成人精品欧美一级乱黄| 麻豆最新出品国产精品| 亚洲一区二区欧美在线| 91精品国自产拍老熟女露脸|