談到產(chǎn)品設(shè)計(jì)或者網(wǎng)站設(shè)計(jì)時，我們經(jīng)常聽到"用戶體驗(yàn)（UX）"和"用戶界面（UI）"這兩個詞。盡管這兩個術(shù)語都不是新術(shù)語，但使用應(yīng)用程序和網(wǎng)頁設(shè)計(jì)軟件的人經(jīng)常互換使用這些術(shù)語，或者有時會不正確地使用這些術(shù)語。在本文中，我們將提供 UX 和 UI 的定義，并探討它們之間的細(xì)微差別。

什么是用戶界面？

用戶界面是人與機(jī)器之間發(fā)生交互的地方。它允許用戶有效地操作機(jī)器來完成任務(wù)或?qū)崿F(xiàn)特定目標(biāo)，例如進(jìn)行購買或下載應(yīng)用程序。事實(shí)上，您現(xiàn)在正在使用 UI 來閱讀本文。

用戶界面由輸入硬件（從人端控制機(jī)器的設(shè)備，如鍵盤、鼠標(biāo)或操縱桿）和輸出硬件（向用戶提供信息的設(shè)備，如監(jiān)視器、音頻揚(yáng)聲器或打印機(jī)）組成。輸入設(shè)備與輸出設(shè)備一起工作，因此用戶可以完全控制機(jī)器。

有許多不同類型的用戶界面。這里有三最常見的用戶界面——命令行界面、圖形用戶界面和支持語音的用戶界面。

命令行界面

早在 70 年代，在計(jì)算機(jī)時代的初期，人們使用命令行界面與計(jì)算機(jī)進(jìn)行交互。交互是線性的——用戶（"操作員"）輸入命令，機(jī)器使用打印輸出或通過在監(jiān)視器上顯示消息來響應(yīng)命令。因?yàn)橛脩舯仨氈罊C(jī)器語言才能與計(jì)算機(jī)交互，所以這種交互的復(fù)雜性非常高。

圖形用戶界面

圖形用戶界面 (GUI) 是一種用戶界面形式，允許用戶通過視覺元素與數(shù)字產(chǎn)品進(jìn)行交互。當(dāng)用戶與 GUI 交互時，他們會通過一系列頁面或屏幕。這些頁面/屏幕包含靜態(tài)元素（例如文本部分）和活動元素（例如按鈕和其他交互式控件）。

第一個 GUI 是由 Xerox PARC 在 80 年代開發(fā)的，它基于辦公桌的隱喻。1984 年，Apple 發(fā)布了 Macintosh——第一臺商業(yè)上成功的帶有 GUI 界面的家用電腦。這是技術(shù)發(fā)展的重要一步，因?yàn)槿魏稳硕伎梢允褂糜?jì)算機(jī)（無需特殊編碼）。

如今，GUI 是數(shù)字產(chǎn)品最常見的 UI 類型。GUI 界面的普及也催生了對那些為這些界面設(shè)計(jì)產(chǎn)品的人——UI 設(shè)計(jì)師的需求。今天，UI 設(shè)計(jì)師的職責(zé)范圍顯著增加。移動設(shè)備、VR 耳機(jī)和車載 HMI 都具有 GUI 界面。

基于語音的界面

"最好的接口就是沒有接口"是 Golden Krishna 的書"通往卓越技術(shù)的簡單途徑"中的一句名言。學(xué)習(xí)曲線是 GUI 接口的一個巨大問題。每次用戶與具有 GUI 的新產(chǎn)品交互時，他們都需要花一些時間來學(xué)習(xí)如何使用它。一般來說，用戶花在學(xué)習(xí)如何使用特定產(chǎn)品上的時間越多，學(xué)習(xí)曲線就越高。長期以來，設(shè)計(jì)行業(yè)的人們都夢想著擁有一個零 UI。

我們最接近零 UI 的是啟用語音的界面，它允許用戶的語音與系統(tǒng)交互。自然語言處理的最新進(jìn)展使設(shè)計(jì)智能人工智能系統(tǒng)（如亞馬遜 Alexa）成為可能。

精心設(shè)計(jì)的 UI 的基本屬性

無論您設(shè)計(jì)什么 UI，您都應(yīng)該始終檢查它是否具有以下特征：

• 明晰。UI 的所有元素（例如視覺隱喻）對用戶來說都是非常清晰的。用戶不需要解碼特定元素的含義。
• 熟悉。您的 UI 允許用戶在與您的產(chǎn)品交互時使用他們以前的體驗(yàn)。
• 一致性。使您的界面在您的產(chǎn)品中保持一致可以讓用戶識別使用模式。
• 饒恕。好的用戶界面可以原諒用戶的錯誤。
• 效率。良好的 UI 允許用戶提供最少的輸入來實(shí)現(xiàn)所需的輸出。它還為有經(jīng)驗(yàn)的用戶提供快捷方式，使他們的交互更有效率。

