首頁 > 常見問題 > ux與ui設計的差別是什麼

ux與ui設計的差別是什麼

青灯夜游
發布: 2022-09-27 15:52:33
原創
14111 人瀏覽過

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

ux與ui設計的差別是什麼

本教學操作環境: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讓介面提升品牌感

ux與ui設計的差別是什麼

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

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

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

ux與ui設計的差別是什麼

那麼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設計的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
ux ui
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板