說起UI設(shè)計(jì)師,很多人已經(jīng)不陌生了,這份職業(yè)通常被貼上了高薪的標(biāo)簽,打開各大招聘網(wǎng)站不難發(fā)現(xiàn)UI設(shè)計(jì)師的崗位需求多薪資好,網(wǎng)上隨處可見有人在提問:“怎樣才能轉(zhuǎn)行到UI設(shè)計(jì)師”。但其實(shí),UI設(shè)計(jì)師并不是互聯(lián)網(wǎng)設(shè)計(jì)崗的“終點(diǎn)”,很多UI設(shè)計(jì)師都把“轉(zhuǎn)型成交互設(shè)計(jì)師”放在自己的職業(yè)規(guī)劃中,那交互設(shè)計(jì)師究竟是做什么的,和UI設(shè)計(jì)的區(qū)別又在哪呢?
一、UI和UX到底是什么?
要轉(zhuǎn)型,首先就得了解UI 與 UX 到底是什么,略過那些繞口的英文名詞和冗長的專業(yè)術(shù)語,其實(shí)這兩者的定義用人話表述起來很簡單:「UI設(shè)計(jì)師」主要工作在于注重頁面的呈現(xiàn)效果,在考慮界面美觀程度對用戶體驗(yàn)的影響下,來進(jìn)行設(shè)計(jì)。「交互設(shè)計(jì)師」又稱UX設(shè)計(jì)師,主要工作在于留住用戶。
關(guān)注用戶心理,去優(yōu)化交互流程等等這些途徑/方法,都是基于希望以更好地用戶體驗(yàn)來獲取用戶,留存用戶這個(gè)最終目的的。他的工作范疇也不僅僅是頁面設(shè)計(jì),而是整體的產(chǎn)品設(shè)計(jì)。
二、UI設(shè)計(jì)師與UX設(shè)計(jì)師的具體區(qū)別
1、工作角度不同
—— 一個(gè)是被動(dòng)接收信息者,一個(gè)是提出問題者
作為 UI 設(shè)計(jì)師,工作的落腳點(diǎn)是基于“用戶看到的這個(gè)頁面”。而 UX 設(shè)計(jì)師則更偏向于如何去引導(dǎo)用戶前往下一步,或者說更簡單的使用。基于這一點(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、設(shè)計(jì)思維與用戶思維的差別
—— 一個(gè)是設(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ì)師?
利用閑暇時(shí)間的思考
UI到UX的轉(zhuǎn)型,看似都在做設(shè)計(jì),但實(shí)際上工作方法與思維大相徑庭,除了在日常工作中要轉(zhuǎn)換思維方式以外,多總結(jié)歸納是很重要的。
學(xué)會(huì)自己從他處采集靈感
多去使用一些交互設(shè)計(jì)優(yōu)秀的產(chǎn)品,在使用的過程中去揣摩其優(yōu)秀之處。即便是完全不同類的產(chǎn)品,依然可以學(xué)習(xí)其產(chǎn)品的整體邏輯,并記錄下來。這個(gè)過程一定需要自己親自去使用、揣摩,而不是直接瀏覽他人總結(jié)出的“干貨”。我們每天都在吸收著海量的信息,這樣的瀏覽難以在腦海中形成深刻記憶,下次產(chǎn)品設(shè)計(jì)時(shí)是很難回憶起的。
養(yǎng)成記錄體驗(yàn)感的習(xí)慣
在使用自身或他人產(chǎn)品的同時(shí),好的設(shè)計(jì)點(diǎn)隨時(shí)都應(yīng)該記錄在冊的,閑暇時(shí)可以歸納分析,積累關(guān)于如何優(yōu)化產(chǎn)品交互的思考,形成能運(yùn)用自如的方法論。
掌握數(shù)據(jù)分析能力
這個(gè)時(shí)代的用戶體驗(yàn)已經(jīng)是一個(gè)用數(shù)據(jù)說話的階段了,通過數(shù)據(jù)分析能夠反映出用戶群體的產(chǎn)品使用情況。
以軟件注冊的轉(zhuǎn)化率為例,某個(gè)時(shí)間段如果注冊量暴漲,及時(shí)追蹤該數(shù)據(jù),可以更好更及時(shí)的去分析定位原因。有了這些信息,對于產(chǎn)品迭代更新都有作用。掌握例如SQL 之類的數(shù)據(jù)分析語言,能在履行其戰(zhàn)略制定工作時(shí)起到很大的作用。
提升基礎(chǔ)技能
UI 設(shè)計(jì),其實(shí)可以看做 UX 設(shè)計(jì)師的一部分工作,因此設(shè)計(jì)能力依然是判斷 UX 設(shè)計(jì)師水平的強(qiáng)指標(biāo)。不是說會(huì)使用一些 PS、AI 軟件就等于掌握了 UI 的設(shè)計(jì),能簡潔明了的傳遞給用戶頁面所需要表達(dá)的信息才是關(guān)鍵。當(dāng)然,一款好的矢量設(shè)計(jì)對于設(shè)計(jì)工作依然是非常重要的。
Pixso
你可以用Pixso做些什么呢?
在線設(shè)計(jì)!無需下載軟件占用電腦內(nèi)存,無需更新軟件,打開web就可以開始設(shè)計(jì)。
2. 多人實(shí)時(shí)協(xié)同工作!支持多位成員同時(shí)在一個(gè)文檔進(jìn)行操作,實(shí)時(shí)同步進(jìn)展。
3. 云端儲(chǔ)存!再也不用擔(dān)心沒帶源文件的尷尬,登錄賬號可以隨時(shí)隨地施展你的創(chuàng)意。
4. 團(tuán)隊(duì)共享資源庫!團(tuán)隊(duì)共用一套資源庫,組件和樣式均可復(fù)用,產(chǎn)品設(shè)計(jì)更加規(guī)范,設(shè)計(jì)流程更加便捷。
5. 一鍵交付設(shè)計(jì)稿!設(shè)計(jì)稿完成后,一鍵轉(zhuǎn)發(fā)給團(tuán)隊(duì)伙伴,標(biāo)注信息一應(yīng)俱全。對方打開即可查看、編輯甚至導(dǎo)圖。
對于個(gè)人,它可以讓設(shè)計(jì)師隨時(shí)隨地繼續(xù)創(chuàng)作。
很多設(shè)計(jì)師都遭遇過下班后需要改稿卻沒有源文件的囧事,如果使用了有“一處存儲(chǔ)、多地使用”功能的Pixso就不會(huì)再出現(xiàn)這樣的情況,云儲(chǔ)存能直接解決Sketch這類主流軟件所存在的問題。并且因?yàn)殡S時(shí)上傳,電腦突然進(jìn)水、卡住重啟等突發(fā)情況,都不會(huì)丟失你的設(shè)計(jì)創(chuàng)意。
對于團(tuán)隊(duì),它可以讓合作更高效。
與Figma相比,Pixso的網(wǎng)頁打開速度穩(wěn)定——因?yàn)榉?wù)器設(shè)在國內(nèi),Pixso的網(wǎng)頁使用感堪稱絲滑,完全不存在延遲、卡頓等狀況,明顯強(qiáng)于其他大多數(shù)海外軟件,這一點(diǎn)對于抱著提升團(tuán)隊(duì)合作效率目的而來的用戶來說,是非常關(guān)鍵的。
同時(shí)Pixso的自動(dòng)標(biāo)注也可以減少溝通成本 —— 在制作頁面的過程中,會(huì)實(shí)時(shí)生成代碼,甚至能清晰表達(dá)組件與組件之間的位置關(guān)系。
以往給前端頁面圖片時(shí)還需要進(jìn)行標(biāo)記,現(xiàn)在可以直接生成鏈接,可以同時(shí)完成預(yù)覽、評審等需要,直觀明了,減少不必要的溝通和溝通可能帶來的誤解。當(dāng)然還有重要的「無限制版本回溯」——做設(shè)計(jì)最崩潰莫過于改過N版以后,產(chǎn)品來一句:“還是第一版吧”。 Pixso的一鍵返回任意版本很完美的解決了丟失版本和重做的問題。總的來說這是一款幾乎沒有學(xué)習(xí)成本的在線設(shè)計(jì)軟件,上手很快,馬上就能使用 →https://pixso.design/