發(fā)布時(shí)間:2023-12-06 20:48:53 瀏覽量:262次
經(jīng)常聽到身邊的設(shè)計(jì)師聊天時(shí)提到UI設(shè)計(jì)師競(jìng)爭(zhēng)壓力越來越大,在考慮轉(zhuǎn)型UX設(shè)計(jì)師。畢竟與UI設(shè)計(jì)師相比,UX設(shè)計(jì)師的薪資更高,職業(yè)前景更廣。從最新的招聘信息可以了解到,UX設(shè)計(jì)師的年薪平均高出UI設(shè)計(jì)師的60%!
但和大家溝通過后,發(fā)現(xiàn)其實(shí)很多設(shè)計(jì)師或者準(zhǔn)備入門的新手對(duì)于UI和UX的定義并不準(zhǔn)確,今天咱們就來聊一聊UI和UX的話題,以及應(yīng)該怎么做能更快轉(zhuǎn)型。
「UI」:User Interface 用戶界面
主要工作在于注重頁面的呈現(xiàn)效果,在考慮界面美觀程度對(duì)用戶體驗(yàn)的影響下,來進(jìn)行設(shè)計(jì)。
「UE/UX」:User Experience 用戶體驗(yàn)
UX其實(shí)并不是某種具體的職位,而是一種工作思路。當(dāng)然現(xiàn)在從事以此相關(guān)工作的職位又稱交互設(shè)計(jì)師,主要工作在于留住用戶。
關(guān)注用戶心理,去優(yōu)化交互流程等等這些途徑/方法,都是基于希望以更好地用戶體驗(yàn)來獲取用戶,留存用戶這個(gè)最終目的的。他的工作范疇也不僅僅是頁面設(shè)計(jì),而是整體的產(chǎn)品設(shè)計(jì)。
「UED」:User Experience Design 用戶體驗(yàn)設(shè)計(jì)
用戶體驗(yàn)設(shè)計(jì)是人工制品、環(huán)境和系統(tǒng)的行為,以及傳達(dá)這種行為的外形元素的設(shè)計(jì)與定義,以交互為主,設(shè)計(jì)為輔。它關(guān)注用戶使用前、使用中、使用后的整體感受,包括行為、情感、成就等各個(gè)方面。
一、UI設(shè)計(jì)師與UX設(shè)計(jì)師的具體區(qū)別
1、工作角度差異
—— 一個(gè)是被動(dòng)接收信息者,一個(gè)是提出問題者
作為 UI 設(shè)計(jì)師,工作的落腳點(diǎn)是基于“用戶看到的這個(gè)頁面”。而 UX 設(shè)計(jì)師則更偏向于如何去引導(dǎo)用戶前往下一步,或者說更簡(jiǎn)單的使用。基于這一點(diǎn),UI 設(shè)計(jì)師與 UX 設(shè)計(jì)師的工作思維有著截然不同的差別。UI 設(shè)計(jì)師大部分工作是等待產(chǎn)品經(jīng)理或者 UX 設(shè)計(jì)師發(fā)現(xiàn)頁面中存在的問題,從而來進(jìn)行解決,屬于一個(gè)解決者的角色。而一個(gè)好的 UX 設(shè)計(jì)師則需要多維度的去考量產(chǎn)品,去發(fā)現(xiàn)產(chǎn)品中所存在的問題,再與 UI 設(shè)計(jì)師一起來解決它。
圖源:behance
2、思維角度差異
—— 一個(gè)是設(shè)計(jì)思維,從設(shè)計(jì)角度看界面,一個(gè)是用戶思維,從用戶的視角看待界面
UI 設(shè)計(jì)師的工作核心是用好的效果來為用戶提供良好的視覺體驗(yàn),離不開設(shè)計(jì)本身,因此在工作中,UI設(shè)計(jì)師絕大部分的重心都落在“如何讓頁面更好看”。而UX設(shè)計(jì)師,則需要更多的考慮用戶體驗(yàn)這一層,內(nèi)容如何才能與用戶有效互動(dòng),引導(dǎo)用戶完成他所需要的步驟……這都是UX設(shè)計(jì)師需要思考的問題。跳出設(shè)計(jì)這一層框架,不僅僅注重純視覺效果,以用戶更容易訪達(dá)到所需要的頁面作為第一準(zhǔn)則來進(jìn)行設(shè)計(jì),做好產(chǎn)品內(nèi)容才是UX設(shè)計(jì)師的工作核心。
二、如何從UI設(shè)計(jì)師轉(zhuǎn)型至UX設(shè)計(jì)師?
很多UI設(shè)計(jì)師的努力目標(biāo)就是轉(zhuǎn)型做UX,那如何達(dá)成這一步呢?
1、利用閑暇時(shí)間的思考
UI到UX的轉(zhuǎn)型,看似都在做設(shè)計(jì),但實(shí)際上工作方法與思維大相徑庭,除了在日常工作中要轉(zhuǎn)換思維方式以外,多總結(jié)歸納是很重要的。
2、學(xué)會(huì)自己從他處采集靈感
多去使用一些交互設(shè)計(jì)優(yōu)秀的產(chǎn)品,多去behance、Pixso社區(qū)等網(wǎng)站瀏覽案例。在使用的過程中去揣摩其優(yōu)秀之處。即便是完全不同類的產(chǎn)品,依然可以學(xué)習(xí)其產(chǎn)品的整體邏輯,并記錄下來。這個(gè)過程一定需要自己親自去使用、揣摩,而不是直接瀏覽他人總結(jié)出的“干貨”。我們每天都在吸收著海量的信息,這樣的瀏覽難以在腦海中形成深刻記憶,下次產(chǎn)品設(shè)計(jì)時(shí)是很難回憶起的。
Pixso社區(qū)
像上圖中的Pixso社區(qū),是將「作品社區(qū)」與「資源模板」合二為一,類似于設(shè)計(jì)師版的GitHub。設(shè)計(jì)師可以在里面瀏覽作品后,直接復(fù)用需要的作品!其他的作品社區(qū)無法提供源文件,而資源社區(qū)無法直接進(jìn)行編輯,而Pixso將兩者完整融合:「瀏覽作品 → 復(fù)用 → 直接在編輯器中打開進(jìn)行編輯」整個(gè)路徑能在一個(gè)網(wǎng)頁內(nèi)完成。
打開網(wǎng)頁試試吧。
3、養(yǎng)成記錄體驗(yàn)感的習(xí)慣
在使用自身或他人產(chǎn)品的同時(shí),好的設(shè)計(jì)點(diǎn)隨時(shí)都應(yīng)該記錄在冊(cè)的,閑暇時(shí)可以歸納分析,積累關(guān)于如何優(yōu)化產(chǎn)品交互的思考,形成能運(yùn)用自如的方法論。
4、掌握數(shù)據(jù)分析能力
這個(gè)時(shí)代的用戶體驗(yàn)已經(jīng)是一個(gè)用數(shù)據(jù)說話的階段了,通過數(shù)據(jù)分析能夠反映出用戶群體的產(chǎn)品使用情況。
以軟件注冊(cè)的轉(zhuǎn)化率為例,某個(gè)時(shí)間段如果注冊(cè)量暴漲,及時(shí)追蹤該數(shù)據(jù),可以更好更及時(shí)的去分析定位原因。有了這些信息,對(duì)于產(chǎn)品迭代更新都有作用。掌握例如SQL 之類的數(shù)據(jù)分析語言,能在履行其戰(zhàn)略制定工作時(shí)起到很大的作用。
5、提升基礎(chǔ)技能
UI 設(shè)計(jì),其實(shí)可以看做 UX 設(shè)計(jì)師的一部分工作,因此設(shè)計(jì)能力依然是判斷 UX 設(shè)計(jì)師水平的強(qiáng)指標(biāo)。不是說會(huì)使用一些 PS、AI 軟件就等于掌握了 UI 的設(shè)計(jì),能簡(jiǎn)潔明了的傳遞給用戶頁面所需要表達(dá)的信息才是關(guān)鍵。
? 學(xué)習(xí)產(chǎn)品設(shè)計(jì)
產(chǎn)品設(shè)計(jì)乍一聽以為是產(chǎn)品經(jīng)理的工作,但實(shí)際上UX實(shí)際上也是要大程度地參與其中,將用戶需求挖掘并拆解,融入到整體的設(shè)計(jì)里。
這要求設(shè)計(jì)師不僅只是繪制高保真,而是要從立項(xiàng)后就開始參與到原型的搭建與設(shè)計(jì)中。在此需要學(xué)習(xí)原型工具:
01 Pixso:一體化的設(shè)計(jì)平臺(tái),包括原型、設(shè)計(jì)、交付等多個(gè)功能在內(nèi)。
含有多種交互動(dòng)作與觸發(fā)02動(dòng)作的設(shè)置,可以在軟件內(nèi)直接進(jìn)行交互演示;
產(chǎn)品和UX在平臺(tái)內(nèi)完成原型圖后,通過鏈接交付給UI設(shè)計(jì)師,繼續(xù)展開高保真的設(shè)計(jì);
無需保存文件,就能完成整個(gè)設(shè)計(jì)過程。
02 Axure:專門的原型設(shè)計(jì)軟件
Axure是一款專為原型設(shè)計(jì)而打造的軟件,邏輯能力很強(qiáng),非常適用于產(chǎn)品經(jīng)理在梳理產(chǎn)品核心邏輯。原型交互方面的功能很完善,提供了多種交互動(dòng)作,但美中不足的是無法在線上進(jìn)行設(shè)計(jì),需要安裝軟件才可以使用。
希望這篇關(guān)于UI&UX的“科普”能夠?qū)δ阌兴鶐椭?,早日成為一名?yōu)秀的UX設(shè)計(jì)師!
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!