一篇文章帶你搞懂UI與UX的區(qū)別!

經(jīng)常聽到身邊的設計師聊天時提到UI設計師競爭壓力越來越大,在考慮轉型UX設計師。畢竟與UI設計師相比,UX設計師的薪資更高,職業(yè)前景更廣。從最新的招聘信息可以了解到,UX設計師的年薪平均高出UI設計師的60%!

但和大家溝通過后,發(fā)現(xiàn)其實很多設計師或者準備入門的新手對于UI和UX的定義并不準確,今天咱們就來聊一聊UI和UX的話題,以及應該怎么做能更快轉型。

「UI」:User Interface 用戶界面

主要工作在于注重頁面的呈現(xiàn)效果,在考慮界面美觀程度對用戶體驗的影響下,來進行設計。

「UE/UX」:User Experience 用戶體驗

UX其實并不是某種具體的職位,而是一種工作思路。當然現(xiàn)在從事以此相關工作的職位又稱交互設計師,主要工作在于留住用戶。

關注用戶心理,去優(yōu)化交互流程等等這些途徑/方法,都是基于希望以更好地用戶體驗來獲取用戶,留存用戶這個最終目的的。他的工作范疇也不僅僅是頁面設計,而是整體的產(chǎn)品設計。

「UED」:User Experience Design 用戶體驗設計

用戶體驗設計是人工制品、環(huán)境和系統(tǒng)的行為,以及傳達這種行為的外形元素的設計與定義,以交互為主,設計為輔。它關注用戶使用前、使用中、使用后的整體感受,包括行為、情感、成就等各個方面。

一篇文章帶你搞懂UI與UX的區(qū)別!

一、UI設計師與UX設計師的具體區(qū)別

1、工作角度差異

—— 一個是被動接收信息者,一個是提出問題者

作為 UI 設計師,工作的落腳點是基于“用戶看到的這個頁面”。而 UX 設計師則更偏向于如何去引導用戶前往下一步,或者說更簡單的使用。基于這一點,UI 設計師與 UX 設計師的工作思維有著截然不同的差別。UI 設計師大部分工作是等待產(chǎn)品經(jīng)理或者 UX 設計師發(fā)現(xiàn)頁面中存在的問題,從而來進行解決,屬于一個解決者的角色。而一個好的 UX 設計師則需要多維度的去考量產(chǎn)品,去發(fā)現(xiàn)產(chǎn)品中所存在的問題,再與 UI 設計師一起來解決它。

一篇文章帶你搞懂UI與UX的區(qū)別!

圖源:behance

2、思維角度差異

—— 一個是設計思維,從設計角度看界面,一個是用戶思維,從用戶的視角看待界面

UI 設計師的工作核心是用好的效果來為用戶提供良好的視覺體驗,離不開設計本身,因此在工作中,UI設計師絕大部分的重心都落在“如何讓頁面更好看”。而UX設計師,則需要更多的考慮用戶體驗這一層,內容如何才能與用戶有效互動,引導用戶完成他所需要的步驟……這都是UX設計師需要思考的問題。跳出設計這一層框架,不僅僅注重純視覺效果,以用戶更容易訪達到所需要的頁面作為第一準則來進行設計,做好產(chǎn)品內容才是UX設計師的工作核心。

二、如何從UI設計師轉型至UX設計師?

很多UI設計師的努力目標就是轉型做UX,那如何達成這一步呢?

1、利用閑暇時間的思考

UI到UX的轉型,看似都在做設計,但實際上工作方法與思維大相徑庭,除了在日常工作中要轉換思維方式以外,多總結歸納是很重要的。

2、學會自己從他處采集靈感

多去使用一些交互設計優(yōu)秀的產(chǎn)品,多去behance、Pixso社區(qū)等網(wǎng)站瀏覽案例。在使用的過程中去揣摩其優(yōu)秀之處。即便是完全不同類的產(chǎn)品,依然可以學習其產(chǎn)品的整體邏輯,并記錄下來。這個過程一定需要自己親自去使用、揣摩,而不是直接瀏覽他人總結出的“干貨”。我們每天都在吸收著海量的信息,這樣的瀏覽難以在腦海中形成深刻記憶,下次產(chǎn)品設計時是很難回憶起的。

