UI設(shè)計(jì)師的工作職責(zé)是什么？

總結(jié)起來(lái)UI設(shè)計(jì)師的職能大體包括三方面：

一、圖形設(shè)計(jì)

如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。

二、交互設(shè)計(jì)

就是將頁(yè)面模塊、元素進(jìn)行粗放式的排版和布局，深入一些，還會(huì)加入一些交互性的元素，使其更加具體、形象和生動(dòng)。

為此你要經(jīng)常瀏覽大量的網(wǎng)站，親身體驗(yàn)，積累經(jīng)典的，很具親和力的、友好的系統(tǒng)流程，你要考慮到整個(gè)系統(tǒng)的任何一個(gè)最終環(huán)節(jié)。這才是UI設(shè)計(jì)師工作量最大，難度最高的部分。

三、用戶測(cè)試/研究

多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。

所以建議UI設(shè)計(jì)師在項(xiàng)目初始,就應(yīng)該加入其中.包括了解項(xiàng)目的市場(chǎng)定位,盈利模式,競(jìng)爭(zhēng)對(duì)手等等,而通過分析競(jìng)爭(zhēng)對(duì)手用戶界面,可以給UI設(shè)計(jì)師一個(gè)初步的圖形概念,而通過參與用戶調(diào)研,用戶分析能夠獲取到用戶特征,年齡,需求,喜好等方面的信息,這些方面的信息,在風(fēng)格定位,把握上起到至關(guān)重要的作用.通過了解產(chǎn)品架構(gòu),知道什么功能應(yīng)該做,什么功能應(yīng)該突出,在參與了以上工作的制定后,相信許多UI設(shè)計(jì)師對(duì)自己所要設(shè)計(jì)的產(chǎn)品,已經(jīng)是信心十足了吧.后期在通過分析使用者報(bào)告,用戶反饋等方面信息,做出界面上的調(diào)整,這樣一來(lái),一個(gè)完善的產(chǎn)品就可以面市了,而這個(gè)產(chǎn)品,再也不是一個(gè)全憑UI設(shè)計(jì)師個(gè)人喜好所設(shè)計(jì)出來(lái)的產(chǎn)品了。

UI設(shè)計(jì)師?職位要求

1、負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作，軟件工程師背景和相應(yīng)的編程能力，以及社會(huì)學(xué)心理學(xué)等人文學(xué)科儲(chǔ)備。

2、根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計(jì)。

3.充分理解產(chǎn)品策劃思路及理念，配合產(chǎn)品經(jīng)理和研發(fā)人員實(shí)現(xiàn)產(chǎn)品各種界面的視覺設(shè)計(jì);

4.建立和完善產(chǎn)品界面視覺設(shè)計(jì)規(guī)范;

5.根據(jù)交互設(shè)計(jì)及產(chǎn)品規(guī)劃，完成產(chǎn)品(iPhone、Android、Web平臺(tái)App及網(wǎng)站)相關(guān)的用戶界面視覺設(shè)計(jì)；

6.配合產(chǎn)品開發(fā)中的圖形界面(GUI)設(shè)計(jì)；

7、對(duì)通用類軟件或互聯(lián)網(wǎng)應(yīng)用產(chǎn)品的人機(jī)交互方面有自己的理解和認(rèn)識(shí)。

8、具有敏銳的用戶體驗(yàn)觀察力，富有創(chuàng)新精神。

交互設(shè)計(jì)的職能:交互設(shè)計(jì)師具體做什么

Ⅰ. 先了解一下交互設(shè)計(jì)的基本概念：

交互設(shè)計(jì)是一種目標(biāo)導(dǎo)向設(shè)計(jì)，所有的工作內(nèi)容都是在圍繞著用戶行為去設(shè)計(jì)的。交互設(shè)計(jì)師通過設(shè)計(jì)用戶的行為，讓用戶更方便更有效率的去完成產(chǎn)品業(yè)務(wù)目標(biāo)，獲得愉快的用戶體驗(yàn)。

Ⅱ.交互設(shè)計(jì)在項(xiàng)目流程中的位置和任務(wù)：

項(xiàng)目前期的流程和節(jié)點(diǎn)：

