16年入行產(chǎn)品婶希，從產(chǎn)品小白到助理到專員到產(chǎn)品經(jīng)理，一路走來蓬衡，遇到過苦難挫折喻杈，但也收獲了方法，提升了能力狰晚。從事產(chǎn)品工作以來一直在乙方工作筒饰，做過政務(wù)項(xiàng)目，也做過B端產(chǎn)品壁晒。通過幾年的工作總結(jié)出了一些可復(fù)用的工作方法與工具瓷们，希望分享出來能夠幫助到入行不久或想要入行的朋友們，也希望經(jīng)驗(yàn)豐富的朋友們能夠多多指教。

首先介紹一下我從事工作的背景：主要負(fù)責(zé)G端項(xiàng)目需求調(diào)研谬晕、產(chǎn)品設(shè)計(jì)碘裕、系統(tǒng)培訓(xùn)、優(yōu)化迭代工作攒钳。我將工作流程分為七個階段進(jìn)行簡單介紹：需求調(diào)研帮孔、需求分析、產(chǎn)品設(shè)計(jì)不撑、開發(fā)測試文兢、上線試運(yùn)行、項(xiàng)目結(jié)項(xiàng)焕檬、上線運(yùn)行姆坚。本篇文章將介紹第三個階段產(chǎn)品設(shè)計(jì)。

產(chǎn)品設(shè)計(jì)階段我們需要做的工作是：

根據(jù)需求分析文件揩页，設(shè)計(jì)系統(tǒng)界面及交互效果旷偿；

產(chǎn)品設(shè)計(jì)階段我們的產(chǎn)出物是：

頁面流程圖（非必需）；

原型圖爆侣；

需求文檔萍程；

產(chǎn)品設(shè)計(jì)階段我們的工作流程是：

一、繪制頁面流程圖

頁面流程圖不是產(chǎn)品設(shè)計(jì)階段的必須產(chǎn)出物兔仰，若涉及業(yè)務(wù)較復(fù)雜茫负，需多頁面間頻繁跳轉(zhuǎn)的可繪制頁面流程圖，方便團(tuán)隊(duì)成員理解你的設(shè)計(jì)意圖乎赴。

繪制頁面流程圖前需要做的工作是：

1.梳理基礎(chǔ)頁面忍法，例如：登陸、注冊榕吼、找回密碼等饿序；

2.根據(jù)業(yè)務(wù)流程圖梳理核心頁面，例如：招聘申請羹蚣、招聘審核原探、招聘列表等；

3.根據(jù)核心頁面梳理輔助頁面顽素，例如：部門管理咽弦、職級薪級配置等；

梳理完頁面后胁出，就需要根據(jù)流程動手繪制頁面流程圖了型型。

二、繪制原型圖

完成頁面流程圖后全蝶，我們就要根據(jù)頁面流程圖和需求分析階段的產(chǎn)出物【業(yè)務(wù)流程圖闹蒜、狀態(tài)圖寺枉、功能架構(gòu)圖、信息架構(gòu)圖嫂用、權(quán)限表】來繪制原型啦型凳。

原型能力是產(chǎn)品經(jīng)理最基礎(chǔ)的能力，初入職場時我們最先接觸的就是畫原型嘱函。畫原型是一項(xiàng)需要持續(xù)精進(jìn)的能力甘畅，它即簡單又難。簡單是因?yàn)樗钱a(chǎn)品的基礎(chǔ)技能往弓，易上手疏唾，學(xué)習(xí)成本低，說它難是因?yàn)樵鸵胱龊靡彩切枰欢ǖ哪芰Φ暮疲环莘嫌脩簦║I設(shè)計(jì)槐脏、開發(fā)、測試......）需求的原型圖圖不僅需要體現(xiàn)出業(yè)務(wù)功能與邏輯撇寞，基本交互顿天，還需要明確權(quán)限、各類異常情況等蔑担。當(dāng)我還是產(chǎn)品助理時牌废，主要工作職責(zé)就是原型和需求文檔，原型只劃線框圖和基礎(chǔ)交互就可以啤握，比較復(fù)雜的邏輯和權(quán)限會有產(chǎn)品經(jīng)理和項(xiàng)目經(jīng)理幫忙梳理鸟缕。但當(dāng)具備一定的經(jīng)驗(yàn)，經(jīng)歷過一些項(xiàng)目后就需要逐步提升原型能力排抬，這時就要求我們要考慮周全懂从，對每一個功能都要進(jìn)行全面的考慮，具體可參考“查缺補(bǔ)漏”部分蹲蒲。

