企業(yè)UI設(shè)計(jì)師的工作職責(zé)主要做什么?
1、負(fù)責(zé)用戶界面設(shè)計(jì),根據(jù)產(chǎn)品原型進(jìn)行具體效果圖設(shè)計(jì),視覺(jué)設(shè)計(jì)(包括主次界面風(fēng)格化,版面布局細(xì)節(jié)處理,icon繪制等)
2、獨(dú)立完成UI相關(guān)制作,能根據(jù)產(chǎn)品的設(shè)計(jì)思路設(shè)計(jì)相應(yīng)配套的UI。
3、參與產(chǎn)品構(gòu)思及軟件界面優(yōu)化,提出對(duì)產(chǎn)品界面規(guī)劃,把握產(chǎn)品最終界面實(shí)現(xiàn)效果。
4、結(jié)合用戶體驗(yàn),優(yōu)化完善設(shè)計(jì),制定可行的產(chǎn)品品質(zhì)提升方案。
5、維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品,不定期收集和分析用戶對(duì)于GUI的需求等。
下面給你整理了1個(gè)來(lái)自知名大互聯(lián)網(wǎng)企業(yè)招聘信息中的崗位工作職責(zé):
1、負(fù)責(zé)公司移動(dòng)端UI界面設(shè)計(jì),為公司新產(chǎn)品與新功能提供創(chuàng)意及設(shè)計(jì)方案。
2、參與設(shè)計(jì)討論,和開(kāi)發(fā)團(tuán)隊(duì)共同創(chuàng)建用戶界面,跟蹤設(shè)計(jì)效果,提出設(shè)計(jì)優(yōu)化方案。
3、參與移動(dòng)產(chǎn)品設(shè)計(jì)體驗(yàn)、流程的制定和規(guī)范,以及有參與過(guò)上線項(xiàng)目設(shè)計(jì)實(shí)戰(zhàn)經(jīng)歷優(yōu)先。
4、熟悉品牌文化與產(chǎn)品調(diào)性,具備豐富的平面設(shè)計(jì)和廣告創(chuàng)意設(shè)計(jì)能力。
5、熟練運(yùn)用常用設(shè)計(jì)軟件,具備一定插畫(huà)繪制能力,對(duì)后期處理及動(dòng)效設(shè)計(jì)有一定了解。
6、設(shè)計(jì)思路清晰,具有豐富的創(chuàng)新思維、想象力和較強(qiáng)的視覺(jué)感知能力。
7、具備良好的溝通協(xié)作,并且有高執(zhí)行能力和抗壓能力。
8、熟悉iOS和Android兩大平臺(tái)的設(shè)計(jì)規(guī)范,具有一定的視覺(jué)審美能力和原創(chuàng)設(shè)計(jì)能力。
9、熟練各種UI界面設(shè)計(jì),圖標(biāo)設(shè)計(jì),動(dòng)效設(shè)計(jì),交互設(shè)計(jì),banner海報(bào)設(shè)計(jì),APP設(shè)計(jì),UE設(shè)計(jì),小程序設(shè)計(jì),H5設(shè)計(jì)等。
綜上所述總結(jié),UI設(shè)計(jì)師主要負(fù)責(zé)美工設(shè)計(jì)、應(yīng)用界面設(shè)計(jì)以及界面反饋測(cè)試等方面。
其中平面美工設(shè)計(jì)是UI設(shè)計(jì)師工作的基礎(chǔ),應(yīng)用界面設(shè)計(jì)是設(shè)計(jì)師工作的關(guān)鍵一步,反饋測(cè)試是設(shè)計(jì)師工作的重中之重。
UI設(shè)計(jì)師的工作流程是怎樣的呢?
UI設(shè)計(jì)工作中部門(mén)里面主要有哪些工作崗位:產(chǎn)品經(jīng)理(PM)、交互設(shè)計(jì)師(ID)、視覺(jué)設(shè)計(jì)師(GUI)、用戶體驗(yàn)設(shè)計(jì)師(UED)、前端程序員、運(yùn)營(yíng)人員等。
UI設(shè)計(jì),簡(jiǎn)稱:用戶界面設(shè)計(jì),它包含了軟硬件設(shè)計(jì),包括了以上GUI、ID、UED工作崗位,只要掌握了全部UI設(shè)計(jì)技能,以上工作崗位都可以從事。
不同的崗位工作內(nèi)容不同,一般大公司UI部門(mén)都有分工,你負(fù)責(zé)設(shè)計(jì)那部分,他負(fù)責(zé)設(shè)計(jì)那部分。下面就來(lái)說(shuō)下UI設(shè)計(jì)工作中的整個(gè)工作流程:
1、產(chǎn)品經(jīng)理(PM)收集客戶或老板的設(shè)計(jì)需求;幾乎所有的互聯(lián)網(wǎng)公司開(kāi)始開(kāi)發(fā)APP的時(shí)候都是從產(chǎn)品發(fā)起的。
對(duì)于設(shè)計(jì)流程的設(shè)計(jì)更傾向于簡(jiǎn)單;主要流程包含:需求收集、需求列表、需求設(shè)計(jì)、需求開(kāi)發(fā)及的需求驗(yàn)收。
舉個(gè),老板說(shuō)做個(gè)社交的APP吧。亙古不變的強(qiáng)需求,像什么百合網(wǎng)呀、珍愛(ài)網(wǎng)呀一直處于大熱門(mén)階段,因?yàn)榭隙〞?huì)有一部分人找不到對(duì)象,沒(méi)時(shí)間到線下找對(duì)象的。
當(dāng)老板說(shuō)要做這么一個(gè)APP的之后,產(chǎn)品是需要搜集一些資料,會(huì)去找一些有相親需要的用戶,不管是網(wǎng)上還是身邊同事,會(huì)問(wèn)大家到底需要什么功能,一條一條的。
比如,女方說(shuō)我要看到對(duì)方的頭像必須是真實(shí)的、實(shí)名認(rèn)證、年收入... 那男的也有需求呀,比如要看到女方的年齡、身高、體重、教育程度等。
這個(gè)時(shí)候產(chǎn)品就需要整理好一條一條的需求,列到PRD文檔里面,這個(gè)算是產(chǎn)品在拿到需求之后做的一些用戶的調(diào)查。
2、需求評(píng)審會(huì)議,PM會(huì)給交互、UI、開(kāi)發(fā)、測(cè)試講解產(chǎn)品的需求,明確項(xiàng)目需求;(產(chǎn)生PRD文檔、線框原型圖)
我是低保真
在這個(gè)環(huán)節(jié),不明白的地方隨時(shí)問(wèn)。在這個(gè)環(huán)節(jié)會(huì)有一個(gè)成果出來(lái),可能PRD文檔就定稿了,線框原型圖也有可能在這個(gè)階段產(chǎn)生。
有些公司還有這種情形,產(chǎn)品先把需求給交互說(shuō)清楚,然后讓交互去做低保真原型,然后再對(duì)著原型寫(xiě)PRD。某寶可能是這樣。
記好重要的一點(diǎn):
設(shè)計(jì)師這一塊,PRD文檔,線框原型圖不拿到手不要開(kāi)工,拿到手之后再干活。因?yàn)?,不這樣做,可能你做出來(lái)的東西要反復(fù)的改。
插個(gè)話題,產(chǎn)品經(jīng)理到底是什么樣的一個(gè)職位呢?
產(chǎn)品經(jīng)理,就是在公司經(jīng)常被大家親切的稱呼為“產(chǎn)品”,這個(gè)四個(gè)字和UI設(shè)計(jì)師是一樣的,一個(gè)職位,只不過(guò)它這個(gè)職位有經(jīng)理2個(gè)字而已,跟UI設(shè)計(jì)師是平級(jí)的,它的作用是統(tǒng)籌整個(gè)項(xiàng)目,并沒(méi)有比大家的級(jí)別高多少。
3、設(shè)計(jì)組內(nèi)部會(huì)議(產(chǎn)品有可能參加)、界面風(fēng)格確定;(產(chǎn)出視覺(jué)風(fēng)格稿)
定風(fēng)格
一般來(lái)說(shuō),這個(gè)階段會(huì)先確定設(shè)計(jì)負(fù)責(zé)人,如果你們公司只有一個(gè)設(shè)計(jì),恭喜!你就是設(shè)計(jì)負(fù)責(zé)人。設(shè)計(jì)負(fù)責(zé)人會(huì)給大家一個(gè)分工,誰(shuí)來(lái)畫(huà)線框圖標(biāo)、誰(shuí)做一些版式的設(shè)計(jì)等。
最重要的是,設(shè)計(jì)負(fù)責(zé)人會(huì)定下1-2人作為主設(shè)計(jì)師,主設(shè)計(jì)師會(huì)各自設(shè)計(jì)1-2個(gè)視覺(jué)風(fēng)格稿,這個(gè)設(shè)計(jì)風(fēng)格稿不用把每個(gè)頁(yè)面都做出來(lái),一般情況下,做APP做首頁(yè)就好了。
等稿子做完之后,設(shè)計(jì)組再次開(kāi)會(huì)確定到底用哪一套的設(shè)計(jì)風(fēng)格。基本項(xiàng)目相關(guān)的人都會(huì)參加,此時(shí)設(shè)計(jì)師背后“指點(diǎn)江山的人物”都會(huì)出現(xiàn),哪里好,哪里不好的問(wèn)題也都會(huì)來(lái)了。
此時(shí)記住,所有疑問(wèn)的解答都需要從用戶的需求出發(fā),只有需求才能壓得住人,其他都無(wú)濟(jì)于事。
在這個(gè)階段到底怎么確定視覺(jué)風(fēng)格稿,有一個(gè)竅門(mén),大家需要了解一下:
3W:what\why\who(誰(shuí),在哪,怎么用,想怎么用)
舉個(gè)栗子,一款音樂(lè)類(lèi)的APP,大家覺(jué)得用戶是在家里插著耳機(jī)躺在沙發(fā)里聽(tīng),還是在上班的路上聽(tīng)?
一般都是上班路上聽(tīng)吧。所以,我們?cè)谧鲆魳?lè)類(lèi)APP的時(shí)候,我們就沒(méi)必要把播放歌的頁(yè)面搞的很復(fù)雜吧。
網(wǎng)上常見(jiàn)的5W不適用咱們,這里記好3W就可以了。
4、設(shè)計(jì)分工,完成各自設(shè)計(jì)工作;可能產(chǎn)出設(shè)計(jì)規(guī)范,有紙質(zhì)的或者UI-kit
我是UI-kit
如果你就是團(tuán)隊(duì)負(fù)責(zé)人,并且只有一個(gè)人,恭喜!全都由你來(lái)。這樣一個(gè)好處就是風(fēng)格統(tǒng)一。如果時(shí)間充裕,還會(huì)有一個(gè)產(chǎn)出物,設(shè)計(jì)規(guī)范。
5、設(shè)計(jì)輸出-效果圖、標(biāo)注圖、切圖(.png);
上圖視覺(jué)輸出這三個(gè)點(diǎn)基本上都捆綁在一起。
設(shè)計(jì)稿:讓開(kāi)發(fā)看到界面長(zhǎng)什么樣子;
切圖:不規(guī)則的圖形、ICON、小圖標(biāo)都切出來(lái);
標(biāo)注圖:哪個(gè)地方多寬、多高、距離多少、用什么顏色給開(kāi)發(fā)標(biāo)清楚;
一般情況下,這一步需要經(jīng)過(guò)產(chǎn)品的手,需要去審核一下圖有沒(méi)有問(wèn)題。等一切搞定進(jìn)行下一步。
6、進(jìn)行開(kāi)發(fā),完成開(kāi)發(fā),測(cè)試并調(diào)試(一個(gè)迭代周期完成)這個(gè)階段,一個(gè)新的角色出現(xiàn)——測(cè)試工程師。他的任務(wù)是找Bug,根據(jù)產(chǎn)品的文檔來(lái)一個(gè)個(gè)的點(diǎn),看你的APP開(kāi)發(fā)是不是做成那個(gè)樣子了,有沒(méi)有出問(wèn)題的情況。
比如,用戶的密碼,必須使用英文字符不能使用阿拉伯?dāng)?shù)字。當(dāng)測(cè)試注冊(cè)一個(gè)賬號(hào)的時(shí)候,他發(fā)現(xiàn)可以用使用阿拉伯?dāng)?shù)字,那么這就是一個(gè)Bug。他就會(huì)提上去。
再比如,少了一個(gè)按鈕,這個(gè)時(shí)候測(cè)試工程師就會(huì)在公司里面的辦公軟件里面@ 你,告訴你界面少東西,這個(gè)就屬于測(cè)試并調(diào)試的一個(gè)過(guò)程。
那么,從最初的產(chǎn)品整理需求,然后一步一步到設(shè)計(jì)、開(kāi)發(fā)、測(cè)試調(diào)試、再到上線這就算是一個(gè)完整的APP開(kāi)發(fā)設(shè)計(jì)流程,現(xiàn)在清楚了吧。
