APP開發(fā)公司一個產(chǎn)品的研發(fā)流程大致為:基礎(chǔ)調(diào)研→產(chǎn)品分析→交互設(shè)計→視覺設(shè)計→研發(fā)→測試→交付。其中需要三次評審,分別為產(chǎn)品需求評審(需要產(chǎn)品+設(shè)計+研發(fā)人員參與),原型評審(需要產(chǎn)品+設(shè)計+研發(fā)+市場等人員參與),最后是開發(fā)評審。設(shè)計師在制定需求的環(huán)節(jié)加入是最為理想的狀態(tài),這個階段加入可以更利于理解需求的起源并省去后期重新溝通的成本,還能為產(chǎn)品帶入更多設(shè)計層面的思考,將用戶體驗注入到產(chǎn)品的基因中去。
設(shè)計師的工作流程通常有以下5個步驟。
1.繪制紙面原型
繪制紙面原型主要用于討論設(shè)計思路與具體的設(shè)計方案。這個階段追求快速呈現(xiàn)設(shè)計思路與方案迭代,不追求細(xì)致入微的刻畫設(shè)計細(xì)節(jié),如果有需要可以將紙面原型通過一些APP拍照制作出有點擊交互的測試原型,常用的有POP等產(chǎn)品,在Android市場與APPstore中都可直接下載到。
2.繪制流程圖
紙面原型討論結(jié)束后通常會得出比較清晰的功能流程,整理后便得出了這個需求的功能流程圖,流程圖中必須明確出需要一些什么界面與每個頁面的內(nèi)容,并且要標(biāo)注出哪些頁面會有特殊狀態(tài)的提示。流程圖常用的有泳道圖、操作說明圖等,紙面原型與流程圖通常是由交互設(shè)計師完成的。
3.繪制線框圖
流程圖繪制完成后通常整個功能的流程就已經(jīng)梳理得比較清晰了,接下來便要開始將流程圖中每個界面的內(nèi)容進(jìn)行布局設(shè)計。這個階段重點在于檢查界面設(shè)計的布局與邏輯是否完善、體驗是否流暢,所以為了縮短繪制線框圖的時間,通常以黑白灰的形式呈現(xiàn)。線框圖也叫做交互稿,一般是由團(tuán)隊中的交互設(shè)計師或者產(chǎn)品經(jīng)理完成的,這個階段要求比較細(xì)致完整地繪制出每個產(chǎn)品的界面,并且采用真實的信息與文字內(nèi)容等,這樣有助于幫助發(fā)現(xiàn)設(shè)計是否在真實的使用場景中存在問題。有需要的話還可以將線框圖制作成為可點擊的交互原型,可以向一些用戶進(jìn)行比較快速的可用性測試,還可以在較短時間內(nèi)發(fā)現(xiàn)產(chǎn)品的交互或邏輯是否存在問題。
4.交互自查
線框圖完成之后進(jìn)行仔細(xì)的檢查,這是整個設(shè)計流程中非常重要的一個環(huán)節(jié)??梢栽谠O(shè)計方案評審前找出是否有遺漏的細(xì)節(jié)問題,在評審時為團(tuán)隊節(jié)省時間。
5.制作視覺效果圖
這是在產(chǎn)品進(jìn)入研發(fā)之前的最后一個階段。在線框圖完成后,大體的界面布局已經(jīng)比較完善,接下來便可以開始繪制視覺效果圖了。這個階段的設(shè)計圖即是產(chǎn)品最終向用戶呈現(xiàn)的界面,要求界面的設(shè)計規(guī)范,間距、圖片、內(nèi)容、文字信息都采用真實的信息,便于在進(jìn)入研發(fā)階段前進(jìn)行最后的檢測,這個階段可以使用一些工具將界面制作出可點擊的高保真原型,向目標(biāo)用戶進(jìn)行有效的可用性的測試,采集更多的信息與問題,在研發(fā)階段前盡量多迭代幾次,通??梢圆捎胕nvision或者demoo等工具在線制作。深圳APP開發(fā)公司本文關(guān)于“APP開發(fā)公司的設(shè)計師要做哪些工作?”的知識就介紹分享到這里,謝謝關(guān)注,博納網(wǎng)絡(luò)編輯整理。