1. 功能列表確認(rèn)
需求轉(zhuǎn)化為任務(wù)再轉(zhuǎn)化為功能,可以使用思維導(dǎo)圖或EXCEL管理疚察,再分析標(biāo)注優(yōu)先級(jí)蒸走。
1.1 思維導(dǎo)圖:包括功能模塊、功能點(diǎn)貌嫡、需要展示的信息字段及其格式要求比驻、功能優(yōu)先級(jí)、其他必要的補(bǔ)充說明(為什么這樣考慮岛抄、什么場景下使用等等)
1.2 EXCEL表格:包含前端與后端别惦,分別給出列表與優(yōu)先級(jí)。這份列表在后續(xù)詳細(xì)設(shè)計(jì)過程中要不斷補(bǔ)充修正夫椭,非核心功能也要不斷補(bǔ)充進(jìn)來掸掸。
2. 產(chǎn)品結(jié)構(gòu)設(shè)計(jì)
2.1 流程設(shè)計(jì)--任務(wù)分析渴肉,信息架構(gòu)
對(duì)于功能任務(wù)型APP,需確定用戶需要完成哪些任務(wù)欺税?每個(gè)任務(wù)又可以分解為哪些子任務(wù)?這些子任務(wù)的操作流程纯续,目標(biāo)是什么仁讨?子任務(wù)的層級(jí)結(jié)構(gòu)羽莺,優(yōu)先級(jí)如何?
根據(jù)分析結(jié)果產(chǎn)出整體任務(wù)流程圖陪竿,依據(jù)需要決定任務(wù)流程圖的細(xì)致度禽翼。
對(duì)于信息型APP,需先行規(guī)劃信息架構(gòu),明確信息層級(jí)族跛,展示優(yōu)先級(jí)闰挡,產(chǎn)出信息架構(gòu)圖。
2.2 導(dǎo)航設(shè)計(jì)
導(dǎo)航的目標(biāo)是突出主要功能點(diǎn)礁哄,讓用戶在完成任務(wù)時(shí)能一目了然的知道自己要從哪個(gè)入口進(jìn)入长酗。通過前面的功能分析和任務(wù)分析,對(duì)于用戶任務(wù)的優(yōu)先級(jí)已經(jīng)較為明確桐绒,此時(shí)可以思考夺脾、確定產(chǎn)品的導(dǎo)航設(shè)計(jì)。
2.3 頁面流程圖
用以明確整個(gè)產(chǎn)品的層級(jí)結(jié)構(gòu)茉继、頁面之間的關(guān)系咧叭,避免一開始就陷入細(xì)節(jié),也利于預(yù)估工作量烁竭。類似下圖這樣菲茬,標(biāo)注頁面名稱,不用體現(xiàn)界面細(xì)節(jié),還可以簡單標(biāo)注界面的主要內(nèi)容模塊婉弹。
** 2.4 用戶操作流程圖**
對(duì)于比較簡單的功能或產(chǎn)品睬魂,這一步可以省略。但是如果涉及到多個(gè)用戶角色之間的操作關(guān)聯(lián)镀赌、較為復(fù)雜的判斷邏輯氯哮,建議先梳理清楚用戶操作流程圖,思考清楚不同分支的走向商佛。后續(xù)在設(shè)計(jì)評(píng)審階段喉钢,可以通過流程圖來輔助講解,更容易理解威彰。
3. 原型設(shè)計(jì)出牧,頁面布局,低保真原型
使用Axure畫線框圖歇盼。確定頁面元素沒有缺失舔痕,凸顯重點(diǎn)信息,完成各界面的布局設(shè)計(jì)豹缀、界面之間的跳轉(zhuǎn)關(guān)系伯复。
4. 設(shè)計(jì)初審
產(chǎn)品總監(jiān),產(chǎn)品經(jīng)理邢笙,業(yè)務(wù)部門參與設(shè)計(jì)評(píng)審啸如,評(píng)估設(shè)計(jì)是否偏離產(chǎn)品范圍。
5. 詳細(xì)設(shè)計(jì)氮惯,后臺(tái)設(shè)計(jì)
規(guī)劃具體信息架構(gòu)叮雳,后臺(tái)支撐管理程序,詳細(xì)描述界面信息來源妇汗,信息處理邏輯帘不,完善不同狀態(tài)下的頁面布局和內(nèi)容展示、用戶操作反饋提示杨箭、通用或異常的場景等等寞焙。所有開發(fā)階段需要用到的都需要在詳細(xì)設(shè)計(jì)階段體現(xiàn)。這份文件最終作為開發(fā)人員互婿,測試人員的規(guī)格說明書捣郊,也是最終產(chǎn)品的驗(yàn)收標(biāo)準(zhǔn)。
6. 終稿評(píng)審
請(qǐng)產(chǎn)品總監(jiān)慈参,產(chǎn)品經(jīng)理呛牲,視覺人員,開發(fā)人員驮配,測試人員等參與復(fù)審侈净,多人頭腦風(fēng)暴尊勿,確認(rèn)設(shè)計(jì)是否合理,有無更優(yōu)解畜侦,有無遺漏等。
視覺人員理解產(chǎn)品目標(biāo)躯保,為后續(xù)視覺設(shè)計(jì)打下基礎(chǔ)旋膳。
開發(fā)人員理解需求,可以提出技術(shù)可行性意見途事,提前預(yù)估開發(fā)風(fēng)險(xiǎn)验懊。
測試人員了解需求后,可提前規(guī)劃測試用例尸变,測試標(biāo)準(zhǔn)义图。
這一步非常重要,因?yàn)榈竭@里產(chǎn)品設(shè)計(jì)已經(jīng)成型召烂,這是開發(fā)的依據(jù)碱工,這一部分越完善越明確,開發(fā)過程中障礙越少奏夫,稀缺的開發(fā)資源可以得到最有效的利用怕篷。
7. 需求說明書
整理所有前期文檔,構(gòu)成需求說明書酗昼。這既可以用于視覺設(shè)計(jì)廊谓,開發(fā),測試的工作標(biāo)準(zhǔn)麻削,也可以用于提前客戶驗(yàn)證的交流文件蒸痹。