我繪制原型的思路是先主流程頁面番甩，之后是輔助頁面，最后基礎(chǔ)頁面届搁。原型繪制時大家都會用到部件庫对室，我這里也整理出了B端常用的部件，有需要的可以私信獲取哈咖祭。

圖1

完成原型設(shè)計(jì)后一定要有版本和變更記錄，這樣無論后續(xù)修改都有據(jù)可尋蔫骂。尤其對于G端這種頻繁變更需求的項(xiàng)目么翰。

版本記錄??

圖2

變更記錄??

圖3

三、查缺補(bǔ)漏

完成原型后還有最重要的一步就是查缺補(bǔ)漏辽旋，所謂查缺補(bǔ)漏就是根據(jù)業(yè)務(wù)和自己的設(shè)計(jì)思路浩嫌，按照原型走一遍檐迟，看是否漏掉了什么關(guān)鍵頁面，這一步時產(chǎn)品設(shè)計(jì)中必不可少的一步码耐，雖然設(shè)計(jì)時感覺自己已經(jīng)考慮的很全面了追迟，但每走一次流程都會發(fā)現(xiàn)些小問題。當(dāng)自己已經(jīng)完全看不出問題時骚腥，我這里給大家提供一個工具-產(chǎn)品自查表敦间，可以使用它再次驗(yàn)證自己的設(shè)計(jì)是否有缺失。以下是根據(jù)過往工作經(jīng)驗(yàn)和網(wǎng)上相關(guān)文章整理的產(chǎn)品自查表束铭。

圖4

我的自查表分為以上幾大部分廓块，在做原型設(shè)計(jì)時，主要使用原型設(shè)計(jì)和交互設(shè)計(jì)階段就可以契沫。以下是原型設(shè)計(jì)階段關(guān)于修改這一功能的自查带猴。同樣，有需要的伙伴可以私信獲取哈懈万，我的這個自查表也在逐步更新拴清，希望能和大家持續(xù)完善。

圖5

使用產(chǎn)品自查表后会通，我最大的感受就是在需求宣講時可以避免很多不必要的爭論口予，因?yàn)樵谠O(shè)計(jì)時考慮的足夠充分，當(dāng)然產(chǎn)品自查也是需要時間的渴语，對于那種又急需求又復(fù)雜的項(xiàng)目可能就不那么盡如人意了苹威。有的時候客戶就是要按時按點(diǎn)的上線，那無論設(shè)計(jì)還是開發(fā)的時間都會比較緊張驾凶，難免就會有些遺漏牙甫，及時補(bǔ)足就好。

四调违、編寫需求說明書

關(guān)于編寫需求說明書的時間窟哺，每個企業(yè)的協(xié)作方式不一致，導(dǎo)致編寫的時間節(jié)點(diǎn)也不一樣技肩。我采用的第一種方式是在原型初期和原型同步編寫且轨，這時原型中只需畫出正規(guī)頁面和重點(diǎn)標(biāo)注即可，如下??

圖6

還有一種方式是完成原型后再編寫需求文檔（因?yàn)闀r間緊虚婿，原型完成就要開發(fā)）旋奢，這時在原型設(shè)計(jì)時就要將所有細(xì)節(jié)點(diǎn)都逐一標(biāo)明，如下??然痊。后續(xù)再補(bǔ)文檔至朗，當(dāng)然這時候的文檔質(zhì)量可能也沒那么高了，因?yàn)檎麄€項(xiàng)目組的成員都以原型為主剧浸。

圖7

注：若項(xiàng)目組以原型為依據(jù)開展工作锹引，建議將流程圖矗钟、狀態(tài)圖等必要文件截圖放到原型文件的前幾個頁面中，方便團(tuán)隊(duì)查看嫌变。如下??

圖8