查看差異的最簡單方法是結帳。使用者體驗決定有多少步驟、每個步驟中詢問什麼、卡被拒絕時會發生什麼以及客人是否可以在沒有帳戶的情況下購買。 UI 決定了每個步驟的外觀：表單欄位、按鈕樣式、錯誤訊息顏色以及支付成功時的小動畫。
使用者體驗設計在任何螢幕出現之前就開始了。它包括用戶研究、訪談、旅程地圖、資訊架構、線框圖和可用性測試。輸出通常是流程或原型，而不是完成的視覺設計。成功是透過結果來衡量的：任務完成情況、錯誤、完成時間以及人們是否回來。
UI 設計將該結構轉變為介面。它涵蓋了視覺層次結構、間距、版式、顏色、圖示、元件以及每個元素在每種狀態下的行為方式：預設、懸停、按下、停用、載入和錯誤。動作也是 UI 的一部分。按下時會做出反應的按鈕或跟隨手指的紙張會告訴人們產品已經聽到了他們的聲音。
兩者相互依賴。具有令人困惑的按鈕的清晰流程仍然會失敗，而令人困惑的流程之上的拋光螢幕仍然會失敗。這就是為什麼大多數團隊將 UI 視為 UX 的一部分而不是單獨的學科，也是許多招聘廣告要求兩者兼而有之的原因。
如果您决定先学什么，请从 UX 基础知识（了解用户和任务）开始，然后在 Figma 或 Penpot 等设计工具中学习 UI 技能。接下來是互動和動作設計，這就是我們製造的 ExodeUI 等工具的用武之地。