界面設(shè)計(jì)方法

主要的界面設(shè)計(jì)技術(shù)是原型設(shè)計(jì)和仿真。UI 設(shè)計(jì)師根據(jù)構(gòu)思會議和交互規(guī)范的要求創(chuàng)建原型。模擬是通過與代表目標(biāo)受眾的人員一起測試原型來驗(yàn)證設(shè)計(jì)決策的一部分。這是可用性測試會議的重要組成部分。在進(jìn)行可用性測試時，產(chǎn)品團(tuán)隊(duì)會為測試參與者提供一個原型和一組預(yù)定義的任務(wù)，并查看他們在交互過程中面臨的問題。

什么是用戶體驗(yàn)？

現(xiàn)在我們熟悉了 UI 的含義，是時候探索 UX 了。用戶體驗(yàn)是一個人在與產(chǎn)品交互時所擁有的體驗(yàn)。這個詞是唐·諾曼在 90 年代在蘋果公司工作時創(chuàng)造的。Don Norman 說，'用戶體驗(yàn)'涵蓋了最終用戶與公司、服務(wù)和產(chǎn)品交互的所有方面。"

由于用戶體驗(yàn)設(shè)計(jì)師專注于制作易于使用和理解的產(chǎn)品，以用戶為中心的設(shè)計(jì)概念在用戶體驗(yàn)設(shè)計(jì)過程中占據(jù)了中心階段。

用戶角色

用戶體驗(yàn)設(shè)計(jì)從進(jìn)行用戶研究開始。用戶體驗(yàn)設(shè)計(jì)師必須了解他們的目標(biāo)受眾，并從他們設(shè)計(jì)的產(chǎn)品中準(zhǔn)確地確定他們需要什么。隨著 UX 設(shè)計(jì)師了解這種情況，他們會創(chuàng)建用戶角色。人物角色幫助用戶看到目標(biāo)用戶的目標(biāo)、愿望和限制。這些理解有助于他們提出最適合其用戶的設(shè)計(jì)解決方案。

用戶旅程的概念

用戶在與產(chǎn)品交互時所產(chǎn)生的情緒，無論是消極的、中性的還是積極的，都會對用戶對產(chǎn)品的感受產(chǎn)生巨大影響。這就是為什么用戶旅程的概念成為用戶體驗(yàn)設(shè)計(jì)的基石。用戶旅程，或用戶與產(chǎn)品交互時遵循的路徑，對用戶體驗(yàn)有直接影響。UX 專注于用戶解決特定問題的過程。并且可以使用一種神奇的成分——設(shè)計(jì)來改善旅程。

什么是好的用戶體驗(yàn)設(shè)計(jì)

為了理解什么是好的體驗(yàn)，Aarron Walter 在他的《情感設(shè)計(jì)》一書中創(chuàng)建了一個用戶需求的視覺金字塔。這個金字塔已經(jīng)成為用戶體驗(yàn)專業(yè)人士如何思考和應(yīng)用設(shè)計(jì)決策的參考。

UI設(shè)計(jì)和UX設(shè)計(jì)有什么關(guān)系？

UX 和 UI 的含義意味著它們是相關(guān)的設(shè)計(jì)學(xué)科，但本質(zhì)上卻截然不同。UI設(shè)計(jì)更關(guān)注設(shè)計(jì)的視覺屬性以及它所傳達(dá)的整體感覺。但是如果沒有出色的用戶體驗(yàn)，即使是設(shè)計(jì)最精美的用戶界面也會導(dǎo)致糟糕的用戶體驗(yàn)。

UX設(shè)計(jì)師的角色

最近，許多公司意識到優(yōu)秀的設(shè)計(jì)是一種競爭優(yōu)勢，他們愿意投入大量資源來創(chuàng)造出色的用戶體驗(yàn)。結(jié)果，用戶體驗(yàn)設(shè)計(jì)師的角色出現(xiàn)了，并且需求量很大。

簡單來說，用戶體驗(yàn)設(shè)計(jì)是一種以人為本的產(chǎn)品設(shè)計(jì)方式。用戶體驗(yàn)設(shè)計(jì)師負(fù)責(zé)分析目標(biāo)受眾的需求，并確保公司創(chuàng)造出滿足這些需求的產(chǎn)品。用戶體驗(yàn)設(shè)計(jì)是一個多學(xué)科領(lǐng)域，用戶體驗(yàn)設(shè)計(jì)師可以參與產(chǎn)品開發(fā)的不同領(lǐng)域，如產(chǎn)品研究、構(gòu)思、原型設(shè)計(jì)、測試。

用戶體驗(yàn)設(shè)計(jì)師的職責(zé)通常包括：

