ux與ui設計的區別是什麼

2022-09-27 18:02:06

ux與ui設計的區別:1、UX讓介面更好用,UI讓介面更好看;2、UX讓使用者實現目標,UI讓介面提升品牌感;3、UX核心目標引導使用者完成任務,UI不是;4、UI和UX的交付成果不一樣,UX的輸出包括UX體驗報告、功能定義、功能規劃、專案進度等,而UI交付的包括視覺和互動、視覺設計、品牌設計、動效設計、元件設計和設計語言等等。

php入門到就業線上直播課:進入學習
API 檔案、設計、偵錯、自動化測試一體化共同作業工具:

本教學操作環境:windows7系統、Dell G3電腦。

一、什麼是UI?什麼是UX?

1. 什麼是UI?

簡單理解就是介面+互動。

什麼屬於UI呢?

這個我想大家都已經很熟悉,就是我們每天使用的產品的介面外觀設計,無論是視覺效果,還是品牌個性,還是頁面的互動設計,都屬於UI範圍內。

很多同學會問,互動設計不是屬於互動麼?怎麼劃分在UI了?

其實,UI是使用者介面設計的統稱。隨著時代的發展,純UI的時代已經過去了,今天的UI設計師,除了掌握視覺設計還需要具備一定互動設計能力。

從百科中對於UI的定義也是如此:負責產品的人際互動、操作邏輯、介面視覺的整體設計。從字面大家也可以看出-使用者介面,除了介面還包含使用者和介面之間的互動。

如果你覺得不好理解,一個簡單粗暴的理解方式就是UI=互動+視覺。

2. 什麼是UX?

UX我們可以把它理解為使用者任務流程設計,今天我們使用者註冊我們一個新的產品,需要那幾個步驟?

——使用者通過朋友圈看見我們的商品廣告,通過那幾步到達購買頁,最後轉化付費,這些我理解為UX,

參照百度百科的資料UX核心是使用者,體驗指使用者在使用產品以及與產品發生互動時出現的主觀感受和需求滿足。

UX設計師研究和評估一個系統的使用者體驗,關注該系統的易用性、價值體現、實用性、高效性等。

舉個例子:我們去銀行的ATM提款機上取錢,看到的介面和每一步運算元據UI設計。但是如何存錢?如何更改密碼?如何轉賬匯款?

——這些流程的設計屬於UX設計,他關注這個產品是否好用和易用。

UX我更多理解為使用者的行為表達,UX設計是在使用者直接或者使用服務時候感受到的體驗,比如反饋,和任務指引的整體設計。

比如之前我們去星巴克買咖啡時候,如果遇見人很多,我們就必須排著很長的隊。但是今天,我們去店裡人很多,直接可以手機上操作,手機上排號,大大提升了效率。

那麼這個體驗的的優化就是UX工作,它可以改變我們生活的體驗,類似這樣的UX改變生活的案例還有很多。比如越來越多餐廳也可以通過微信排號,無須店門口等待,只需要關注他們公眾號,到時候會有排號提醒。

3. 解決問題的視角不同

UI和UX大家本質都是在解決使用者問題,只不過站位不同視角不同,UI更多是解決使用者第一印象,這個設計好不好看,互動邏輯合理不合理,結構清晰不清晰,頁面功能層次表達是否合理。

而UX更多是定義了產品目標流程,UX更多解決產品的深度,而UI是產品的寬度,兩者都很重要。

網際網路行業發展了這麼多年,使用者體驗已經融入到了我們生活中點點滴滴,UI和UX儘管本質不同,UI更加具有視覺性,UX更多是邏輯系統性。

但是他們一般都屬於一個團隊,只不過大家運用不同的技能,不用的工具,不同的問題處理方式——但是最終都是把我們產品體驗做好。

二、UI與UX的區別有哪些?

1. UX讓介面更好用,UI讓介面更好看

這句話很好理解,UI設計師的價值是讓我們的介面好看符合使用者審美趨勢,同時互動上符合使用者邏輯,符合產品想傳遞的功能優先順序,沒有大的互動原則問題。

UX是讓整個流程更好用,更好引導使用者完成任務,達成我們的商業目標。這中間兩者使用的技能也不相同。

2. UX讓使用者實現目標,UI讓介面提升品牌感

1.png

UX幫產品實現產品目標,很好理解,今天任何的產品都需要有商業目標,無論是剛上線的新產品,還是老產品都有使用者目標。

拿618,雙11這些大型活動來說:很多電商都各種行銷,那他們的商業目標是什麼?

——是GMV成交額,所以UX的目標是怎麼讓GMV最大化,那麼這中間就涉及到:使用者入口、使用者路徑和鏈路的完整設計,每一個環節的漏損都應該考慮在裡面。

2.png

那麼UI就是使用者在使用產品過程中,心情是否感覺愉悅,沒有任何的使用負擔,體驗時候特別友好。

同時介面和互動時候不會感覺冗餘,同時使用者介面的表達有溫度,如上圖google的情感化表達一樣,UI就是建立使用者和商業這件的情感品牌橋樑。

3. UX核心目標引導使用者完成任務,UI不是

另外一個不一樣的點是,UX核心是引導使用者完成使用者目標和任務。

比如火車票軟體,雖然它的互動視覺很糟糕,但是相對比這個更重要是如何幫助使用者完成目標,UX的優先順序高於UI,如果產品無法滿足使用者價值,對使用者沒有意義,那麼UI做的再好其實意義也不大。

歷史上有很多曇花一現的產品都是如此,比如早期的Path、Paper等產品就是UI視覺互動很都很好,但是在商業層面以及UX上沒有那麼完美,沒有很好的使用者價值,最終頁難躲過消失的命運。

4. 交付的成果不一樣

UI和UX的交付產出也有很大的不一樣,UX的輸出包括UX體驗報告、功能定義、功能規劃、專案進度、概念設計、需求評估、市場研究、資料研究、可用性測試、使用者體驗地圖、流程圖、互動原型圖等等。

這是大概一些產物,當然還包括一些通用的比如彙報、提案等。

UI的交付大家都比較清楚,包括視覺和互動、視覺設計、品牌設計、動效設計、元件設計和設計語言等等,當然方案彙報提案也是一樣的。

5. 職責不同

UX設計師還一個重要角色就是策略制定和內容設定,任何產品內容是核心。

拿電商來說:人、貨、場,貨就是內容非常的主要,這個內容如何和使用者互動,同時被使用者接受,和使用者互動,這個中間UX設計師扮演著非常重要的角色。

說說UX在阿里的職業有哪些:

  • 競爭對手的分析:這個我在星球說過很多次,瞭解對方的商業模式,和最近的動作;

  • 使用者分析:使用者人群特點,資料,使用者分層是什麼樣的,在我們APP裡面的習慣又是如何;

  • 業務目標拆解:根據業務目標,那麼我們產品要完成需要做哪些工作,如何去規劃功能,以及頁面詳細的佈局和功能設計;

  • 戰略設計:如何更好的幫助頂層戰略完成目標;

  • 落地計劃:有了前面這些如何協調資源,如何推進專案的落地和排期;

  • 平時日常框架設計,互動原型圖設計這些都是屬於UX設計師工作範疇,因為他們比UI不同,他們接觸的資訊都比較寬,更容易設計出更好的結構,同時使用者也能更好的理解;

  • 跟蹤反饋:使用者的資料跟蹤,反饋和分析,同時還需要和開發人員進行頁面埋點等工作,來保證專案的順利。

更多相關知識,請存取欄目!

以上就是ux與ui設計的區別是什麼的詳細內容,更多請關注TW511.COM其它相關文章!