編輯導(dǎo)語：UX 和 UI 的工作內(nèi)容有不同之處，但UI與UX之間又有一些重合的部分，本篇文章作者講述了UI和UX與用戶之間的交互情感，列舉具體案例展示兩者之間的聯(lián)系與差異，UI 關(guān)注產(chǎn)品功能，UX則關(guān)注用戶情感，感興趣的一起來了解一下吧。

如果說 UX 設(shè)計師是一個站在 4000 米山上遠眺產(chǎn)品整體格局的人，那么UI設(shè)計師則是一個拿著顯微鏡檢視產(chǎn)品細節(jié)部分的角色，并行致遠，一盞茶的時間帶你走進視覺與交互的世界。

UX 設(shè)計師關(guān)注產(chǎn)品帶給用戶的感受，著眼整體，UI 關(guān)注細節(jié)，假如拿瓶裝番茄醬舉例，UI 關(guān)注產(chǎn)品本身，UX 則是考慮了用戶體驗和使用情境，最右邊則是可用性測試，通過測試效果再不斷地對產(chǎn)品體驗進行調(diào)整和修正。

（圖來源：網(wǎng)絡(luò)圖）

如果把產(chǎn)品比作人體的話，那么 UI 就是身體，UX 則是心臟，代碼是骨骼。

（圖來源：網(wǎng)絡(luò)圖）

然而界面的存在則是為了更好的促進交互：界面的存在，促進了用戶和設(shè)計師之間的互動。

界面不但能夠提高做事效率，還能夠加強設(shè)計師與這個世界的聯(lián)動，讓界面處在用戶的掌控之中，人類通常對能夠掌控自己和周圍的環(huán)境而感到舒心，不考慮用戶感受的軟件往往會讓這種舒適感降低，迫使用戶不得不進入計劃外的交互，這會讓用戶感覺不舒服。

保證界面處在用戶的掌控之中，讓用戶自己決定系統(tǒng)狀態(tài)，稍加引導(dǎo)，就會達到預(yù)期的目標。

UX 和 UI 的工作內(nèi)容有不同之處，但也有重合的部分。

（圖來源：網(wǎng)絡(luò)圖）

一邊研究用戶，一邊透過用戶的語言、行為去了解他們內(nèi)心最深處的需求，這些需要設(shè)計師始終保持一顆同理心與開放的心態(tài)。

有時用戶的“是”與“否”也許只是提問方式的不同導(dǎo)致的，是非判斷只在一念之間，關(guān)鍵要挖掘用戶的核心訴求，只有在能夠直接操作物體時，用戶的感覺才是最棒的。

但這并不太容易實現(xiàn)，因為在界面設(shè)計時，增加的圖標常常并不是必須的，

比如：過多地使用按鈕、圖形選項、附件等其他繁瑣的東西。在進行界面設(shè)計時，應(yīng)盡可能多地了解一些人類自然手勢。

理想情況下，界面設(shè)計要簡潔，讓用戶有一個直接操作的感覺，UI 關(guān)注產(chǎn)品功能，UX關(guān)注用戶情感。

（圖來源：網(wǎng)絡(luò)圖）

UX 關(guān)注網(wǎng)站的交互部分，是對產(chǎn)品和服務(wù)的綜合體驗，UX 可以包含很多，從網(wǎng)站地圖（site map）到內(nèi)容架構(gòu) （architecture of the content）。

好的用戶體驗不能只停留在介面表層的交互與美觀部分，而應(yīng)該是連貫的旅程、有線上與線下不同接觸點。

從此產(chǎn)生了可用性測試：可用性測試是指在設(shè)計過程中被用來改善產(chǎn)品的可用性的一系列方法。

在典型的可用性測試中，用戶研究員會根據(jù)測試目標設(shè)計一系列操作任務(wù)，通過測試5～10名用戶完成這些任務(wù)的過程來觀察用戶實際如何使用產(chǎn)品，尤其是發(fā)現(xiàn)這些用戶遇到的問題及原因，并最終達成測試目標。

在測試完成后，用戶研究員會針對問題所在，提出改進的建議。

通過可用性測試能盡可能早地發(fā)現(xiàn)問題，改進問題提高用戶的滿意度、忠誠度，降低用戶使用的成本，此外可用性測試的實施成本低、易操作，因此被廣泛采用。

