無(wú)論 UI 和 UX 設(shè)計(jì)對(duì)您來(lái)說是否是一個(gè)謎，可以肯定地說，每個(gè)工作場(chǎng)所的方法都略有不同。以下是對(duì)這兩個(gè)學(xué)科的精髓的了解。
陰陽(yáng)在很多方面與 UI 和 UX 相似,我們將闡明 UI 和 UX 設(shè)計(jì)之間的實(shí)際區(qū)別，并介紹每個(gè)設(shè)計(jì)中涉及的一些關(guān)鍵階段：
UI 和 UX 設(shè)計(jì)：基本定義
UI（用戶界面）或 UX（用戶體驗(yàn)）設(shè)計(jì)師的主要目標(biāo)是通過創(chuàng)建直觀、簡(jiǎn)單和高效的產(chǎn)品和界面來(lái)提高用戶的滿意度。許多人都可以在其中發(fā)揮作用，包括開發(fā)人員、內(nèi)容作者等。但是，在這個(gè)總體目標(biāo)中，每個(gè)設(shè)計(jì)師的角色究竟是什么？一般來(lái)說，UI 是關(guān)于產(chǎn)品界面的視覺設(shè)計(jì)。根據(jù)產(chǎn)品的性質(zhì)，這通常包括布局、圖標(biāo)、按鈕、信息架構(gòu)、顏色、排版、動(dòng)畫和插圖。顧名思義，UX 是關(guān)于用戶的，或者更確切地說，是關(guān)于人類的體驗(yàn)。
這是關(guān)于分析人們?cè)谑褂卯a(chǎn)品時(shí)的意圖——他們應(yīng)該有什么感受，他們需要了解什么以及他們最終應(yīng)該采取什么行動(dòng)。在大多數(shù)情況下，這部分是先完成的，然后是視覺設(shè)計(jì)。
用一個(gè)有效的比喻來(lái)總結(jié)，你可以把它想象成一個(gè)房子：UX 是關(guān)于提供骨架結(jié)構(gòu)、決定每個(gè)房間應(yīng)該放置在哪里、規(guī)劃電力系統(tǒng)和其他與結(jié)構(gòu)相關(guān)的方面。
這聽起來(lái)像是兩個(gè)非常獨(dú)立的專業(yè)領(lǐng)域，但事實(shí)是——它們是不同的，每個(gè)領(lǐng)域都需要廣泛的技能。然而，就像咖啡和蛋糕一樣，它們相輔相成。例如，想象一下一臺(tái)復(fù)雜咖啡機(jī)的說明手冊(cè)。它可能是世界上最漂亮的設(shè)計(jì)，擁有最令人驚嘆的調(diào)色板和流行的字體，但如果用戶無(wú)法理解他們應(yīng)該做什么，他們還不如把它扔掉（或掛在墻上）。這正是 UX 的用武之地。
UX 只是關(guān)于功能嗎？
用戶體驗(yàn)的很大一部分是關(guān)于使產(chǎn)品功能化，但通往完美功能的道路是漫長(zhǎng)而曲折的。當(dāng)談到房子的例子時(shí)（提示：抬頭看！），某些事情對(duì)我們來(lái)說可能是顯而易見的，因?yàn)槲覀冇杏H身經(jīng)歷。我們知道，電源插座太高而夠不著是沒有意義的，而且遠(yuǎn)離洗碗機(jī)的廚房水槽很麻煩，更不用說必須起床關(guān)燈了。但是，當(dāng)涉及到開發(fā)我們不是用戶的其他產(chǎn)品時(shí)，需要進(jìn)一步的工作和調(diào)查。除了結(jié)構(gòu)和功能外，許多產(chǎn)品還涉及視覺和文本體驗(yàn)，這就是為什么 UX 設(shè)計(jì)師和作家密切合作的原因，尤其是在項(xiàng)目開始時(shí)。
如果沒有正確的文本，就很難測(cè)試產(chǎn)品，因此從一開始就處理好文本很重要。除了與 UX 作家或縮微文案作家合作外，該領(lǐng)域的設(shè)計(jì)師還與許多其他團(tuán)隊(duì)成員合作，他們一起進(jìn)行以下研究和流程，同時(shí)始終牢記創(chuàng)造由業(yè)務(wù)目標(biāo)和用戶需求最佳組合組成的產(chǎn)品的愿望：
– 產(chǎn)品分析：收集 BI以更多地了解用戶的行為，了解用戶過去面臨或可能面臨的支持問題，進(jìn)行競(jìng)爭(zhēng)分析，確定痛點(diǎn)并確定您的產(chǎn)品目標(biāo)。一旦你有了目標(biāo)，你就可以制定一個(gè)計(jì)劃，并在整個(gè)過程中專注于你的目標(biāo)。 – 創(chuàng)建包含用戶流的低保真線框和交互式原型，專注于允許用戶實(shí)現(xiàn)他們想要的目標(biāo)。要以最佳方式做到這一點(diǎn)，請(qǐng)了解哪些角色將使用您的產(chǎn)品、他們的目標(biāo)是什么以及他們的切入點(diǎn)是什么。創(chuàng)建各種迭代將幫助您了解產(chǎn)品的不同方案以及需要哪些屏幕和面板。這最好發(fā)生在設(shè)計(jì)的視覺部分之前，更重要的是，在技術(shù)發(fā)展太先進(jìn)之前。
– 在整個(gè)項(xiàng)目過程中（以及產(chǎn)品上線后）進(jìn)行可用性測(cè)試，以便您做出正確的決定。它還將使您能夠節(jié)省設(shè)計(jì)和開發(fā)時(shí)間。 – 產(chǎn)品上線后，將進(jìn)行進(jìn)一步的測(cè)試和分析，以便對(duì)產(chǎn)品進(jìn)行改進(jìn)。此外，還要進(jìn)行 A/B 測(cè)試，以深入了解您的用戶如何與您創(chuàng)建的原型（或?qū)崟r(shí)產(chǎn)品）交互。您可以發(fā)現(xiàn)他們喜歡什么，他們覺得什么具有挑戰(zhàn)性，并最終發(fā)現(xiàn)如何改進(jìn)產(chǎn)品。
UI 除了美觀之外還有更多嗎？
當(dāng)有經(jīng)過測(cè)試和批準(zhǔn)的最終結(jié)構(gòu)和原型時(shí)，UI 設(shè)計(jì)就開始了。當(dāng)然，游戲的名稱是創(chuàng)造一個(gè)漂亮的產(chǎn)品，但這還不是全部。事實(shí)上，任何產(chǎn)品的出現(xiàn)都會(huì)對(duì)用戶的心理影響更深。例如，想象一下，與深色厚重的天鵝絨窗簾相比，奶油色亞麻窗簾在微風(fēng)中吹拂的房間會(huì)給您帶來(lái)怎樣的感覺。按下光滑的觸摸屏燈開關(guān)會(huì)感覺與標(biāo)準(zhǔn)開關(guān)完全不同。這些只是 UI 設(shè)計(jì)人員考慮的一些決定。根據(jù)他們是按照設(shè)計(jì)系統(tǒng)工作，還是為視覺語(yǔ)言可能尚未明確定義的新品牌工作，以下是他們工作所需的更多細(xì)節(jié)：
– 收集靈感并探索各種概念。設(shè)計(jì)各種細(xì)節(jié)，例如按鈕、文本字段、下拉列表、菜單欄、搜索字段、圖標(biāo)、手風(fēng)琴、彈出框等，與品牌語(yǔ)言和產(chǎn)品的風(fēng)格指南保持一致。這意味著所有視覺元素都將保持一致，并將組合在一起以形成所需的外觀和感覺。
– 選擇與品牌一致的調(diào)色板。對(duì)于數(shù)字產(chǎn)品，UI 設(shè)計(jì)師會(huì)添加額外的元素，例如動(dòng)畫、視頻、插圖和微交互，以完成整體體驗(yàn)并實(shí)現(xiàn)所需的氛圍。 – 確保任何在線資產(chǎn)都是響應(yīng)式的，在不同屏幕尺寸的臺(tái)式機(jī)和移動(dòng)設(shè)備上運(yùn)行良好。
與用戶建立情感聯(lián)系
如前所述，界面的視覺方面可以喚起不同的情感，文本也可以，這在用戶的整體體驗(yàn)中起著至關(guān)重要的作用。讓我們也從 UX 的角度進(jìn)一步研究這個(gè)主題。這里的目的是激發(fā)與用戶的聯(lián)系，創(chuàng)造他們真正可以理解的東西。通過將網(wǎng)站或應(yīng)用程序的結(jié)構(gòu)建立在心智模型（或者換句話說，我們從日常生活和經(jīng)驗(yàn)中熟悉的東西）上，用戶更有可能感受到文化或情感聯(lián)系。這具體意味著什么？例如，您可以嘗試將熟悉的情況復(fù)制到您的在線設(shè)計(jì)作品集中。
在視覺設(shè)計(jì)方面，有無(wú)數(shù)種方法可以與用戶建立情感聯(lián)系。UI 設(shè)計(jì)師旨在開發(fā)一種完整的語(yǔ)言，該語(yǔ)言將在品牌產(chǎn)品的每個(gè)細(xì)節(jié)中保持一致。從顏色選擇到插圖、視頻和聲音，任何東西都可以用來(lái)喚起感覺并傳達(dá)特定的氛圍。一個(gè)以可愛的手繪插圖和柔和的色彩為特色的網(wǎng)站會(huì)讓用戶感覺是一件事，而一個(gè)在主頁(yè)上帶有深色全屏視頻的網(wǎng)站會(huì)產(chǎn)生完全相反的感覺。
超越屏幕四個(gè)角落的用戶體驗(yàn)
當(dāng)您想到 UX 時(shí)，您首先想到的是什么？如果您的答案是涉及網(wǎng)站和移動(dòng)應(yīng)用程序的任何內(nèi)容，那么您是對(duì)的。但如今，UI 和 UX 的范圍都在擴(kuò)大。公司越來(lái)越意識(shí)到了解用戶的重要性，以及這些方法如何改善用戶體驗(yàn)，最終影響留存率。
UX 現(xiàn)在被用于各種產(chǎn)品、界面和服務(wù)，而不僅僅是那些具有 Web 存在的產(chǎn)品、界面和服務(wù)。這不僅僅是關(guān)于界面，而是關(guān)于產(chǎn)品的整體體驗(yàn)。UI 也不例外，因?yàn)樗灿糜诟鞣N界面，無(wú)論它們是否在線。
想休息一下，享受一些賞心悅目的美食嗎？看看這個(gè)鼓舞人心的網(wǎng)站選擇，它們完成了他們的 UX 設(shè)計(jì)。