成為一名UI設(shè)計(jì)師之前,這些知識你都了解嗎?



在UI/UX 設(shè)計(jì)師職業(yè)流行之前,類似的工作是像「網(wǎng)頁設(shè)計(jì)師」「網(wǎng)頁美編」「網(wǎng)站企劃」等,那時(shí)候要做一個(gè)網(wǎng)站,就是由美編做好畫面,然后給工程師切版,然后網(wǎng)站上線。

也就是俗稱的「瀑布流」

但這樣的做法,隨著網(wǎng)路與科技的指數(shù)成長,已經(jīng)變得不合時(shí)宜。誰知道你設(shè)計(jì)的東西,會(huì)不會(huì)有足夠多的消費(fèi)者喜歡?又或者開發(fā)了半天的產(chǎn)品,到時(shí)候公開才發(fā)現(xiàn)客戶根本不需要。瀑布流的做法在商業(yè)上會(huì)造成高風(fēng)險(xiǎn)的資本負(fù)擔(dān),是在豪賭整間公司聘請工程師、設(shè)計(jì)師的高額人力成本與所產(chǎn)生的邊際成本。


那我們可以怎么做呢?這時(shí)候,開始有股強(qiáng)調(diào)「使用者」為核心的開發(fā)方式出現(xiàn),大概2000 年左右吧,說自己公司采用UI/UX 設(shè)計(jì)流程,就像現(xiàn)在的區(qū)塊鏈技術(shù)、人工智能一樣,是熱門的關(guān)鍵字。

UI (User Interface) 與UX (User Experience) 都有個(gè)重點(diǎn)的「User」,原因在于——
透過大量的事前爬蟲與市場調(diào)查,了解潛在使用者(或稱客戶、消費(fèi)者)想要的是什么?痛點(diǎn)在哪里?同時(shí)依據(jù)這樣的資料回饋,不斷地迭代設(shè)計(jì),以及保持敏捷地開發(fā)方式。
可以想像成幫客戶量身定制一個(gè)專屬產(chǎn)品,但User 不僅是代表一個(gè)人,而是整個(gè)目標(biāo)群體的人設(shè)(Persona)。既然設(shè)計(jì)開發(fā)過程中就是為了這群使用者而做的,就比較不用擔(dān)心上線之后沒人用了吧。

UI 設(shè)計(jì)是UX 使用者經(jīng)驗(yàn)里的一部分

你可能在很多地方看過UI/UX 的比較與定義,都會(huì)強(qiáng)調(diào)UX (使用者體驗(yàn)設(shè)計(jì))是很重要的,但因?yàn)槠溆|及范圍之廣且深,但落實(shí)在現(xiàn)實(shí)又相當(dāng)細(xì)膩。

同時(shí),在2000 年左右德國舉辦的研討會(huì)中,由日本所整理的著名的UX 白皮書中也提到「一般認(rèn)知的產(chǎn)品或服務(wù)只不過是UX 的一部分,沒有接觸到商品的前后時(shí)間、或累積經(jīng)歷的記憶,都可以算是UX! 也就是使用者體驗(yàn)不只是使用網(wǎng)頁/APP 當(dāng)下的感受好壞,更包含了時(shí)間軸上的前后印象與體驗(yàn)。

UI (界面設(shè)計(jì))則專指在產(chǎn)品介面上的部分,是整座UX 體驗(yàn)冰山中浮現(xiàn)出來的局部,也是擔(dān)任第一線與使用者接觸的重要地位。因?yàn)楦菀妆话l(fā)現(xiàn)與使用,因此大多數(shù)人所認(rèn)知到的UI/UX 都是像排版畫面、繪制icon 及做美美的視覺特效等。

會(huì)先做這樣的類比,是想讓大家先厘清自己想要做的是哪種職業(yè),努力的方向會(huì)不太一樣。你不用現(xiàn)在急著做決定,建議是先透過課程以及實(shí)作之后,慢慢地找到自己想長期發(fā)展的路線。當(dāng)然,如果你想U(xiǎn)I 與UX 精通,那就會(huì)是炙手可熱的設(shè)計(jì)師。

另外,若是在找實(shí)習(xí)或逛職缺的時(shí)候,會(huì)發(fā)現(xiàn)大多數(shù)公司會(huì)把UI/UX 設(shè)計(jì)師的職稱放在一起,這在中小企業(yè)當(dāng)中相當(dāng)常見。只有分工精確又具備成熟流程的大型科技公司或Agency 才會(huì)把UI 與UX 分得更細(xì),不管頭銜是如何,職缺內(nèi)容與要求都會(huì)不同,一定要看仔細(xì)。

成為UI 設(shè)計(jì)師所需具備的技能

但其實(shí)UI 設(shè)計(jì)這門學(xué)問,也是包含了相當(dāng)多種技能,除了具備基礎(chǔ)美感之外,還包含很多科學(xué)理論、資訊架構(gòu),以及與工程師協(xié)作等技巧等,是一門需要跨相當(dāng)多領(lǐng)域的學(xué)科(大多數(shù)設(shè)計(jì)師職業(yè)都是如此)。


UI 設(shè)計(jì)師的角色定位


跟打英雄聯(lián)盟一樣,最標(biāo)準(zhǔn)專案團(tuán)隊(duì)一共有五種角色。分別是專案經(jīng)理、UX研究員、UI設(shè)計(jì)師,以及前后端工程師。每種角色的必需技能都不大一樣,彼此分工、合作,為了讓專案作品更好而努力著。讓我們來一個(gè)一個(gè)認(rèn)識他們吧~