職能的細(xì)化就是為了讓產(chǎn)品在每個(gè)專業(yè)環(huán)節(jié)都做到極致，提高競(jìng)爭(zhēng)力。如果是為了走流程，每個(gè)環(huán)節(jié)都是任務(wù)式的交付，臃腫的分工除了增加成本和拖慢項(xiàng)目進(jìn)度，沒有實(shí)際意義。所以交互設(shè)計(jì)需要做的足夠好，才能將這份工作做的有意義。

Ⅲ.交互設(shè)計(jì)的具體職能：

從上圖中可以看出，交互設(shè)計(jì)主要干三件事：

①定義部分需求 ? ? ?②定義信息架構(gòu)和操作流程 ? ? ?③ 組織頁(yè)面元素，制作原型demo

①定義部分需求

以前的慣性思維是需求應(yīng)該由產(chǎn)品人員負(fù)責(zé)，設(shè)計(jì)人員只是實(shí)現(xiàn)和改善界面體驗(yàn)。而產(chǎn)品的真正需求不僅僅來(lái)源于業(yè)務(wù)，還包括使用者的情感需求。在情感分析方面，交互專業(yè)是具有優(yōu)勢(shì)的，舉個(gè)例子：

一個(gè)增值服務(wù)的宣傳模塊，業(yè)務(wù)模型可能是這樣子：

考慮到情感因素后,需求模型會(huì)不斷完善：

上圖僅僅是舉個(gè)例子，真正的產(chǎn)品人員不會(huì)將業(yè)務(wù)模型想的如此簡(jiǎn)單。舉這個(gè)例子就是想說(shuō)明一下產(chǎn)品的需求設(shè)計(jì)不僅僅是業(yè)務(wù)模型，還需要考慮用戶情感、用戶行為和運(yùn)營(yíng)數(shù)據(jù)。當(dāng)產(chǎn)品人員考慮不周全的時(shí)候，交互設(shè)計(jì)師有責(zé)任對(duì)需求進(jìn)行修訂和完善，這樣的目標(biāo)導(dǎo)向設(shè)計(jì)才是完整的。

②定義框架

這部分的內(nèi)容屬于交互設(shè)計(jì)師的核心工作內(nèi)容，也就是我上一章節(jié)所講的框架設(shè)計(jì)階段。這個(gè)階段的產(chǎn)出質(zhì)量直接影響到業(yè)務(wù)目標(biāo)和轉(zhuǎn)化率。如果框架混亂，接下來(lái)的界面怎么優(yōu)化都是無(wú)效的。這好比大型超市的走道設(shè)計(jì)，如果路線規(guī)劃的不好，再多再大的指引圖標(biāo)都是低效的。交互設(shè)計(jì)做什么？讓用戶快速完成目標(biāo)，提升操作效率，這才是框架設(shè)計(jì)的意義所在。

什么是框架設(shè)計(jì)呢？這要分成兩部分內(nèi)容：

<1 style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word; background-color: transparent; border: 0px; vertical-align: baseline;">結(jié)構(gòu)導(dǎo)航的設(shè)計(jì)>

把我們的產(chǎn)品想象成一個(gè)巨大的圖書館，我們需要幫助用戶（有目的性的、目的不明確的，無(wú)目的性的）尋找他們感興趣的圖書，怎么幫助用戶準(zhǔn)確的尋找完成目標(biāo)任務(wù)，這就是導(dǎo)航設(shè)計(jì)。導(dǎo)航的設(shè)計(jì)任務(wù)一般在新項(xiàng)目或重構(gòu)項(xiàng)目。

導(dǎo)航大概可以分為三種類型：結(jié)構(gòu)導(dǎo)航、關(guān)聯(lián)導(dǎo)航、可用性導(dǎo)航

在框架設(shè)計(jì)的階段，交互設(shè)計(jì)師主要關(guān)注于結(jié)構(gòu)導(dǎo)航的設(shè)計(jì)。

結(jié)構(gòu)導(dǎo)航分兩種：全局導(dǎo)航與局部導(dǎo)航。全局導(dǎo)航一般是指無(wú)聯(lián)系的信息結(jié)構(gòu)做的一級(jí)大分類，方便用戶以最快速的方式了解整個(gè)網(wǎng)站有什么大概內(nèi)容。而局部導(dǎo)航則關(guān)注于用戶最方便的快捷操作和業(yè)務(wù)引導(dǎo)操作。