• 了解用戶。用戶體驗(yàn)設(shè)計(jì)通常從廣泛的研究開始，其目標(biāo)是了解目標(biāo)受眾、他們的需求和需求。同理心是用戶體驗(yàn)設(shè)計(jì)師的一項(xiàng)關(guān)鍵技能。它可以幫助用戶體驗(yàn)設(shè)計(jì)師了解和發(fā)現(xiàn)他們?yōu)橹O(shè)計(jì)的人的潛在需求和情感。
• 創(chuàng)建設(shè)計(jì)策略。設(shè)計(jì)策略包括了解產(chǎn)品的目的、繪制邏輯旅程。
• 分析交互設(shè)計(jì)。UX 設(shè)計(jì)師分析人們?nèi)绾问褂卯a(chǎn)品——他們的交互習(xí)慣、個人偏好以及他們在與 UI 交互時使用的快捷方式。所有見解都用于提出更好的設(shè)計(jì)解決方案。
• 創(chuàng)建線框和原型。UX 設(shè)計(jì)師經(jīng)常需要使用UX 軟件創(chuàng)建線框或原型，以便向設(shè)計(jì)團(tuán)隊(duì)提出他們的想法。

用戶體驗(yàn)設(shè)計(jì)師不斷參與產(chǎn)品的執(zhí)行。他們與所有團(tuán)隊(duì)成員互動，以確保產(chǎn)品設(shè)計(jì)朝著正確的方向發(fā)展。

UI設(shè)計(jì)師的角色

UI設(shè)計(jì)師的角色與信息的視覺表示更相關(guān)。UI 設(shè)計(jì)師應(yīng)該具備圖形設(shè)計(jì)、視覺設(shè)計(jì)和品牌設(shè)計(jì)技能，以創(chuàng)建具有良好外觀和感覺的界面。通常，UI 設(shè)計(jì)師將用戶流程和線框用于由 UX 設(shè)計(jì)師（設(shè)計(jì)骨架）創(chuàng)建的各個屏幕/頁面，并將其變成美觀的東西（修飾骨架）。

成為一名優(yōu)秀的設(shè)計(jì)師意味著幾件事，例如：

• 注重細(xì)節(jié)。優(yōu)秀的設(shè)計(jì)師知道"細(xì)節(jié)決定成敗"，他們會不斷完善解決方案中的微小元素。
• 良好的解決問題的能力。無論你在設(shè)計(jì)中做什么，你總是要解決一個特定的問題。設(shè)計(jì)師應(yīng)該準(zhǔn)備好花足夠的時間尋找合適的解決方案。

但是有一些具體的事情與 UI 設(shè)計(jì)師相關(guān)：

• 競爭分析。能夠?qū)λ麄冏龀龅漠a(chǎn)品和視覺設(shè)計(jì)決策進(jìn)行分析和競爭分析。
• 響應(yīng)式設(shè)計(jì)。確保 UI 設(shè)計(jì)在任何屏幕尺寸和分辨率上看起來都很棒。
• 溝通。通常，UI 設(shè)計(jì)師與 UX 設(shè)計(jì)師和工程團(tuán)隊(duì)密切合作。了解技術(shù)可行性所需的溝通技巧（團(tuán)隊(duì)是否可以實(shí)施設(shè)計(jì)）

組合 UI/UX 角色有哪些缺點(diǎn)？

UX 和 UI 的定義有很多共同點(diǎn)，以至于許多公司將 UI 和 UX 設(shè)計(jì)宣傳為單一角色。這種職位的工作描述通常說該人將在用戶交互的概念部分工作，然后將這些知識轉(zhuǎn)移到實(shí)際的 UI 設(shè)計(jì)中。實(shí)際上，這看起來更像是一個同時戴兩頂帽子的人。每個角色都需要一套不同的技能和方法。即使一個人擁有所有必要的技能，這種學(xué)科的混合也很糟糕，因?yàn)樗乖O(shè)計(jì)過程不那么專注。當(dāng)一個人不斷地從概念階段切換到實(shí)施階段時，她很容易錯過設(shè)計(jì)的重要部分。

結(jié)論

希望現(xiàn)在您了解 UI 和 UX 設(shè)計(jì)之間的細(xì)微差別。是的，它們是齊頭并進(jìn)的，但它們是非常不同的。用戶體驗(yàn)設(shè)計(jì)更具分析性。它植根于認(rèn)知行為和人類心理學(xué)。UI 設(shè)計(jì)軟件更關(guān)注視覺效果——或者產(chǎn)品是否美觀。

定義您認(rèn)為最有趣的設(shè)計(jì)類型并專注于尊重創(chuàng)造出色設(shè)計(jì)解決方案的技能非常重要。如果您是設(shè)計(jì)領(lǐng)域的新手，我建議您在這兩個領(lǐng)域都嘗試一下。這兩個領(lǐng)域的實(shí)際實(shí)踐經(jīng)驗(yàn)不僅可以幫助您了解哪個領(lǐng)域更適合您，還可以讓您成為更好的設(shè)計(jì)師。您可以通過這些UX 設(shè)計(jì)示例看到這一點(diǎn) 。