UI/UX設計是什麼?UI與UX的差別是什麼?5分鐘搞懂UI/UX

我們常常聽到大家將UI/UX放在一起,但其實他們代表兩種非常不一樣的東西。今天,哈利熊就來帶大家了解UI/UX的差別!

Foster.fm的創同創辦人Rahul Varshney曾經說過:

「用戶體驗(UX)和用戶界面(UI)是我們領域中最混淆和誤用的術語。沒有UX的UI就像畫家不加思索地將顏料拍到畫布上一樣。而沒有UI的UX就像是沒有紙張匹配的雕塑框架。出色的產品體驗始於UX,然後是UI。兩者對於產品的成功都是至關重要的。」

雖然UI/UX代表不同的東西,但是在設計一個產品的時候,卻有著密不可分的重要性。UX設計很像是產品的骨骼,著重於「產品用起來怎麼樣?」而UI設計則是血肉,是讓產品活起來的元素,著重於「產品看起來怎麼樣?」。

UI/UX設計是什麼?

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在本質上是兩種不同的東西,但是在產品設計流程中,卻需要UI/UX設計師密切的合作、搭配,才能創造出一個有效、成功的成品。有許多產品看上去非常美麗,但是因為缺乏UX設計師系統性的架構,所以導致產品重看不重用,同樣的,也有許多產品非常好用,但是卻少了UI設計師的畫龍點睛。

相關標籤

訂閱樂天數位學院!

訂閱樂天數位學院網站,提供最新電商經營、網路創業、數位行銷等新知,隨時通知最新動態。

<提醒> 在Email信箱「確認訂閱」後,才收到電子報喔!

相關文章

發佈留言