一篇文章帶你搞懂UI與UX的區(qū)別!

Pixso社區(qū)

像上圖中的Pixso社區(qū),是將「作品社區(qū)」與「資源模板」合二為一,類似于設計師版的GitHub。設計師可以在里面瀏覽作品后,直接復用需要的作品!其他的作品社區(qū)無法提供源文件,而資源社區(qū)無法直接進行編輯,而Pixso將兩者完整融合:「瀏覽作品 → 復用 → 直接在編輯器中打開進行編輯」整個路徑能在一個網(wǎng)頁內完成。

打開網(wǎng)頁試試吧:pixso.design

3、養(yǎng)成記錄體驗感的習慣

在使用自身或他人產(chǎn)品的同時,好的設計點隨時都應該記錄在冊的,閑暇時可以歸納分析,積累關于如何優(yōu)化產(chǎn)品交互的思考,形成能運用自如的方法論。

4、掌握數(shù)據(jù)分析能力

這個時代的用戶體驗已經(jīng)是一個用數(shù)據(jù)說話的階段了,通過數(shù)據(jù)分析能夠反映出用戶群體的產(chǎn)品使用情況。

以軟件注冊的轉化率為例,某個時間段如果注冊量暴漲,及時追蹤該數(shù)據(jù),可以更好更及時的去分析定位原因。有了這些信息,對于產(chǎn)品迭代更新都有作用。掌握例如SQL 之類的數(shù)據(jù)分析語言,能在履行其戰(zhàn)略制定工作時起到很大的作用。

5、提升基礎技能

UI 設計,其實可以看做 UX 設計師的一部分工作,因此設計能力依然是判斷 UX 設計師水平的強指標。不是說會使用一些 PS、AI 軟件就等于掌握了 UI 的設計,能簡潔明了的傳遞給用戶頁面所需要表達的信息才是關鍵。

學習產(chǎn)品設計

產(chǎn)品設計乍一聽以為是產(chǎn)品經(jīng)理的工作,但實際上UX實際上也是要大程度地參與其中,將用戶需求挖掘并拆解,融入到整體的設計里。

這要求設計師不僅只是繪制高保真,而是要從立項后就開始參與到原型的搭建與設計中。在此需要學習原型工具:

01 Pixso:一體化的設計平臺,包括原型、設計、交付等多個功能在內。

含有多種交互動作與觸發(fā)02動作的設置,可以在軟件內直接進行交互演示;

產(chǎn)品和UX在平臺內完成原型圖后,通過鏈接交付給UI設計師,繼續(xù)展開高保真的設計;

無需保存文件,就能完成整個設計過程。

一篇文章帶你搞懂UI與UX的區(qū)別!

使用地址:pixso.design

02Axure:專門的原型設計軟件

Axure是一款專為原型設計而打造的軟件,邏輯能力很強,非常適用于產(chǎn)品經(jīng)理在梳理產(chǎn)品核心邏輯。原型交互方面的功能很完善,提供了多種交互動作,但美中不足的是無法在線上進行設計,需要安裝軟件才可以使用。

希望這篇關于UI&UX的“科普”能夠對你有所幫助,早日成為一名優(yōu)秀的UX設計師!

(免責聲明:本網(wǎng)站內容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿,凡在本網(wǎng)站出現(xiàn)的信息,均僅供參考。本網(wǎng)站將盡力確保所提供信息的準確性及可靠性,但不保證有關資料的準確性及可靠性,讀者在使用前請進一步核實,并對任何自主決定的行為負責。本網(wǎng)站對有關資料所引致的錯誤、不確或遺漏,概不負任何法律責任。
任何單位或個人認為本網(wǎng)站中的網(wǎng)頁或鏈接內容可能涉嫌侵犯其知識產(chǎn)權或存在不實內容時,應及時向本網(wǎng)站提出書面權利通知或不實情況說明,并提供身份證明、權屬證明及詳細侵權或不實情況證明。本網(wǎng)站在收到上述法律文件后,將會依法盡快聯(lián)系相關文章源頭核實,溝通刪除相關內容或斷開相關鏈接。 )