2026-1-10 清陽
什么是UI、 UX?或者說它們之間有什么不同?說句實話早幾年我連UI都不是很明白,說出來都有一點不好意思了……
Ok…讓我們用圖片的形式來看一下UI與UX的不同之處吧。
圖一:倒過來的蕃茄醬瓶設計,考慮到番茄醬快用完時很難倒出來的使用情境

圖二:從定義來解釋UI與 UX之間的差異,兩者定義有很大的不同。
UI定義:UI是網站頁面是如何物理布局。一個UI設計師會和你談東西應該放哪里,用什么顏色。UI是負責網站的創意和視覺作品。
UX定義:UX專注于網站,它的行為與互動,比如一個盒子滑出,以及人們如何與它進行交互,比如他們會點擊或輸入進行交互。UX處理的內容和網站地圖的結構。
圖三:從專業分工的角度來說明差別,可以看出負責的部份有哪些相同,哪些不同。
圖四:這張圖比較復雜,但是基本上還是看得出差異。相同之處很明顯,都有大胡子,但是裝扮上就有很大的區別。為什么?你們可以根據定義思考一下……
下面的這張圖跟上面的那張是同一張,只是風格不一樣,從設計師的角色轉變成很酷的時尚年輕人。
圖五:從工作職責來解釋差異, UX的范圍很廣,很少人可以精通全部,可以說幾乎沒有。
圖六:這張圖的表述可能并不全面或清晰,但可以做為一個參考。
圖七:UI、 UX基本的工作項目來區分的話,UI沒有品牌推廣這個職位。
圖八:從產品的角度看UI與UX,UI是產品的一部份,UX是使用產品的體驗。
圖九:UI Design:功能;Usabilitydesign:動作;User Experiene Design:情感;
圖十:UI是用來取內容的工具,使用者使用UI吃完東西(內容)的體驗是UX。
總結:UI設計是展現視覺層面的(界面),而UX是使用過程中的情感(互動與體驗)。UX設計師不僅關注界面的設計,更關心所有會影響使用者體驗的一切。如架構、互動、內容與及使用者對象、需求、價值觀。
有人會說設計UI不就是在設計UX嗎?如果用戶的體驗只注重視覺界面的美觀,或許可以這么說。但是使用者手上拿的不是UI,而是產品,UI只是產品設計的一部份,體驗不僅受到產品的影響,還會受到使用產品體驗過程中的情境及使用者對品牌印像等等其它體驗相關的事影響。
轉載:微信公眾號UI設計