產(chǎn)品研發(fā)標準流程

1、關(guān)于互聯(lián)網(wǎng)產(chǎn)品設(shè)計目錄 設(shè)計總體思想或概念模型（方案PPT） 產(chǎn)品/競品分析 交互設(shè)計（低保真Demo） 視覺設(shè)計（高保真Demo） 前端實現(xiàn)/切圖制作（html、css、切片） 技術(shù)實現(xiàn)（程序代碼） 測試競品分析 確定分析目標 選擇競品（35個） 確定分析維度 對比分析 生成報告競品分析競品分析的維度功能與內(nèi)容 產(chǎn)品基礎(chǔ)功能 產(chǎn)品特色功能（為什么選擇你） 功能層級清晰度 內(nèi)容的主次分明 命名的合理性視覺與品牌 Logo運用合理 視覺風(fēng)格 顏色搭配 圖標 規(guī)范性 控件統(tǒng)一 字體 間距交互與操作 用戶有自由控制權(quán) 布局一致性原則 跳轉(zhuǎn)方式一致性 明確的錯誤提示信息 合理的幫助與說明 交互細節(jié) 操

2、作前、中、后提示 成功提示 錯誤提示 文案表達 交互動態(tài)效果市場與價格 產(chǎn)品市場價值 推廣 運營 戰(zhàn)略層面 營銷方式競品分析對比分析競品分析生成報告交互設(shè)計（Interaction Design） 交互設(shè)計目標交互設(shè)計目標 以用戶為中心，提高產(chǎn)品的易用性及用戶滿意度 交互設(shè)計原則交互設(shè)計原則 交互設(shè)計交互設(shè)計流程 用戶分析（細化人群、挖掘問題）用戶分析（細化人群、挖掘問題） 用戶坐標、需求坐標 用戶建?？ㄆㄓ脩艄适拢?用戶目標分析（分清主次） 目標操作流程分析（根據(jù)任務(wù)來設(shè)計流程）目標操作流程分析（根據(jù)任務(wù)來設(shè)計流程） 功能點梳理（根據(jù)任務(wù)配功能）功能點梳理（根據(jù)任務(wù)配功能） 交互與布局設(shè)計

3、（線框圖或草圖）交互與布局設(shè)計（線框圖或草圖） 視效設(shè)計（簡單視覺設(shè)計）視效設(shè)計（簡單視覺設(shè)計） 動態(tài)演示（生成原型）動態(tài)演示（生成原型）視覺設(shè)計 主界面主界面 風(fēng)格定位（扁平化、擬物化、場景式、卡通型等） 規(guī)范定制（便于沿用）規(guī)范定制（便于沿用） 字體、顏色、控件、間距、圖標等 典型界面（運用標準）典型界面（運用標準） 列表界面、詳情界面（查看界面&編輯界面）、提示彈窗等 特殊界面特殊界面 閃屏界面、登錄界面、注冊界面 細節(jié)整合（黑白線）細節(jié)整合（黑白線） 切圖 目的目的 方便程序的開發(fā)和實現(xiàn) 切圖工具切圖工具 FW、PS中的切片工具（圖片格式的選擇） 9.png Android開發(fā)

4、中的一種特殊圖片格式，具有自適應(yīng)調(diào)節(jié)大小的能力生成文檔清單 概念模型 用戶卡片 用戶目標分析報告（Word或PPT） 競品/產(chǎn)品分析報告（Word或PPT） 功能架構(gòu)圖（Mindmanager） 流程圖（visio） 線框圖（Mockup或Fireworks ） 演示產(chǎn)品（Axure） 視覺設(shè)計稿（Fireworks、Photoshop）用戶坐標&需求坐標用戶卡片功能架構(gòu)圖流程圖草圖Mockup畫線框圖FW畫視覺設(shè)計稿1擬物化扁平化視覺設(shè)計稿2場景式卡通型Iphone尺寸規(guī)范分辨率 Iphone4：640*960px Iphone5：640*1136px字體 默認字體：華文細黑 常用字

5、體：華文細黑、微軟雅黑 字號：40px、34px、24px (最小20px)控件 狀態(tài)欄：40px 標題欄：88px 標簽欄：98px 列表：=88px 導(dǎo)航欄按鈕：58px 鍵盤高度：432px圖標 桌面圖標：114*114px 標簽欄圖標：=60px 導(dǎo)航條圖標：40*40px APPstore:1024*1024px 圖標圓角弧度：36%留白 邊界留白：1018px 圖標界面留白：34pxIpad尺寸規(guī)范 分辨率 Ipad 1/2/mini：1024*768px Ipad 3/4：2048*1536px 字體 默認字體：華文細黑 常用字體：華文細黑、微軟雅黑 字號：40px、34px、2

6、4px (最小24px) 控件 狀態(tài)欄：40px 標題欄：88px 標簽欄：98px 左側(cè)分欄：120600px 導(dǎo)航欄按鈕：58px 鍵盤高度：432px 圖標 桌面圖標：114*114px 標簽欄圖標：=64px 底部導(dǎo)航欄：64px 圖標 啟動圖標：512*512px、48*48px 狀態(tài)欄圖標：16*16px 導(dǎo)航條圖標：32*32px 留白 邊界留白：1018pxAndroid 分辨率 分辨率 Mdpi:320*480px Hdpi:480*800px 480*854px 540*960px Xhdpi:720*1280px Xxhdpi:1080*1920px (MX3:1080*1800px) 4 4：6 6：9 9網(wǎng)頁尺寸規(guī)范 分辨率 主流最?。?024*768px（有效區(qū)域：1000*600px） 字體 常用字體：華文細黑、微軟雅黑、宋體（不消除鋸齒） 字號：18px、14px、12px 行距：140%160% 顏色 默認顏色：#333333 （深灰色） #