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