02 UX vs UI

一個(gè)常見(jiàn)問(wèn)題經(jīng)常出現(xiàn)在剛開(kāi)始了解UX的設(shè)計(jì)師腦海里：什么是 UX和UI之間的區(qū)別？

作為初學(xué)者, 在一個(gè)充滿復(fù)雜術(shù)語(yǔ)和行話的行業(yè)中，很容易對(duì)此感到困惑。但是，盡管你可能在今后的用戶體驗(yàn)設(shè)計(jì)生涯中進(jìn)行用戶界面設(shè)計(jì)，務(wù)必要區(qū)分清楚這一點(diǎn)：用戶體驗(yàn)（UX）設(shè)計(jì)不是用戶界面（UI）設(shè)計(jì)。這兩個(gè)設(shè)計(jì)領(lǐng)域都非常重要，它們之間有著不同設(shè)計(jì)方式等差異，并且常常并行，在整個(gè)設(shè)計(jì)過(guò)程中進(jìn)行協(xié)作以確保項(xiàng)目的完整性。

作者之前是建筑學(xué)設(shè)計(jì)背景，以生活中宏偉或優(yōu)雅的建筑物舉例的話，建筑師是使其功能化而又美觀的角色，但是確保建筑物的結(jié)構(gòu)和美學(xué)完整性的話少不了與土木工程師的合作。正如UX和UI一樣，是一個(gè)設(shè)計(jì)項(xiàng)目中不可或缺的兩個(gè)負(fù)責(zé)人。

又比如曾看到過(guò)另外一個(gè)很生動(dòng)的例子：如果您將產(chǎn)品想象為人體，則骨骼代表賦予其結(jié)構(gòu)的代碼。器官代表UX設(shè)計(jì)，根據(jù)支持生命功能的輸入進(jìn)行測(cè)量和優(yōu)化。UI設(shè)計(jì)代表了人體的外表，它的呈現(xiàn)，感官和反應(yīng)。

盡管關(guān)系與職責(zé)并不完全一致，但在產(chǎn)品設(shè)計(jì)領(lǐng)域中如果用我所理解的方式來(lái)描述，UX是由策略所帶給我們解決方案過(guò)程的無(wú)形設(shè)計(jì)，而最終這個(gè)設(shè)計(jì)過(guò)程在視覺(jué)和界面設(shè)計(jì)上呈現(xiàn)。

設(shè)計(jì)職責(zé)指南

用戶體驗(yàn)（UX）設(shè)計(jì)師負(fù)責(zé)設(shè)計(jì)用戶與產(chǎn)品進(jìn)行交互時(shí)的體驗(yàn)，探索解決特定用戶問(wèn)題的整個(gè)過(guò)程和許多不同方法。用戶體驗(yàn)設(shè)計(jì)與視覺(jué)效果無(wú)關(guān)，而是著重于整體體驗(yàn)的感覺(jué)。最終，將使產(chǎn)品更加人性化和直觀地面向用戶。UX設(shè)計(jì)職責(zé)包括：

策略和內(nèi)容:

• 競(jìng)爭(zhēng)對(duì)手分析
• 客戶分析和用戶研究
• 產(chǎn)品結(jié)構(gòu)與策略
• 內(nèi)容開(kāi)發(fā)

線框圖和原型制作:

• 線框與任務(wù)流
• 原型制作：創(chuàng)建草圖，低保真和高保真度的線框以及原型
• 測(cè)試與迭代：可用性測(cè)試，測(cè)試和驗(yàn)證其設(shè)計(jì)，以滿足用戶期望
• 發(fā)展規(guī)劃

執(zhí)行與分析

• 與UI設(shè)計(jì)師的協(xié)調(diào)
• 與開(kāi)發(fā)者的協(xié)調(diào)
• 跟蹤目標(biāo)和整合
• 分析與迭代

用戶界面設(shè)計(jì)（UI）的重點(diǎn)是將視覺(jué)層次結(jié)構(gòu)整合到設(shè)計(jì)中以供用戶遵循。他們負(fù)責(zé)設(shè)計(jì)與用戶進(jìn)行交互的每個(gè)屏幕或頁(yè)面，并確保UI以可視方式傳達(dá)UX設(shè)計(jì)師所設(shè)計(jì)的路徑。UI設(shè)計(jì)師通常還負(fù)責(zé)創(chuàng)建并推進(jìn)統(tǒng)一的樣式指南，并確保在整個(gè)產(chǎn)品中應(yīng)用一致的設(shè)計(jì)語(yǔ)言。UI職責(zé)包括：

產(chǎn)品的外觀和感覺(jué):

• 用戶分析
• 設(shè)計(jì)研究
• 品牌和圖形開(kāi)發(fā)：配色方案，字體，圖像，布局，用戶界面元素，例如菜單，圖標(biāo)，選項(xiàng)卡和控件
• 用戶指南和故事情節(jié)
• 品牌認(rèn)知和體驗(yàn)

響應(yīng)性和交互性:

• UI原型，將線框圖中概述的想法變?yōu)榫哂写艘曈X(jué)層次結(jié)構(gòu)的高保真設(shè)計(jì)
• 互動(dòng)與動(dòng)畫(huà)
• 適應(yīng)所有設(shè)備屏幕尺寸
• 與開(kāi)發(fā)人員一起實(shí)施