（圖來源：網(wǎng)絡(luò)圖）

交互眼動測試：

對個體而言，外界信息的80%～90%通過眼睛獲取，眼動有一定的規(guī)律性，眼動測試就是通過眼動儀記錄用戶瀏覽頁面時視線的移動過程及對不同板塊的關(guān)注度。

通過眼動測試可以了解用戶的瀏覽行為，評估設(shè)計效果。眼動儀通過記錄角膜對紅外線反射路徑的變化，計算眼睛的運動過程，并推算眼睛的注視位置。

（圖來源：網(wǎng)絡(luò)圖）

交互設(shè)計與用戶畫像的關(guān)聯(lián)點

對于交互視覺設(shè)計師來說，明確理解用戶“可以做什么及為什么這么做”是設(shè)計產(chǎn)品或服務(wù)的關(guān)鍵。

對用戶的理解或者洞察，建立在深入分析目標用戶的基礎(chǔ)上。有了對目標用戶的了解與結(jié)論后，可以逐步提煉用戶的需求，并開始設(shè)計產(chǎn)品。

然而不幸的是，隨著研發(fā)進程的推進，對用戶的大部分理解在設(shè)計的途中漸漸消失了，不同的設(shè)計師乃至決策者，經(jīng)常會在產(chǎn)品原型產(chǎn)出后再次修改設(shè)計方案乃至整個產(chǎn)品方向。

為何會有這種對用戶理解的遺失？

本質(zhì)上，用戶是復(fù)雜多樣的，在整個設(shè)計開發(fā)過程中沒有一個具體的、強有力的形式來表達目標用戶，決策者與設(shè)計師很容易按照自己的想法來設(shè)計產(chǎn)品或服務(wù)。

這種閉門造車的方法或許會導(dǎo)致設(shè)計師忘記目標用戶的雛形。

因此，一個可信的、易于理解的用戶模型需要貫穿在開發(fā)流程中，它應(yīng)該是一個鮮明的形象，就像生活中的某個人，我們可以通過與他建立關(guān)系來理解和分析用戶需求。

在騰訊網(wǎng)許多產(chǎn)品的開發(fā)設(shè)計中，我們經(jīng)常使用用戶畫像來幫助設(shè)計師理解用戶。用戶畫像在整個開發(fā)周期中都具備指導(dǎo)作用。

UX 設(shè)計以用戶為中心，關(guān)注任務(wù)流和使用場景，UI 是你使用的部分，而 UX 是在你使用時的感受，UI 設(shè)計重心則是色彩、排版等視覺方面，相似之處是兩人都是留著大胡子的胖子。

（圖來源：網(wǎng)絡(luò)圖）

進行市場用戶行為分析、產(chǎn)品效率分析等，根據(jù)研究目標的不同，側(cè)重點也有所差異。

1. 日常數(shù)據(jù)分析主要包括總流量、內(nèi)容、時段、來源去向、趨勢分析等，通過日常數(shù)據(jù)分析，可以快速掌握產(chǎn)品的總體狀況，對數(shù)據(jù)波動能夠及時做出反饋及應(yīng)對。
2. 用戶行為分析可以從用戶忠誠度、訪問頻率、用戶黏性等方面入手，如瀏覽深度分析、新用戶分析、回訪用戶分析、流失率等。
3. 產(chǎn)品效率分析主要針對具體頁面產(chǎn)品、功能、設(shè)計等維度的用戶使用情況進行，常用指標包括點擊率、點擊用戶率、點擊黏性、點擊分布等。

通過上述幾種數(shù)據(jù)分析方法，能提高設(shè)計師直觀地了解用戶是從哪里來的，來做什么，停留在哪里，從哪里離開的，去了哪里，而且可以對某具體頁面、板塊、功能的用戶使用情況有充分了解，只有掌握了這些數(shù)據(jù)，設(shè)計們才能夠有的放矢，設(shè)計出最符合用戶需求的產(chǎn)品視覺應(yīng)用。

#專欄作家#

小鑷子，人人都是產(chǎn)品經(jīng)理專欄作家。養(yǎng)成挖掘性的思考習慣、綜合、市場、運營、技術(shù)、設(shè)計、數(shù)據(jù)、擅長跨境電商，綜合電商與商業(yè)模型。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。