交互設(shè)計(jì)師的首要任務(wù)就是將業(yè)務(wù)內(nèi)容信息組織分類，劃分出主次關(guān)系，根據(jù)業(yè)務(wù)目的和用戶習(xí)慣定義規(guī)劃全局導(dǎo)航和局部導(dǎo)航的設(shè)計(jì)。那應(yīng)該怎么規(guī)劃呢？

回到第一個(gè)增值服務(wù)頁(yè)面的例子（虛擬案例，非真實(shí)案例）：

將需求梳理后（怎么梳理，請(qǐng)google抽屜整理法），我們可以確認(rèn)全局導(dǎo)航：

再詳細(xì)規(guī)劃局部導(dǎo)航：

局部導(dǎo)航的層級(jí)可以不斷往下延伸，通過樹形目錄或面包屑的方法幫助用戶瀏覽時(shí)不至于迷路。

<2>

之前的案例我們已經(jīng)基本上確認(rèn)了模塊需求有哪些頁(yè)面，頁(yè)面大概會(huì)放什么內(nèi)容。但真實(shí)的用戶任務(wù)并不是在一個(gè)頁(yè)面上完成的，這時(shí)候我們就需要通過流程的方式把任務(wù)變得清晰和包容用戶的各種誤操作。

虛擬案例：

在流程的規(guī)劃設(shè)計(jì)中要遵循：1.以業(yè)務(wù)目的為主要導(dǎo)向；2.兼容到用戶的習(xí)慣；3.盡量讓流程做減法，多一個(gè)流程就會(huì)丟一部分用戶；4.任務(wù)是連貫和清晰的；5.考慮實(shí)現(xiàn)方式的復(fù)雜程度；歡迎補(bǔ)充…

③組織頁(yè)面元素，制作原型demo

經(jīng)過了需求的完善和框架的設(shè)計(jì)，之前的這些工作還是停留在抽象的想法階段，怎么把想法轉(zhuǎn)達(dá)給項(xiàng)目組的其他人員呢？交互還需要把想法和規(guī)劃表達(dá)出來(lái)，那么最好的方式就是制作原型Demo。把Demo做出來(lái)，讓產(chǎn)品，開發(fā)，測(cè)試直觀的看到產(chǎn)品的雛形, 再?gòu)V泛的接受意見，對(duì)原型進(jìn)行不斷的修正，改進(jìn)，做簡(jiǎn)單的用戶測(cè)試?yán)^續(xù)挖掘情感需求。

ui設(shè)計(jì)師的職能有哪些？

UI設(shè)計(jì)師的職能大體包括三方面：一是圖形設(shè)計(jì)，軟件產(chǎn)品的“外形”設(shè)計(jì)。二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。三是用戶測(cè)試/研究，這里所謂的“測(cè)試”，其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量UI設(shè)計(jì)的合理性。如果沒有這方面的測(cè)試研究，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判，這樣就會(huì)給企業(yè)帶來(lái)極大的風(fēng)險(xiǎn)。

圖形設(shè)計(jì)
圖形設(shè)計(jì)師Graphic UI designer
國(guó)內(nèi)大部分UI工作者都是從事這個(gè)行業(yè)，是了解軟件產(chǎn)品、致力于提高軟件用戶體驗(yàn)的產(chǎn)品外形設(shè)計(jì)師。
這些設(shè)計(jì)師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)設(shè)計(jì)教育背景，例如工業(yè)外形設(shè)計(jì)，裝潢設(shè)計(jì)，信息多媒體設(shè)計(jì)等。

交互設(shè)計(jì)
交互設(shè)計(jì)師interaction designer
在圖形界面產(chǎn)生之前，長(zhǎng)期以來(lái)UI設(shè)計(jì)師就是指交互設(shè)計(jì)師。交互設(shè)計(jì)師的工作內(nèi)容就是設(shè)計(jì)軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范（spec）等。一個(gè)軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。
交互設(shè)計(jì)師一般都是軟件工程師背景居多，也有視覺設(shè)計(jì)師轉(zhuǎn)行進(jìn)入的。