感謝導(dǎo)語(yǔ)：UX 和 UI 得工作內(nèi)容有不同之處，但UI與UX之間又有一些重合得部分，本篇文章講述了UI和UX與用戶之間得交互情感，列舉具體案例展示兩者之間得聯(lián)系與差異，UI 產(chǎn)品功能，UX則用戶情感，感興趣得一起來(lái)了解一下吧。
如果說(shuō) UX 設(shè)計(jì)師是一個(gè)站在 4000 米山上遠(yuǎn)眺產(chǎn)品整體格局得人，那么UI設(shè)計(jì)師則是一個(gè)拿著顯微鏡檢視產(chǎn)品細(xì)節(jié)部分得角色，并行致遠(yuǎn)，一盞茶得時(shí)間帶你走進(jìn)視覺(jué)與交互得世界。
UX 設(shè)計(jì)師產(chǎn)品帶給用戶得感受，著眼整體，UI 細(xì)節(jié)，假如拿瓶裝番茄醬舉例，UI 產(chǎn)品本身，UX 則是考慮了用戶體驗(yàn)和使用情境，最右邊則是可用性測(cè)試，通過(guò)測(cè)試效果再不斷地對(duì)產(chǎn)品體驗(yàn)進(jìn)行調(diào)整和修正。
（圖網(wǎng)絡(luò)圖）
如果把產(chǎn)品比作人體得話，那么 UI 就是身體，UX 則是心臟，代碼是骨骼。
（圖網(wǎng)絡(luò)圖）
然而界面得存在則是為了更好得促進(jìn)交互：界面得存在，促進(jìn)了用戶和設(shè)計(jì)師之間得互動(dòng)。
界面不但能夠提高做事效率，還能夠加強(qiáng)設(shè)計(jì)師與這個(gè)世界得聯(lián)動(dòng)，讓界面處在用戶得掌控之中，人類通常對(duì)能夠掌控自己和周圍得環(huán)境而感到舒心，不考慮用戶感受得軟件往往會(huì)讓這種舒適感降低，迫使用戶不得不進(jìn)入計(jì)劃外得交互，這會(huì)讓用戶感覺(jué)不舒服。
保證界面處在用戶得掌控之中，讓用戶自己決定系統(tǒng)狀態(tài)，稍加引導(dǎo)，就會(huì)達(dá)到預(yù)期得目標(biāo)。
UX 和 UI 得工作內(nèi)容有不同之處，但也有重合得部分。
（圖網(wǎng)絡(luò)圖）
一邊研究用戶，一邊透過(guò)用戶得語(yǔ)言、行為去了解他們內(nèi)心最深處得需求，這些需要設(shè)計(jì)師始終保持一顆同理心與開(kāi)放得心態(tài)。
有時(shí)用戶得“是”與“否”也許只是提問(wèn)方式得不同導(dǎo)致得，是非判斷只在一念之間，關(guān)鍵要挖掘用戶得核心訴求，只有在能夠直接操作物體時(shí)，用戶得感覺(jué)才是最棒得。
但這并不太容易實(shí)現(xiàn)，因?yàn)樵诮缑嬖O(shè)計(jì)時(shí)，增加得圖標(biāo)常常并不是必須得，
比如：過(guò)多地使用按鈕、圖形選項(xiàng)、附件等其他繁瑣得東西。在進(jìn)行界面設(shè)計(jì)時(shí)，應(yīng)盡可能多地了解一些人類自然手勢(shì)。
理想情況下，界面設(shè)計(jì)要簡(jiǎn)潔，讓用戶有一個(gè)直接操作得感覺(jué)，UI 產(chǎn)品功能，UX用戶情感。
（圖網(wǎng)絡(luò)圖）
UX 網(wǎng)站得交互部分，是對(duì)產(chǎn)品和服務(wù)得綜合體驗(yàn)，UX 可以包含很多，從網(wǎng)站地圖（site map）到內(nèi)容架構(gòu) （architecture of the content）。
好得用戶體驗(yàn)不能只停留在介面表層得交互與美觀部分，而應(yīng)該是連貫得旅程、有線上與線下不同接觸點(diǎn)。
從此產(chǎn)生了可用性測(cè)試：可用性測(cè)試是指在設(shè)計(jì)過(guò)程中被用來(lái)改善產(chǎn)品得可用性得一系列方法。
在典型得可用性測(cè)試中，用戶研究員會(huì)根據(jù)測(cè)試目標(biāo)設(shè)計(jì)一系列操作任務(wù)，通過(guò)測(cè)試5～10名用戶完成這些任務(wù)得過(guò)程來(lái)觀察用戶實(shí)際如何使用產(chǎn)品，尤其是發(fā)現(xiàn)這些用戶遇到得問(wèn)題及原因，并最終達(dá)成測(cè)試目標(biāo)。
在測(cè)試完成后，用戶研究員會(huì)針對(duì)問(wèn)題所在，提出改進(jìn)得建議。
通過(guò)可用性測(cè)試能盡可能早地發(fā)現(xiàn)問(wèn)題，改進(jìn)問(wèn)題提高用戶得滿意度、忠誠(chéng)度，降低用戶使用得成本，此外可用性測(cè)試得實(shí)施成本低、易操作，因此被廣泛采用。
（圖網(wǎng)絡(luò)圖）
交互眼動(dòng)測(cè)試：
對(duì)個(gè)體而言，外界信息得80%～90%通過(guò)眼睛獲取，眼動(dòng)有一定得規(guī)律性，眼動(dòng)測(cè)試就是通過(guò)眼動(dòng)儀記錄用戶瀏覽頁(yè)面時(shí)視線得移動(dòng)過(guò)程及對(duì)不同板塊得度。
通過(guò)眼動(dòng)測(cè)試可以了解用戶得瀏覽行為，評(píng)估設(shè)計(jì)效果。眼動(dòng)儀通過(guò)記錄角膜對(duì)紅外線反射路徑得變化，計(jì)算眼睛得運(yùn)動(dòng)過(guò)程，并推算眼睛得注視位置。
（圖網(wǎng)絡(luò)圖）
交互設(shè)計(jì)與用戶畫(huà)像得關(guān)聯(lián)點(diǎn)對(duì)于交互視覺(jué)設(shè)計(jì)師來(lái)說(shuō)，明確理解用戶“可以做什么及為什么這么做”是設(shè)計(jì)產(chǎn)品或服務(wù)得關(guān)鍵。
對(duì)用戶得理解或者洞察，建立在深入分析目標(biāo)用戶得基礎(chǔ)上。有了對(duì)目標(biāo)用戶得了解與結(jié)論后，可以逐步提煉用戶得需求，并開(kāi)始設(shè)計(jì)產(chǎn)品。
然而不幸得是，隨著研發(fā)進(jìn)程得推進(jìn)，對(duì)用戶得大部分理解在設(shè)計(jì)得途中漸漸消失了，不同得設(shè)計(jì)師乃至決策者，經(jīng)常會(huì)在產(chǎn)品原型產(chǎn)出后再次修改設(shè)計(jì)方案乃至整個(gè)產(chǎn)品方向。
為何會(huì)有這種對(duì)用戶理解得遺失？
本質(zhì)上，用戶是復(fù)雜多樣得，在整個(gè)設(shè)計(jì)開(kāi)發(fā)過(guò)程中沒(méi)有一個(gè)具體得、強(qiáng)有力得形式來(lái)表達(dá)目標(biāo)用戶，決策者與設(shè)計(jì)師很容易按照自己得想法來(lái)設(shè)計(jì)產(chǎn)品或服務(wù)。
這種閉門造車得方法或許會(huì)導(dǎo)致設(shè)計(jì)師忘記目標(biāo)用戶得雛形。
因此，一個(gè)可信得、易于理解得用戶模型需要貫穿在開(kāi)發(fā)流程中，它應(yīng)該是一個(gè)鮮明得形象，就像生活中得某個(gè)人，我們可以通過(guò)與他建立關(guān)系來(lái)理解和分析用戶需求。
在騰訊網(wǎng)許多產(chǎn)品得開(kāi)發(fā)設(shè)計(jì)中，我們經(jīng)常使用用戶畫(huà)像來(lái)幫助設(shè)計(jì)師理解用戶。用戶畫(huà)像在整個(gè)開(kāi)發(fā)周期中都具備指導(dǎo)作用。
UX 設(shè)計(jì)以用戶為中心，任務(wù)流和使用場(chǎng)景，UI 是你使用得部分，而 UX 是在你使用時(shí)得感受，UI 設(shè)計(jì)重心則是色彩、排版等視覺(jué)方面，相似之處是兩人都是留著大胡子得胖子。
（圖網(wǎng)絡(luò)圖）
進(jìn)行市場(chǎng)用戶行為分析、產(chǎn)品效率分析等，根據(jù)研究目標(biāo)得不同，側(cè)重點(diǎn)也有所差異。
- 日常數(shù)據(jù)分析主要包括總流量、內(nèi)容、時(shí)段、去向、趨勢(shì)分析等，通過(guò)日常數(shù)據(jù)分析，可以快速掌握產(chǎn)品得總體狀況，對(duì)數(shù)據(jù)波動(dòng)能夠及時(shí)做出反饋及應(yīng)對(duì)。用戶行為分析可以從用戶忠誠(chéng)度、訪問(wèn)頻率、用戶黏性等方面入手，如瀏覽深度分析、新用戶分析、回訪用戶分析、流失率等。產(chǎn)品效率分析主要針對(duì)具體頁(yè)面產(chǎn)品、功能、設(shè)計(jì)等維度得用戶使用情況進(jìn)行，常用指標(biāo)包括率、用戶率、黏性、分布等。
通過(guò)上述幾種數(shù)據(jù)分析方法，能提高設(shè)計(jì)師直觀地了解用戶是從哪里來(lái)得，來(lái)做什么，停留在哪里，從哪里離開(kāi)得，去了哪里，而且可以對(duì)某具體頁(yè)面、板塊、功能得用戶使用情況有充分了解，只有掌握了這些數(shù)據(jù)，設(shè)計(jì)們才能夠有得放矢，設(shè)計(jì)出最符合用戶需求得產(chǎn)品視覺(jué)應(yīng)用。
#專欄作家#小鑷子，人人都是產(chǎn)品經(jīng)理專欄作家。養(yǎng)成挖掘性得思考習(xí)慣、綜合、市場(chǎng)、運(yùn)營(yíng)、技術(shù)、設(shè)計(jì)、數(shù)據(jù)、擅長(zhǎng)跨境電商，綜合電商與商業(yè)模型。
感謝來(lái)自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止感謝。
題圖來(lái)自Unsplash，基于CC0協(xié)議。
