南京網站設計——從UI和UX對比,談談對用戶界麵和用戶體驗的理解

2018/09/27

UI與UX之間最大的區別可以概括為:UI是通過視覺的維度去解決效率問題;UX是偏向於功能的維度去解決需求問題。本文章是結合作者個人的多年經驗,和大家(尤其是新人PM)一起分享下對UI和UX的對比理解。

UI與UX之間的差異對剛剛入職不久的新人PM而言,可能略有混淆。我個人也在工作中碰見過新人在這方麵的疑問或者失誤,故而就以自己的經驗和理解在這裏總結下UI與UX的區別,供大家借鑒、討論。

UI與UX的定義

從最基本的層麵上來說,用戶界麵(UI)是用戶和產品互動之後產生的的一係列視覺感受,比如界麵中的按鈕和圖標等,用戶看了之後會有如何的認知;用戶體驗(UX),相對來說,則是一個人在與一家公司的產品、服務等各方麵互動之後產生的體驗感受。

大家會看到,UI與UX都是最終落到用戶主觀的感受層麵上來,這點的總結意義在於:其實兩者都是帶有根本的主觀性質的,服務用戶其實服務的就是用戶的主觀。那麽AG娱乐在思考UI與UX的設計時,都要從用戶的主觀角度去換位思考。

UI——用戶界麵

上溯到上世紀七十時代,如果你想使用一台電腦,就必須使用命令行界麵。那時,買不到一台使用圖標、按鈕、或鼠標的電腦,為了讓電腦行使你的指令,你必須用編程語言和它交流。

之後在 1981 年,Xerox PARC的一幫電腦科學家開發了Xerox Star,一台配置了最初的圖形用戶界麵(GUI)的個人電腦。它使用了窗口、圖標、下拉菜單、單選按鈕、複選框等元素,還允許用戶打開、移動、刪除文檔。

蘋果公司的團隊繼續在圖形用戶界麵這點上開發創新, 1984 年,他們發布了Macintosh。Macintosh是第一款成功商業化的使用鼠標點擊和多窗口界麵的桌麵電腦,當然大家最早接觸的可能絕大部分都是Windows係列的係統界麵。

圖形界麵的出現也帶來了對新型設計師的需求——專門設計個人電腦圖形界麵的設計師,用戶界麵設計師就是在這樣的背景下誕生的。這一學科在過去的幾十年中不斷演化,還會在將來繼續進化。

如今的用戶界麵設計師主要圍繞軟件、網站、移動應用、可穿戴設備和智能電器等進行設計。他們需要負責設計數字產品界麵的布局,以及一個係統各個頁麵上的視覺元素,當然這裏指的是視覺設計師,平麵設計師要起步更早,這兩個職位可大不相同。

UX——用戶體驗

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

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

用戶體驗包涵了終端用戶與一家公司及其服務、產品進行交互的所有層麵。

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

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

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

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

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

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

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

他們和界麵互動中的一係列行為;

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

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

用戶體驗設計師主要負責確保公司能夠交付一款滿足顧客需求,並順利達到他們期望結果的產品或服務。他們需要開展用戶研究,來獲取關於產品用戶盡可能多的背景資料,然後利用這些資料設計線框圖和產品原型,以幫助用戶從A點到達B點。

並且還要考慮一部分技術實現邏輯、性能等方麵的問題,因為這些都會直接、間接的影響到體驗的設計思路和最終能落地、實現出什麽樣的產品或服務。

UI與UX的不同角度的對比

1. 一些名人怎麽說

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

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

舉個電影評論網站的例子——即使用來找到一部電影的用戶界麵是完美的,然而對於一個想要找到小成本獨立電影的用戶來說,如果底層數據庫隻有主流電影製片廠的電影信息,那這個用戶體驗就是差勁的。

用戶體驗注重用戶解決問題的行程,用戶界麵則注重產品的外觀和功能。

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

用戶體驗設計師關心的是設計流程的概念層麵,而用戶界麵設計師則更注重肉眼可見的元素。

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

用戶界麵一般是指圍繞屏幕界麵的視覺設計和信息設計;用戶體驗是指完整的體驗,它可以和屏幕界麵無關。

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

2. 產品流程的角度作對比

UI :在產品開發流水線中,往往是想好了UX後,才會去思考UI層麵的問題,它甚至是產品在開發前的最後一個環節。UI的核心意義在於如何將需求解決方案以更好的視覺呈現給用戶,視覺首要目標是要有效率,其次是美觀,所以AG娱乐不能說UI是美工。

UX:當從零開始做產品時,PM在明確了目標以後,首先要想的就是解決什麽核心需求,解決方案的邏輯是什麽,以及如何將這個解決方案落地到具體產品形態上,如何讓用戶更便捷的理解方案的邏輯,這就是在思考UX方麵的事情。

3. 思維點的角度作對比

UI:相對更加傾向於在UX的基礎上,再進行視覺優化,提供用戶對界麵、功能點的認知效率。過去常講的擬物化,是引導用戶從真實世界到移動設備世界;扁平化,是在擬物化已培育了用戶習慣的基礎上,進一步提升效率。

UX:考慮用戶體驗的維度非常多:用戶本質的需求、解決方案邏輯、產品流程、產品模塊結構、產品框架、產品交互和產品文案表述等等。

4. 職能的角度作對比

UI:由專業的視覺設計師完成具體的設計工作。產品經理往往在設計師開始設計前與其溝通需求的背景、目標、邏輯、流程、功能點以及功能點的優先級。在UI設計稿完成後,還需要進行驗收,與設計師再做微調,直到最終達到產品的目的。

UX:這部分主要有產品經理和交互設計師完成設計工作。產品經理自身應該先完成自己對需求的梳理、製定目標,如有必要可製作流程圖、邏輯圖以及功能點表格說明,確定這些以後再和交互設計師詳細溝通以上準備的內容。交互設計師來完成交互稿的設計,再由產品經理驗收後,再轉到UI設計師在交互稿的基礎上完成視覺填充、設計。

兩者之間的協作

正如上文中流程的角度對比一樣,UI和UX之間雖有千差萬別,但都是產品加工流水線上的一個環節。需要產品經理、交互設計師、UI設計師之間的密切溝通、配合,共同達成最終的目標。整個團隊的合作對產品實現到什麽程度、實現過程成本都至關重要,這也關係到產品經理的溝通、組織和協調的能力。

另外,有時UI甚至也可以說是UX的一部分,因為視覺也是一種體驗,看上去都亂糟糟的,怎麽會有好的體驗呢?

作者個人的總結:好看的產品不一定是好體驗的產品,但好體驗的產品總會有著很友好的視覺效果

總結

UI和UX之間存在著本質上的差別,也必須緊密協作,以達到產品的最終目標。

 

南京網站設計

 
返回列表 >>

相關主題

出錯了

Action:_after_view您所請求的方法不存在!


Action:_after_view您所請求的方法不存在!

您可以選擇 [ 重試 ] [ 返回 ] 或者 [ 回到首頁 ]