首頁 找知識 用戶體驗. UI & UX 差別是什麼,看圖大整理

UI & UX 差別是什麼,看圖大整理

UI 與 UX 有什麼不同?

UIUX 有什麼不同?Conversion Lab 整理了網路上常見的 UIUX 差異圖,一圖勝千言,讓我們用這些圖來看一下 UI & UX 不同之處吧,已經了解差異的讀者也可以來數數看自己曾經看過的圖有幾張。

1. 倒過來的蕃茄醬瓶設計,考慮到番茄醬快用完時很難倒出的使用情境。

UI 與 UX 有什麼不同?

2.從定義來解釋 UI 與 UX 之間的差異,兩者定義有很大的不同

UI 與 UX 有什麼不同?

3.從專業分工的角度來說明差別,可以看出負責的部分哪些相同,哪些不同。

UI 與 UX 有什麼不同?

4.這張圖比較複雜,但基本上還是看得出差異。相同之處很明顯, 都是留著大鬍子的胖子

UI 與 UX 有什麼不同?

下面這張圖跟上面那張是同一張,只是畫風不一樣,從設計師們從大鬍胖子變成花美男

UI 與 UX 有什麼不同?

5. 從工作項目來解釋差異,雖然 UX 的範圍很廣,但很少人可以精通全部,幾乎沒有。

UI 與 UX 有什麼不同?

6. 這張圖的分法有點奇怪,但畢竟是大整理,還是整理起來給讀者參考一下。

UI 與 UX 有什麼不同?

7. 用兩者基本的工作項目來區分,但 UI 有沒有專職 Branding 就看每家公司對職位的設計了

UI 與 UX 有什麼不同?

8.從產品的角度看 UI 與 UX,UI 是產品的一部份,UX 是使用產品的體驗

UI 與 UX 有什麼不同?

9. UI Design:功能。Usability design:動作。User Experience Design:情感

UI 與 UX 有什麼不同?

10. UI 是用來取用 Content 的工具,使用者使用 UI 吃完 Content 的體驗是 UX

UI 與 UX 有什麼不同?

Conversion Lab 也畫了一張圖來說明 UI 與 UX 的差異。

UI 與 UX 有什麼不同?

UI 在使用者的眼前,UX 在使用者的大腦裡。UX 設計師不僅關注介面設計,更關心所有會影響使用體驗的一切,例如資訊架構、互動設計、Content、使用者的認知、經驗、需求、價值觀。當 UI 設計師設計完介面之後,對 UX 設計師來說工作還沒完成,UX 設計師最終的工作是在使用者的大腦裡完成的,所以 UX 設計師永遠看不到自己的工作成果,只能透過使用者訪談或定性定量 UX 研究方法,去檢視使用者腦袋裡的體驗是否正確。

UI 與 UX 有什麼不同?

有人會說設計 UI 不就是在設計 UX 嗎?,如果 User 的體驗只被 UI 影響,那或許可以說設計 UI 就等於設計 UX,但使用者手上拿的不是 UI,而是產品UI 是產品設計的一部份。體驗也不完全受產品影響,還會受到使用產品時當下的使用情境以及使用者對品牌的印象等等其他與體驗相關的事影響。

關於 Conversion Lab

Conversion Lab
Conversion Lab 是由一群對體驗設計抱有熱忱的產業專家創立。我們希望藉由優化使用者經驗,進而提升轉換率,為事業與網站帶來巨大成效。Conversion Lab 的成員來自不同背景,包含使用者研究、視覺設計師、使用者中心設計顧問、前端工程師、網站經理等;融合中國、北歐、台灣、日本、新加坡的市場實戰經驗。藉著分享知識、觀點與實作技巧,期望對華語圈的使用者經驗設計資訊品質有所貢獻。Logo的概念是由冰山發想而來的,將Conversion中的「nv」兩個字母鏡射後,構成UX的字樣,藉此帶出「UX與Conversion rate是一體兩面」的概念,就如同冰山一般,使用者經驗深且廣在於水面之下,轉換率則是表面的結果,良好的使用者經驗能夠反映出優異的轉換率。

大家都在看

跨領域網紅|美食界另類行銷

跨領域網紅|美食界另類行銷

美食當道,網紅與餐飲業者合作的行銷影片隨處可見,然而美食界網紅是商家唯一的聯手對象嗎?還有什麼其他領域的 KOL 能帶動美食銷量?今年四到七月,搜尋與餐廳、食品聯名的非美食領域網紅,觀察哪個領域異軍突起,有出乎意料的表現!

還想知道更多數位新知?快來訂閱 dcplus 關鍵分享報