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

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

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

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

如果你信奉用原型+標(biāo)注的方式來(lái)寫(xiě)PRD，那么善用AxureRP8可以解決以上的問(wèn)題。

一、PRD的要素

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

原型包含頁(yè)面和交互。最好是全部頁(yè)面，以及至少基礎(chǔ)的交互。

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

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

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

2.1、如果給種子用戶(hù)看

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

2.2、如果給視覺(jué)設(shè)計(jì)師看

主要看頁(yè)面和視覺(jué)邏輯，次要看交互邏輯。其他邏輯很少看。

2.3、如果給客戶(hù)端開(kāi)發(fā)看

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

2.4、如果給服務(wù)端開(kāi)發(fā)看

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

三、用Axure寫(xiě)PRD

我這里以設(shè)計(jì)APP“閃電約”來(lái)講解用Axure寫(xiě)PRD的步驟。

3.1、畫(huà)原型

①定義原型的尺寸

詳見(jiàn)《為什么375×667是移動(dòng)端原型設(shè)計(jì)的最佳分辨率》和《如何在Axure中正確設(shè)置APP原型的尺寸》這2篇文章。

②畫(huà)頁(yè)面和交互

畫(huà)這個(gè)APP所有的頁(yè)面和基礎(chǔ)的交互，也可以一個(gè)版本一個(gè)版本的畫(huà)。這一步挺復(fù)雜，點(diǎn)擊查看demo閃電約原型，后續(xù)的文章我來(lái)仔細(xì)講講。

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

就是生成原型需要做特殊設(shè)置，詳見(jiàn)《Axure如何如何生成適配手機(jī)屏幕的APP原型?！?/p>

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

放到網(wǎng)上才可以隨時(shí)隨地讓不同受眾進(jìn)行查看，詳見(jiàn)《如何把原型放到網(wǎng)絡(luò)上》

⑤查看APP原型

不管是哪種受眾，其實(shí)最好都在手機(jī)上體驗(yàn)一下APP原型，有一個(gè)整體的感知。詳見(jiàn)《如何在手機(jī)上完美體驗(yàn)Axure生成的APP原型》

3.2、寫(xiě)邏輯

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

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

3.3、畫(huà)流程

延伸一點(diǎn)點(diǎn)，除了原型和邏輯之外、流程也是PRD中的重要部分，只是初級(jí)PM一般不擅長(zhǎng)。這里不展開(kāi)，簡(jiǎn)單說(shuō)2句。

對(duì)于客戶(hù)端開(kāi)發(fā)來(lái)說(shuō)，如果能夠提供完整的頁(yè)面流程圖、功能流程圖、業(yè)務(wù)流程圖更好。對(duì)于服務(wù)端開(kāi)發(fā)來(lái)說(shuō)，當(dāng)然如果能夠提供完整的業(yè)務(wù)流程圖、功能流程圖更好。

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

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

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

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

4.1、交付給種子用戶(hù)

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

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

然后最終效果如下。

4.2、交付給視覺(jué)設(shè)計(jì)師

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

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

4.3、交付給客戶(hù)端開(kāi)發(fā)

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

4.4、交付給服務(wù)端開(kāi)發(fā)

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

五、總結(jié)

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

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