交互原型圖是產(chǎn)品經(jīng)理必備的技能，不管是小白，還是大牛；是實習(xí)生，還是總監(jiān)，都是從畫原型圖開始的。好的交互原型圖，可以讓開發(fā)不問一句，就能看得清清楚楚，開發(fā)得明明白白；差的交互原型圖，可以讓UI、開發(fā)、測試焦頭爛額，摸不著頭腦，讓產(chǎn)品經(jīng)理的威信大大降低。要知道，產(chǎn)品經(jīng)理在公司里，很多時候靠的都是威信力，無論是在腦暴、討論、評審、跟進、運營，各個階段。

本文開始，筆者會另起一條脈絡(luò)，講一講筆者工作中的一些方法論，總結(jié)一下筆者近5年來的職場經(jīng)驗。有的是筆者轉(zhuǎn)行前的，有的是筆者做產(chǎn)品后的，希望或多或少可以給大家?guī)硇﹩l(fā)。

本文講的是關(guān)于產(chǎn)品經(jīng)理的原型工作流，我會以總分總的形式，給大家講一下：我在工作中是如何從菜鳥到熟練工的過程，希望可以幫助大家少走彎路。

交互原型和PRD（產(chǎn)品需求文檔）文檔的區(qū)別，我在之前的文章已經(jīng)提到過了，沒有看過的同學(xué)們可以移步《從0到1，搭建營銷中心——認識后臺系統(tǒng)（下）》

快速上手交互原型圖

原型圖是無法速成的，只有通過不斷的刻意練習(xí)，才能做到又快又好，周期就只能看自己的付出和悟性了。并且每個人畫原型圖的方法都不一樣，所以，接下來筆者的方法并不一定適用所有人，筆者更多想傳達的是一種方法。

1. 刻意練習(xí)

想必大家都知道“一萬小時定律”，但我更喜歡的是刻意練習(xí)，這才是真正能成就一個人的根本。

只有通過長期不斷的刻意練習(xí)某件事，才能從小白到專家再到大師，這里為大家推薦一本書《刻意練習(xí)》。

量：通過大量的原型圖臨摹學(xué)習(xí)和實戰(zhàn)練習(xí)中，積累經(jīng)驗，悟出自己的設(shè)計竅門。

剛開始的原型總是很丑——字太大，對不齊，圖標找的都不好看，顏色不知道怎么選等等。

但當你不斷去學(xué)習(xí)別人的原型，臨摹和實踐后會發(fā)現(xiàn)：原先那些低級問題會自然而然的消失，到那時候你需要更多考慮的就是交互邏輯、業(yè)務(wù)邏輯和產(chǎn)品價值了。

PS：這里推薦大家剛開始可以大量看UI中國，花瓣，pinterest，behance等國內(nèi)外設(shè)計網(wǎng)站，不管是平面還是UI都可以看，提升自己對視覺、美觀的敏感度，這在將來提升原型設(shè)計水準和頭腦風(fēng)暴上很重要。

復(fù)盤：大量練習(xí)后，定期復(fù)盤自己這一段時期內(nèi)的原型圖，哪些畫的有缺陷？哪些地方邏輯沒有想清楚？哪些icon用的不恰當？哪些地方被開發(fā)和UI懟過？這些問題都需要定期拿出來過一遍，來幫助發(fā)現(xiàn)問題，解決問題。

PDCA：戴明環(huán)，在項目管理中是一門必修課，分別是指：計劃Plan 實施Do 檢查Check 處理Act。

在刻意練習(xí)過程中，我是這么運用PDCA的：

1. 做一份計劃：內(nèi)容包含，本次產(chǎn)品的規(guī)劃（也可能是領(lǐng)導(dǎo)直接部署的任務(wù)）、本次產(chǎn)品拆解的功能點、預(yù)計的頁面數(shù)量、預(yù)計完成的工作時間、拆解成日程表和每日計劃。
2. 開始實施：根據(jù)每日計劃開始原型圖的設(shè)計，期間遇到問題或阻礙，遵循我自己的原則處理（時間管理）
3. 檢查確認：設(shè)計完原型圖后，需要對原型圖仔細確認一遍，有必要的話會和領(lǐng)導(dǎo)核對。
4. 問題修改：對核對完或檢查完后的問題進行修改，并交付相關(guān)人員進行評審或設(shè)計

以上，就是開篇要說的筆者的方法論，我們再回顧一下：

首先，我們要清楚地認識到，速成是不現(xiàn)實的。

其次，我們需要提升自己對審美和視覺上的敏感度。

這些前期準備都做好的前提下，嘗試養(yǎng)成正確的工作習(xí)慣，通過不斷的刻意練習(xí)和定期復(fù)盤，方能提高。

2. 明確需求

接下來，我會講述筆者自己設(shè)計原型圖的大致步驟。

很多產(chǎn)品新人，在拿到需求后都會立馬打開Axure或者其他軟件，大刀闊斧的設(shè)計起來。筆者早期也是如此，現(xiàn)在我的結(jié)論是：別急著開始，先仔細想想。