一、專案經(jīng)理,俗稱PM (Project Manager)


有些專案同時(shí)也是單一產(chǎn)品,則可能稱為Product Manager (產(chǎn)品經(jīng)理)。不過PM 的工作基本上就是管理整個(gè)專案,其中包含了與客戶關(guān)系維護(hù)、維系使用者與產(chǎn)品的關(guān)系,以及在專案初期分析利益關(guān)系人與使用者們的需求,然后分工專案工作項(xiàng)目與掌控時(shí)程。

二、UX 研究員,或是UX 設(shè)計(jì)師

有蠻多業(yè)界的UX工作者都是心理學(xué)、經(jīng)濟(jì)學(xué)背景。責(zé)任包括初期的使用者研究、調(diào)查、協(xié)助團(tuán)隊(duì)厘清使用者故事或人物志等,讓目標(biāo)使用者的輪廓愈趨明顯,并架構(gòu)網(wǎng)站或APP 的雛形以及Wireframe 線框稿,透過不斷的測試與溝通,去修正原本的假設(shè)。

三、UI 設(shè)計(jì)師

UI 設(shè)計(jì)師則是接到使用者輪廓、線框草稿后,創(chuàng)造出好看、好用的畫面,視情況會(huì)搭配Visual Designer (視覺設(shè)計(jì)師),不過偶爾還是需要自己做圖,包含插圖、icon繪制等;透過設(shè)計(jì)過的畫面,包括點(diǎn)擊的回饋效果、畫面間的切換等,與瀏覽者的保持良善的互動(dòng)。

UI 設(shè)計(jì)師是個(gè)相當(dāng)令人喜愛的職業(yè),因?yàn)楣ぷ鲿?huì)接觸到不同產(chǎn)業(yè)的需求,并無中生有的創(chuàng)造出看得到的改變,介面也是跟使用者接觸的第一道防線,會(huì)即時(shí)收到來自用戶的意見與反饋。最后,將做好的設(shè)計(jì)稿做成動(dòng)態(tài)可互動(dòng)的Prototype 原型,并標(biāo)注交付給前端工程師進(jìn)行開發(fā)。

四、前端工程師

接到設(shè)計(jì)稿后,則是像魔術(shù)師一樣,將設(shè)計(jì)稿付諸實(shí)現(xiàn)。以網(wǎng)頁而言,透過HTML / CSS / JavaScript 等程式語言開發(fā)則稱為切版,并將UI設(shè)計(jì)師切好的圖放上去;開發(fā)架設(shè)可管理的元件與架構(gòu),并盡可能維持程式碼簡潔與輕量化,讓視覺與功能性有良好的平衡。

五、后端工程師
則是管理與維護(hù)后臺(tái)主機(jī),以及如果網(wǎng)站或App 有綁功能或系統(tǒng),后端也需要管理各種資料庫串接,以及與前端合作接上第三方的API,是個(gè)需要更深專業(yè)的角色。

UI 設(shè)計(jì)師是細(xì)致專業(yè)分工下的產(chǎn)物
因此,設(shè)計(jì)師要做的,就只有專心把設(shè)計(jì)稿做到完美無瑕,開發(fā)的部分還是交給工程師專業(yè)的來;所謂做到完美,像是必須要用至少px 像素等級的視角去檢視你做的介面,每個(gè)物件的間距都要很剛好,以及不斷地在字體排版配置、按鈕顏色與圓角系數(shù)、漸層配色的節(jié)奏感等等上周旋反覆,可能會(huì)花好幾個(gè)禮拜的時(shí)間,在同一張首頁的設(shè)計(jì)稿畫面上,都完成了才會(huì)交付給開發(fā)團(tuán)隊(duì)進(jìn)行后續(xù)流程。

成為UI 設(shè)計(jì)師之前的求職建議

很缺,超缺的!每次這個(gè)季節(jié)(年后)總是會(huì)有很多業(yè)界的朋友敲我有沒有認(rèn)識的設(shè)計(jì)師可以推薦去上班。有趣的是,大多公司其實(shí)每年都會(huì)收到如雪片般的履歷,但畢竟招募這種事總是寧缺勿濫,不及格的履歷總是讓HR 與主管們相當(dāng)頭大。「究竟該去哪里找人才?」是很常聽到的抱怨。

學(xué)界與業(yè)界存在如此大的斷層,到底發(fā)生什么事?可能與目前UI/UX 相關(guān)科系并不是很普遍有關(guān)(嚴(yán)格點(diǎn)說是根本沒有)。這是一個(gè)每天每個(gè)月都有新東西的科技網(wǎng)路業(yè),師資根本來不及回去學(xué)校做教學(xué),很開心實(shí)踐媒傳開了這系列課程,并邀請到相當(dāng)知名的何庭安與Akane 做傳授,雖然我不知道他們會(huì)待多久⋯⋯

又或者,資深設(shè)計(jì)師可能也沒空當(dāng)老師,一般UI 設(shè)計(jì)師的起薪都會(huì)比平面設(shè)計(jì)師多一些,平均薪資在一些平臺(tái)上都可以查到。但就我認(rèn)識的幾位設(shè)計(jì)師就有超過70K 的薪水,到國外的月薪十萬以上都很普遍,基本上是一個(gè)只要你有實(shí)力,不怕找不到工作的職業(yè)。

本文到此結(jié)束,如果有想要系統(tǒng)的學(xué)習(xí)方法的,可以聯(lián)系咨詢老師了解我們的課程
北大青鳥網(wǎng)上報(bào)名
北大青鳥招生簡章