UX 與 UI：最大的區別是什麼？

UX 和 UI 是在同一個句子中經常指出的兩個條件，但這並不意味著它們可以互換。 UX 和 UI 經常混為一談，以至於您可能會看到 UX 設計師的工作發布，其中職位描述錯誤地概述了 UI 設計師的職責，反之亦然。

儘管 UX 和 UI 是獨特的實踐，但它們幾乎相互重疊和互補。 出於這個原因，識別是什麼使它們多樣化以及它們如何相互協作以產生出色的產品可能會很複雜。

UX 和 UI 是兩個攜手合作的學科，它們共同製作出令人愉悅且直觀的商品、公司或網站，供買家使用。
人機界面 (UI) 與電子產品的美學家園相關，包括人可以與之交互的所有功能的外觀、真實感覺和風格。 同時，
人的知識（UX）是更大的照片和概念。 UX 考慮用戶參與您的產品的過程，它如何解決他們的困難，以及它如何讓他們真正感受到。 沒有 UI 的 UX 就像一個沒有圍繞它的機動車輛的引擎。 你需要平等地到達你想去的地方。

為了進一步了解 UX 和 UI 之間的差異，讓我們從一個恰當的例子開始：YouTube。

只需在 YouTube 住宅網頁上進行搜索即可。 網站上所有可見的因素都是 UI 設計師的功能。 這包括前面的查找欄、字體和陰影的決定、電影之間的間距、品牌、仍然左側的“訂閱”欄，以及您可以在網站上看到或與之交互的所有其他內容。 構成網站外觀和感覺的美學選擇以及介紹事實的方式都包含在 UI 中。 儘管如此，當我們考慮到在第一個區域顯示什麼信息以及產品或服務在您與 UI 交互時如何運作時，我們開始進入 UX 領域。

考慮您點擊數百個一點一點的每個 YouTube 在線視頻。 考慮一下您查找“貓”，幾乎沒有任何結果。 想想你只是不能通過用戶名進行研究，所以你很難找到那個為你最喜歡的 Lizzo 歌曲原聲演唱的女孩。

上述結果導致糟糕的消費者工作體驗 (UX)。 如果產品或服務無法提供您期望的解決方案，那麼有一位 UX 設計師可以在某個地方為她完成這項工作。

認知科學家唐諾曼，他最初
UX 在 1990 年代創造了短語 UX，而 Jakob Nielsen 是
尼爾森諾曼集團，描述了
UX 與 UI 的區別如下：

“考慮一個帶有電影推薦的互聯網站點。 即使用於定位電影的 UI 是最好的，如果底層數據庫只有來自重要工作室的電影，那麼對於希望獲得適度公正發行信息的用戶來說，用戶體驗也會很弱。”

在這種情況下（並且在所有非常好的解決方案中），UX 和 UI 相互出現，以創造一個非常愉快的實踐體驗。 如果產品不能按照消費者希望的方式運行，即使是可以想像到的最令人驚嘆的 UI 也將無法被欣賞。

現在讓我們更深入地定義 UX 和 UI，以進一步闡明兩者之間的區別。

雖然 UI 是可見的，但 UX 是概念性的，專注於建立和改進用戶解決問題的過程。

用戶體驗設計師對用戶對話的所有方面負責——這表明用戶體驗設計師對產品背後的技術並不完全負責。 他們負責一個人如何在線上和離線與公司互動，比如客戶提供商和其他方面。

首先，用戶體驗設計師必須回應這樣的擔憂：“我公司的產品如何才能最有效地滿足用戶的需求？”

現在，UI 設計師還需要做什麼？

您是否在任何時候經常光顧一個網站並想像過，“哇，這家公司很棒，而且有很好的產品，但吸引我的是他們網站直觀和現代的結構？”
這主要是因為他們的 UI 設計師。

現在我們已經獨立探索了 UX 和 UI，讓我們看看它們是如何協同工作的。

假設您的公司希望獲得一個正在運行的應用程序，因此您的 CEO 聘請了一位 UX 設計師。 UX 設計師首先要對競爭對手的應用程序和用戶的痛苦因素進行調查。

有了這些細節，她將確定應用程序的核心功能（“必須檢查心臟量和里程”）並檢查
人物角色深入構建網站地圖和第一個原型。

從那裡，用戶體驗設計師將生成線框，他們將對其進行檢查、改進並轉換為模型。 然後，UX設計師將針對市場進行分析和細化解決方案。 在所有階段，用戶體驗設計師都專注於項目的框架和好處，以及該項目是否滿足用戶的需求。

在開發接近尾聲時，UI 設計師將掌握應用程序的視覺外觀，例如顯示類型、照片、按鈕、入站鏈接和圖標。

UX 和 UI 之間的主要區別在於它們的目標：UX 設計師的目標是用戶使用產品或服務的整個過程，以解決他們的困境或滿足他們的需求。 這包括任何可能激勵或挫敗他們的事情，他們為什麼會或不會喜歡商品，以及產品需要加入什麼才能獲得愉快的體驗。

為 UI 設計師提供了所有這些限制——她向她解釋了應用程序應該包含什麼和排除什麼，以及它是如何工作的。 利用這些約束作為指導，她設計了一個直觀易用的界面，並在屏幕上實現了所有用戶的需求。

如果沒有同等的 UX 和 UI，您就無法構建非凡的解決方案。 如果沒有 UX 設計師，YouTube 會看起來很漂亮和令人愉悅，但完全無法使用。 而且，如果沒有 UI 設計師，YouTube 將是一個很棒的策略，但在屏幕上導航會很複雜且令人費解。

編者註：這篇文章最初發表於 2018 年 6 月，並且為了全面性而進行了更新。

{slideInCta('4bf6af99-b34d-4c32-bac3-5950cf96059d')