梁寧老師講過產(chǎn)品經(jīng)理的四大核心能力：看的準，想的明白，說的清楚，試的快。

如果直接開干的話，就是缺少了看和想的過程，除了原型設(shè)計出來后可能不盡如人意，還可能會錯失許多提升核心能力的機會。

筆者現(xiàn)在拿到需求后（這里就不糾結(jié)需求的來源和獲取的渠道了），首先會對需求本身進行剖析：這需求到底是不是真實的需求？還有沒有更深層次的根本性需求？這個需求能實現(xiàn)什么價值或者能夠解決什么問題？優(yōu)先級如何？是否可以實現(xiàn)，和目前的產(chǎn)品邏輯是否相悖？

在經(jīng)過思考后，得出結(jié)論，無法想明白的問題可以直接和相關(guān)人員確認，必須做到：需求明確。

3. 頭腦風(fēng)暴

這里的頭腦風(fēng)暴并不是指開會討論，而是將明確后的需求，在腦中進行場景化處理。

我會將需求鑲嵌進假象的場景中，動態(tài)的在腦海中演繹，目的是將業(yè)務(wù)流和系統(tǒng)邏輯串聯(lián)起來。同時，盡可能多的設(shè)想其他場景，例如：逆向流程、異常操作、系統(tǒng)并發(fā)、業(yè)務(wù)拓展性場景等。

之后，將模擬場景，通過頁面呈現(xiàn)的方式繼續(xù)在腦海中播放幻燈片，這時候，隱隱約約就會有一幅幅原型圖了。

PS：這個過程不是一朝一夕能夠掌握的，需要大量看網(wǎng)上的素材積累敏感度，對產(chǎn)品需求和功能點非常熟悉、同時要對業(yè)務(wù)非常了解，才可以將原型圖和業(yè)務(wù)場景像放幻燈片一樣在腦海中播放。

4. 落筆草稿

腦海中的幻燈片結(jié)束之時，就是落筆畫草稿的時候了。

切記，此時還不能直接上機，理由有三：

從想法到設(shè)計，大量信息會丟失：

不知道大家有沒有發(fā)現(xiàn)：有時候靈光一閃的想法，如果沒有及時記錄，事后想要回憶幾乎不可能。

這是因為人腦的記憶分為短時記憶和長時記憶，一個英文單詞從不認識到永久記住至少需要7天，更別提靈光一現(xiàn)的想法了。所以，很多人都會隨身帶筆記本，將好的想法快速記錄；同理，在明確完需求和頭腦風(fēng)暴后，打開電腦用軟件設(shè)計原型，會因為各種樣式、美觀等問題耽擱了最佳記錄時間。

軟件設(shè)計相對正式，無法將想法自由地表達出來：

無論是Axure還是Sketch等軟件，設(shè)計出來的頁面會比較正式，不可能做到隨性設(shè)計。

就比如：在畫一個頁面的時候，突然有一些想法要記錄，直接寫在原型上可能不太合適，但如果是通過草稿的方式，可以非常隨性的畫和寫，方便更多的靈感迸發(fā)。

軟件設(shè)計的成本相對較高：

相比拿起紙筆涂涂畫畫，寫寫改改，用軟件拖動方框和文字，前者要省時的多；同時，如果發(fā)現(xiàn)想的或畫的有問題，改起來也比較方便，這樣時間成本和試錯成本都大大降低，也確保之后在軟件上設(shè)計的錯誤率更低，效率更快。

5. 正式上機

當一切準備就緒后，我們就可以打開Axure，將剛剛很潦草的原型，畫到電腦上去了。

在這個過程中，并不是復(fù)制黏貼，更多的需要規(guī)范、嚴密的思考，將剛剛發(fā)散的思維收攏回來，需要關(guān)注以下幾點：

頁面布局：這個不用多說了，如何將草稿整理成正規(guī)的原型圖，如何設(shè)計頁面，是這個階段最重要的事情。

業(yè)務(wù)和交互邏輯：在設(shè)計頁面時，需要考慮實際的業(yè)務(wù)場景。多想一想，自己設(shè)計出來的頁面是否符合實際操作？是否有反人類的設(shè)計？是否做到了don’t make me think的程度？

其他問題點：在設(shè)計頁面的時候，肯定會有當時沒有想到的問題出現(xiàn)，我們需要及時記錄，及時解決，完善交互原型。

本文到這也要告一段落了。老規(guī)矩，我們一起來回顧一下：

1. 我們拿到需求后，要先明確需求，千萬不能帶著問題往下做；
2. 我們通過大量積累的學(xué)習(xí)經(jīng)驗和對業(yè)務(wù)的了解，將原型圖和業(yè)務(wù)場景在腦海中滾動播放；
3. 播放完幻燈片后，我們快速提筆將想法畫在紙上，涂涂改改都沒關(guān)系；
4. 最后，我們將草稿再畫到軟件上。

希望筆者總結(jié)的方法可以幫助到大家，有疑問的歡迎大家留言探討。

本文由 @小雞腿 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議