區(qū)別與協(xié)同

用戶體驗(yàn)（UX）和用戶界面（UI）是我們領(lǐng)域中最混淆和誤用的術(shù)語(yǔ)。沒(méi)有UX的UI就像畫(huà)家不假思索地將顏料拍到畫(huà)布上一樣。而沒(méi)有UI的UX就像是沒(méi)有紙屑的雕塑框架。出色的產(chǎn)品體驗(yàn)始于UX，然后是UI。兩者對(duì)于產(chǎn)品的成功至關(guān)重要。

—— Rahul Varshney, co-creator of Foster.fm

盡管UX和UI設(shè)計(jì)師共同致力于創(chuàng)建產(chǎn)品最終的交付成果，但我們也將探討兩者之間的一些關(guān)鍵區(qū)別。

1.UX設(shè)計(jì)需要識(shí)別和解決用戶問(wèn)題。UI設(shè)計(jì)則是創(chuàng)建直觀，美觀的交互式界面。

2.UX設(shè)計(jì)師廣泛考慮如何最好地使產(chǎn)品易于使用，UI設(shè)計(jì)師廣泛考慮如何最好地制造令人愉快使用的產(chǎn)品。

3. UX可以應(yīng)用于任何類型的產(chǎn)品，服務(wù)或體驗(yàn)；用戶界面特定于數(shù)字產(chǎn)品和體驗(yàn)。

4. UX是我們作為用戶的體驗(yàn)，而UI是我們?cè)谑褂卯a(chǎn)品。

5.在理想的設(shè)計(jì)過(guò)程中，UX設(shè)計(jì)通常先于UI設(shè)計(jì)。UX設(shè)計(jì)師繪制了用戶旅程的基本內(nèi)容；然后，UI設(shè)計(jì)師將其與視覺(jué)和交互元素一起填充。

UX設(shè)計(jì)師繪制完產(chǎn)品的骨架后，UI設(shè)計(jì)師將其付諸實(shí)踐。在UX設(shè)計(jì)師規(guī)劃行程的同時(shí)，UI設(shè)計(jì)師會(huì)考慮用戶旅程的所有視覺(jué)方面，將重點(diǎn)放在使該行程成為可能的所有細(xì)節(jié)上，包括情感化設(shè)計(jì)的細(xì)節(jié)，對(duì)產(chǎn)品是否可訪問(wèn)和具有包容性具有巨大影響。

正如我們?cè)诒疚闹锌吹降哪菢樱琔X和UI在概念上是不同的，但是在設(shè)計(jì)過(guò)程中它們是相輔相成的。要?jiǎng)?chuàng)建有效，成功的產(chǎn)品，必須同時(shí)致力于良好的UX和UI設(shè)計(jì)。

多樣化的職位類別

要成為一名優(yōu)秀的設(shè)計(jì)師，在選擇方向的過(guò)程中，重要的是要了解UX和UI之間的差異，以及它們之間如何相互作用和相互依賴，從而更好地發(fā)現(xiàn)自己的定位和職業(yè)發(fā)展路徑。

還需要注意的是，有些公司會(huì)細(xì)分更多的職位類別，如視覺(jué)設(shè)計(jì)師，交互設(shè)計(jì)師，全棧設(shè)計(jì)師，產(chǎn)品設(shè)計(jì)師等。設(shè)計(jì)行業(yè)經(jīng)常使用和混淆這些術(shù)語(yǔ)，反過(guò)來(lái)會(huì)使職業(yè)生涯的清單變得有些混亂。甚至如一些初創(chuàng)公司會(huì)尋找“設(shè)計(jì)師”，擁有設(shè)計(jì)的所有方面：交互，視覺(jué)，產(chǎn)品，原型，創(chuàng)建像素完美的模擬和代碼。他們通常尋找的是能夠完成上述所有操作的人。不過(guò)，這些不同的設(shè)計(jì)角色之間的界限非常靈活，更重要的是要定義你最感興趣的設(shè)計(jì)類型，并專注于提升這些技能以創(chuàng)造出彩的設(shè)計(jì)方案。

如果熱衷于從事設(shè)計(jì)事業(yè)，但仍不確定要專注于UX還是UI，則需要花一些時(shí)間思考自己的興趣所在以及天生擅長(zhǎng)的領(lǐng)域。UX和UI設(shè)計(jì)都是高度協(xié)作，但工作性質(zhì)和所需技能之間存在一些關(guān)鍵差異。

UX設(shè)計(jì)師的職業(yè)需要同理心，溝通技巧，對(duì)解決問(wèn)題的熱愛(ài)以及創(chuàng)造性和分析性的方法。從事UI設(shè)計(jì)師的職業(yè)需要了解用戶體驗(yàn)的原理，但更多地側(cè)重于設(shè)計(jì)的視覺(jué)，交互方面。如果你對(duì)美學(xué)充滿敏銳的洞察力，并且喜歡使技術(shù)變得美觀且易于使用，那么您可能更適合UI領(lǐng)域。當(dāng)然，如果您喜歡將兩者結(jié)合的職業(yè)理念，那么沒(méi)有什么能阻止您成為一名具有全面設(shè)計(jì)技能的小天才！

謝 謝 觀 看 ！