視覺(jué)設(shè)計(jì)師如何對(duì)接用研和交互?
閱讀這篇文章你可以得到哪些?
1.視覺(jué)設(shè)計(jì)師與用研的對(duì)接工作
2.視覺(jué)設(shè)計(jì)師與交互的對(duì)接工作
3.視覺(jué)設(shè)計(jì)的輸出物標(biāo)準(zhǔn)
在日常的產(chǎn)品設(shè)計(jì)流程中,視覺(jué)設(shè)計(jì)師這一角色往往處在用戶(hù)研究和交互設(shè)計(jì)之后介入項(xiàng)目,而正是由于介入項(xiàng)目較晚,視覺(jué)設(shè)計(jì)師可能不會(huì)及時(shí)的了解用研和交互的意圖,而導(dǎo)致與預(yù)期效果有一定的偏差。
在整個(gè)快節(jié)奏的工作當(dāng)中,視覺(jué)設(shè)計(jì)師與用研、交互保持良好的溝通是理解問(wèn)題的基礎(chǔ)。不同的人對(duì)產(chǎn)品的理解都會(huì)包含著很多主觀的想法和創(chuàng)意,因此,高效的當(dāng)面溝通也能更好的推進(jìn)項(xiàng)目進(jìn)度,達(dá)到預(yù)期效果。
那么視覺(jué)設(shè)計(jì)師在工作當(dāng)中應(yīng)該如何與用研和交互對(duì)接工作呢?在用研和交互的流程當(dāng)中,視覺(jué)應(yīng)當(dāng)怎樣配合才能更好的為產(chǎn)品服務(wù)呢?
視覺(jué)設(shè)計(jì)師對(duì)接用研
目的:了解項(xiàng)目目標(biāo),確定產(chǎn)品的視覺(jué)風(fēng)格
在用戶(hù)研究的階段,視覺(jué)設(shè)計(jì)師雖然不能完全將精力投入進(jìn)去,但可以參與到部分工作,比如參與競(jìng)品分析中的表現(xiàn)層分析、對(duì)當(dāng)前產(chǎn)品的視覺(jué)診斷等工作,并了解用研的輸出結(jié)果,明確用戶(hù)是誰(shuí)?需求來(lái)自哪里?要做哪些功能?預(yù)期效果是什么?從而確定產(chǎn)品的視覺(jué)風(fēng)格類(lèi)型、顏色搭配等。
具體工作:
1.了解項(xiàng)目背景(包括項(xiàng)目概況、客戶(hù)需求、目標(biāo)用戶(hù)等)
2.參與項(xiàng)目現(xiàn)有產(chǎn)品的前期診斷(表現(xiàn)層階段,建議參考視覺(jué)評(píng)估要素)
3.參與競(jìng)品分析(表現(xiàn)層階段),并明確競(jìng)品的視覺(jué)風(fēng)格和優(yōu)劣勢(shì)
4.根據(jù)用研進(jìn)行的可用性測(cè)試等反饋可以總結(jié)出視覺(jué)優(yōu)化方案
5.明確客戶(hù)與用戶(hù)的意向視覺(jué)風(fēng)格,了解用戶(hù)的喜好,收集意向素材(建議參考工具方法:情緒板)
6.通過(guò)以上工作確定配色方案、視覺(jué)風(fēng)格、質(zhì)感材質(zhì)等
所需用研提供材料:項(xiàng)目背景介紹,競(jìng)品分析報(bào)告,可用性測(cè)試反饋等。
視覺(jué)設(shè)計(jì)師對(duì)接交互
目的:優(yōu)化交互原型,將線(xiàn)框圖轉(zhuǎn)化為用戶(hù)能夠讀懂的頁(yè)面,并進(jìn)行視覺(jué)美化
在交互設(shè)計(jì)的階段,視覺(jué)設(shè)計(jì)師可以通過(guò)交互原型和文檔等輸出物去了解交互流程及功能,并審視功能和信息的層級(jí)關(guān)系,審視交互邏輯和創(chuàng)新點(diǎn),從而進(jìn)一步的優(yōu)化交互原型。從審視框架到拆解布局再到演變版式,完成視覺(jué)創(chuàng)新設(shè)計(jì)。
具體工作:
1.看懂交互原型和文檔,梳理交互流程,了解頁(yè)面之間的關(guān)系,哪些頁(yè)面相對(duì)重要,需要更著重設(shè)計(jì)感,哪些頁(yè)面比較常規(guī),哪些頁(yè)面需要?jiǎng)有В瘓D形等
2.根據(jù)交互原型確定信息的優(yōu)先級(jí)(通過(guò)位置、形式、大小對(duì)比、色彩對(duì)比等方法)
3.審視頁(yè)面視覺(jué)流,考慮信息強(qiáng)點(diǎn)的處理方式
4.考慮界面布局和信息內(nèi)容處理方式,通過(guò)視覺(jué)引導(dǎo)用戶(hù)行為
所需交互提供資料:交互原型圖、交互文檔、功能架構(gòu)圖、流程圖等。
視覺(jué)設(shè)計(jì)輸出物標(biāo)準(zhǔn)
1.視覺(jué)規(guī)范文檔 PDF
2.視覺(jué)源文件 PSD
3.視覺(jué)效果圖 JPG
4.標(biāo)注圖 JPG
5.標(biāo)注源文件
6.切片資源 PNG
其實(shí)不管是什么崗位,本質(zhì)的目的都是一樣的,都是服務(wù)于產(chǎn)品,把產(chǎn)品做得更好,提升產(chǎn)品的價(jià)值。在這個(gè)過(guò)程中學(xué)會(huì)換位思考尤其重要,視覺(jué)設(shè)計(jì)師可以把自己當(dāng)成用研和交互,參與到產(chǎn)品設(shè)計(jì)的每一個(gè)環(huán)節(jié),并逐漸具備一定的產(chǎn)品思維和全局的視野是每一位設(shè)計(jì)師都需要努力的!
設(shè)計(jì) X 體驗(yàn) X 創(chuàng)新 X 價(jià)值























