導讀：看到網(wǎng)上有PM提問“UI、后端、前端看完原型之后，產(chǎn)品邏輯應該寫幾份怎么交付”。清一色的回答是應該寫多份邏輯給不同的受眾，然后分別交付。而我的經(jīng)驗是僅需寫一份原型和邏輯，以不同的呈現(xiàn)方式交付給不同的受眾。前提是你能夠善用Axure寫PRD。

為什么這樣說呢，你要知道按照多份邏輯分別交付的方法是存在很多問題的。

• 重復工作多。比如視覺邏輯是UI和前端開發(fā)都需要的。
• 修改很麻煩。如果有邏輯變更了，需要修改多份邏輯文檔。
• 傳達易缺失。同一個控件的視覺邏輯，只傳達給UI設計師，但是忘記和前端開發(fā)講。

另外這種交付方式往往是用Word的方式來呈現(xiàn)，本身就無法直觀出產(chǎn)品給用戶的整體感覺和交互體驗。

如果你信奉用原型+標注的方式來寫PRD，那么善用AxureRP8可以解決以上的問題。

一、PRD的要素

我們先從一份PRD需要具備哪些要素來說起，至少有原型和邏輯兩大塊。

原型包含頁面和交互。最好是全部頁面，以及至少基礎的交互。

邏輯包含功能邏輯、交互邏輯、視覺邏輯、技術邏輯，業(yè)務邏輯5種。如果分得比較細的話，技術邏輯還可分為客戶端邏輯和服務端邏輯，比如前端如何呈現(xiàn)數(shù)據(jù)，服務端如何設計字段和表。

二、不同受眾需要看到什么

對于不同的受眾，我們想讓他們看到的PRD內(nèi)容是有很大差異的。

2.1、如果給種子用戶看

僅需看PRD中的原型。感知這是一個什么樣的產(chǎn)品，方便給我們提建議。

2.2、如果給視覺設計師看

主要看頁面和視覺邏輯，次要看交互邏輯。其他邏輯很少看。

2.3、如果給客戶端開發(fā)看

主要看原型和技術邏輯和交互邏輯，其次是看其他邏輯。

2.4、如果給服務端開發(fā)看

主要看技術邏輯，其次是原型。有時候也需要看其他邏輯。

三、用Axure寫PRD

我這里以設計APP“閃電約”來講解用Axure寫PRD的步驟。

3.1、畫原型

①定義原型的尺寸

詳見《為什么375×667是移動端原型設計的最佳分辨率》和《如何在Axure中正確設置APP原型的尺寸》這2篇文章。

②畫頁面和交互

畫這個APP所有的頁面和基礎的交互，也可以一個版本一個版本的畫。這一步挺復雜，點擊查看demo閃電約原型，后續(xù)的文章我來仔細講講。

③配置生成原型的規(guī)則

就是生成原型需要做特殊設置，詳見《Axure如何如何生成適配手機屏幕的APP原型?！?/p>

④把原型放到網(wǎng)上

放到網(wǎng)上才可以隨時隨地讓不同受眾進行查看，詳見《如何把原型放到網(wǎng)絡上》

⑤查看APP原型

不管是哪種受眾，其實最好都在手機上體驗一下APP原型，有一個整體的感知。詳見《如何在手機上完美體驗Axure生成的APP原型》

3.2、寫邏輯

寫邏輯有很多種方法，大家應該有各自的經(jīng)驗?？梢詤⒖家幌挛抑暗奈恼?。

《如何用Axure表達產(chǎn)品邏輯》，以及《Notes最正統(tǒng)的Axure產(chǎn)品邏輯表達法?！?/p>

3.3、畫流程

延伸一點點，除了原型和邏輯之外、流程也是PRD中的重要部分，只是初級PM一般不擅長。這里不展開，簡單說2句。

對于客戶端開發(fā)來說，如果能夠提供完整的頁面流程圖、功能流程圖、業(yè)務流程圖更好。對于服務端開發(fā)來說，當然如果能夠提供完整的業(yè)務流程圖、功能流程圖更好。

四、如何交付PRD給不同受眾

由于我們是用Axure來寫PRD，所以交付物的形態(tài)還是原型。

然后交付給不同受眾的同時，也需要講清楚查看方法。

比如我們最終生成的原型網(wǎng)址http://51prd.com/demo/#g=1&p=首頁，那么原型目錄=http://51prd.com/demo/下面。

4.1、交付給種子用戶

根據(jù)原型網(wǎng)址，其實很容易找到http://51prd.com/demo/首頁.html。然后把該網(wǎng)址發(fā)給種子用戶，并按照上面的“查看原型”方法進行操作然后在手機上查看，效果如下。

需要注意的是，Axure默認生成的原型是包含了注釋的，你可以去掉設置“包含備注在腳注”。

然后最終效果如下。

4.2、交付給視覺設計師

直接交付http://51prd.com/demo/#g=1&p=首頁，然后方便查看所需內(nèi)容。

當然也可以通過chrome-視圖-開發(fā)者-開發(fā)者工具，切換到你想看的APP原型。

4.3、交付給客戶端開發(fā)

直接交付http://51prd.com/demo/#g=1&p=首頁，然后方便查看所需內(nèi)容。

4.4、交付給服務端開發(fā)

直接交付http://51prd.com/demo/#g=1&p=首頁，然后方便查看所需內(nèi)容。

五、總結

從實現(xiàn)角度其實很簡單，就是將一份Axure原型發(fā)布到網(wǎng)上，將不同的網(wǎng)址發(fā)給不同受眾。但是結果是一份PRD將相應的產(chǎn)品思想傳達給不同的受眾，而且效率很高，修改也很方便。

作者：浪子，業(yè)務型PM，浪子PRD系列51prd.com，公眾號langzisay。