目錄
我們常常聽到大家將UI/UX放在一起，但其實他們代表兩種非常不一樣的東西。今天，哈利熊就來帶大家了解UI/UX的差別！
Foster.fm的創同創辦人Rahul Varshney曾經說過：
「用戶體驗（UX）和用戶界面（UI）是我們領域中最混淆和誤用的術語。沒有UX的UI就像畫家不加思索地將顏料拍到畫布上一樣。而沒有UI的UX就像是沒有紙張匹配的雕塑框架。出色的產品體驗始於UX，然後是UI。兩者對於產品的成功都是至關重要的。」
雖然UI/UX代表不同的東西，但是在設計一個產品的時候，卻有著密不可分的重要性。UX設計很像是產品的骨骼，著重於「產品用起來怎麼樣？」而UI設計則是血肉，是讓產品活起來的元素，著重於「產品看起來怎麼樣？」。
廣告
UI/UX設計是什麼？
UX：如何創造更好更有效的使用者體驗
UX（User Experience）指的是使用者體驗，解決人們在產品使用上的痛點、提升使用者在產品使用的流暢性。UX可以用於實體物品，也可以用於非實體的網路物件上，比如說網站。
身為一個UX設計師，我們可能會想的是：
- 要如何改善網路購物的結帳流程？
- 用戶需要完成的步驟有哪些？
- 按鈕應該要放在哪裡？
- 這樣的用戶體驗是直接明瞭的嗎？
所以身為UX設計師，我們可能需要完成的任務包括：
- 了解使用者需求
- 製作出客戶旅程地圖
- 製作出客戶人物誌
- 網站架構
- 使用者流程
- 任務流程
總之，UX的目標就是創造一個有效、好用的使用者經驗。
廣告
UI：如何創造更直覺美觀的使用者介面
UI（User Interface）指的是使用者介面，是整體看上去的感覺，是一個產品的呈現方式以及互動性，UI是專門針對電子產品或是網路物件而衍伸的詞彙。
UI設計師可能會考慮到的是字體的大小、顏色、字型、標誌、按鍵的設計等等。
身為一個UI設計師，我們可能會想的是：
- 網站要使用樣的什麼顏色與風格？
- 按鍵要用什麼樣的動畫？
- 要如何運用對比的顏色增加文字的閱讀性？
所以身為UI設計師，我們可能需要完成的任務包括：
- 設計品牌手冊
- 色盤
- 製作UI原型
- 圖標集
- 視覺設計檔案
通常在產品開發的階段，UX設計會需要先做，再來才會進入UI的環節。UX設計師會先設計出整個用戶流程的「骨骼」，UI設計師根據這樣的框架再加入美觀、互動性的元素。
UI/UX設計師的搭配
由此可見，UI以及UX在本質上是兩種不同的東西，但是在產品設計流程中，卻需要UI/UX設計師密切的合作、搭配，才能創造出一個有效、成功的成品。有許多產品看上去非常美麗，但是因為缺乏UX設計師系統性的架構，所以導致產品重看不重用，同樣的，也有許多產品非常好用，但是卻少了UI設計師的畫龍點睛。
廣告
