產(chǎn)品汪一枚渡蜻，從自身角度出發(fā)總結(jié)記錄產(chǎn)品設(shè)計(jì)過程中的經(jīng)驗(yàn)混蔼，同時(shí)也分享給大家，與大家共同進(jìn)步莲绰。
產(chǎn)品經(jīng)理一定要會(huì)畫原型圖嗎彤守？答案是肯定的贸诚，這是基礎(chǔ)徘键，當(dāng)在面試這個(gè)崗位的時(shí)候绍哎，也許面試官會(huì)問你相關(guān)的問題也可能不問，因?yàn)檫@真的是基礎(chǔ)寒波。所以塘装，不會(huì)畫或者不想畫原型圖的產(chǎn)品經(jīng)理不是合格的產(chǎn)品經(jīng)理，首先讓我們從以下四個(gè)方面來走入產(chǎn)品經(jīng)理的世界影所。
一、為什么要畫產(chǎn)品原型圖僚碎？
產(chǎn)品原型圖對于業(yè)務(wù)需求的實(shí)現(xiàn)來說是一個(gè)承上啟下的作用猴娩。
承上來說，業(yè)務(wù)需求方向產(chǎn)品經(jīng)理提出業(yè)務(wù)需求勺阐，產(chǎn)品經(jīng)理梳理卷中、消化、拆解業(yè)務(wù)需求渊抽，轉(zhuǎn)化為產(chǎn)品需求蟆豫。啟下來說，產(chǎn)品原型圖對于產(chǎn)品的中后段生命周期（產(chǎn)品開發(fā)流程）而言懒闷，是設(shè)計(jì)十减、研發(fā)同事們能夠快速理解需求從而進(jìn)行高效開發(fā)的基石。所以愤估，產(chǎn)品原型圖是產(chǎn)品經(jīng)理對于產(chǎn)品的規(guī)劃設(shè)計(jì)的成果物帮辟，是產(chǎn)品的雛形，原型圖可以清晰的展示如何實(shí)現(xiàn)用戶需求玩焰，映射到產(chǎn)品上會(huì)是怎樣的形態(tài)和流程由驹、用戶的操作路徑。并且對于產(chǎn)品經(jīng)理自身而言昔园，原型圖的繪制過程又是再一次的檢查邏輯蔓榄、梳理邏輯的過程，不斷完善產(chǎn)品默刚。
二甥郑、原型圖是給誰看的？
原型圖有可能會(huì)給哪幾類角色看呢羡棵？大概有以下幾類角色：其他產(chǎn)品同事壹若、設(shè)計(jì)同事、研發(fā)同事、測試同事店展、業(yè)務(wù)同事养篓、運(yùn)營或客服等運(yùn)維同事。
其他產(chǎn)品同事來看我們的原型圖赂蕴，通常是由于工作內(nèi)容變更帶來的工作交接柳弄；
設(shè)計(jì)同事通常比較關(guān)心組件之間的聯(lián)系，頁面的布局排版概说，不同條件下的反饋狀態(tài)碧注，空頁面，異常頁面等內(nèi)容糖赔；
開發(fā)通常關(guān)心的是有多少個(gè)頁面萍丐、頁面的功能是什么、功能的復(fù)雜度如何放典、邊界條件逝变、異常情況、頁面跳轉(zhuǎn)關(guān)系等內(nèi)容奋构，便于評估研發(fā)工作量以及開展后續(xù)的研發(fā)工作壳影；
測試通常關(guān)心的內(nèi)容和開發(fā)類似，以便于他們提前編寫測試用例弥臼，覆蓋各種場景宴咧；
業(yè)務(wù)同事通常關(guān)心解決方案，即產(chǎn)品經(jīng)理提出的解決方案是否能夠滿足需求径缅；
運(yùn)維同事看原型圖可以便于他們整理了解產(chǎn)品提供的功能以及如何使用產(chǎn)品掺栅，盡管直接上手用產(chǎn)品也是學(xué)習(xí)的一種方式，原型圖也是輔助他們了解產(chǎn)品所有功能的一個(gè)途徑芥驳。
三柿冲、原型圖可以分為哪幾類？
當(dāng)產(chǎn)品經(jīng)理確認(rèn)了原型圖給誰看之后兆旬，就可以確定要繪制哪一種原型圖了假抄。原型圖大概可以分為三類：草繪原型圖、低保真原型圖和高保真原型圖丽猬。
- 草繪原型圖：使用鉛筆或者axure等工具宿饱，繪制大概的原型界面，只展示關(guān)鍵內(nèi)容脚祟，用箭頭表示頁面的流轉(zhuǎn)關(guān)系谬以。這種原型圖適合在產(chǎn)品設(shè)計(jì)的初期繪制，便于產(chǎn)品經(jīng)理梳理自己的設(shè)計(jì)思路由桌，并和業(yè)務(wù)方進(jìn)行第一輪的設(shè)計(jì)反饋为黎，快速繪制快速調(diào)整邮丰，保障方向不會(huì)錯(cuò)。
- 低保真原型圖：這是產(chǎn)品經(jīng)理最經(jīng)常輸出的一種原型圖铭乾。低保真原型圖展示了完整的頁面剪廉、頁面組件內(nèi)容、頁面的流轉(zhuǎn)關(guān)系炕檩、用大量的文字描述條件及反饋斗蒋，用文字描述產(chǎn)品經(jīng)理想要實(shí)現(xiàn)的動(dòng)態(tài)效果。原型圖輸出后即可交付給設(shè)計(jì)同事設(shè)計(jì)高保真原型圖笛质，也能讓開發(fā)同事開始進(jìn)行非前端頁面的邏輯的開發(fā)工作泉沾。
- 高保真原型圖：原型圖中有合適的配色方案，將上一種原型圖中的文字描述用axure制作出來妇押，交互完整跷究，幾乎和上線的產(chǎn)品頁面功能一致，可以交互體驗(yàn)敲霍，數(shù)據(jù)是靜態(tài)數(shù)據(jù)揭朝。這種原型圖實(shí)現(xiàn)效果逼真，但是花費(fèi)的時(shí)間較多色冀，要求產(chǎn)品人員具有設(shè)計(jì)能力、鑒賞能力以及制作能力柱嫌。
四锋恬、繪制原型圖的一點(diǎn)小建議
產(chǎn)品經(jīng)理在畫原型圖之前，首先應(yīng)該問問自己以下問題：
- 為什么要畫這個(gè)原型圖编丘？(why)
- 這個(gè)原型圖是給誰看的与学？(who)
- 原型圖包含哪些內(nèi)容？(what)
- 什么時(shí)間要輸出原型圖嘉抓？(when)
當(dāng)回答了以上問題之后索守，就已經(jīng)梳理出了原型圖類型，業(yè)務(wù)需求以及時(shí)間計(jì)劃抑片。業(yè)務(wù)需求先梳理有多少個(gè)頁面卵佛、頁面之間的關(guān)系，在目錄中建立好空的頁面后敞斋，再進(jìn)行具體的頁面設(shè)計(jì)截汪。原型圖的繪制也應(yīng)該遵循先主后次的原則，先畫主要流程植捎，再補(bǔ)充分支流程衙解、異常流程，添加文字說明焰枢，最后再調(diào)整頁面樣式蚓峦，時(shí)間允許的情況下做動(dòng)態(tài)效果舌剂。很多產(chǎn)品經(jīng)理在畫原型圖的時(shí)候頭腦一熱直接上手，為了追求一點(diǎn)小細(xì)節(jié)的動(dòng)效花費(fèi)半天一天最后還沒什么產(chǎn)出暑椰，所以霍转，希望大家也能避開以上問題，按時(shí)完成產(chǎn)品設(shè)計(jì)干茉。
如果你覺得你做了80%的工作了谴忧，那真的想多了，后期需求評審角虫、研發(fā)過程沾谓、測試過程、運(yùn)維過程的鍋戳鹅，你準(zhǔn)備好接住了嗎均驶？
