談談用戶界面和用戶體驗

中人人

用戶界面UI與用戶體驗UX之間最大的區別可概括為：UI是通過視覺的維度去解決效率問題；UX是偏向于功能的維度去解決需求問題。UI與UX之間的差異對剛入職不久的新人PM而言，可能略有混淆，這里總結下UI與UX的區別。

UI與UX的定義

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

大家會看到，UI與UX都是最終落到用戶主觀的感受層面上來，這點的意義在于：其實兩者都是帶有根本的主觀性質的，服務用戶其實服務的就是用戶的主觀。那么我們在思考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的核心意義在于如何將需求解決方案以更好的視覺呈現給用戶，視覺首要目標是要有效率，其次是美觀，所以我們不能說UI是美工。

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

3.思維點的角度作對比

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

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

4.職能的角度作對比

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

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

兩者之間的協作

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

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

總之，好看的產品不一定是好體驗的產品，但好體驗的產品總會有著很友好的視覺效果。UI和UX之間存在著本質上的差別，但也必須緊密協作，以達到產品的最終目標。本次先做這些核心的幾點分析、對比，拋磚引玉。