起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)善用Axure寫PRD：產(chǎn)品邏輯的五種呈現(xiàn)方法
不管是APP、web網(wǎng)站還是pc客戶端的軟件，流程&頁(yè)面&交互&邏輯始終是最重要的幾環(huán)，分享一下我呈現(xiàn)邏輯的幾種方法，大部分PM應(yīng)該也采用過(guò)類似的方法。
一、直接不寫邏輯
最開(kāi)始根本沒(méi)有寫邏輯的概念，只是用交互事件加上基本的頁(yè)面跳轉(zhuǎn)。當(dāng)技術(shù)童鞋來(lái)問(wèn)的時(shí)候，口述給他。經(jīng)常會(huì)被鄙視。
二、直接寫到頁(yè)面里
開(kāi)始學(xué)乖了，把一些邏輯直接寫到頁(yè)面里。不過(guò)很快就發(fā)現(xiàn)了弊病，某些邏輯不應(yīng)該呈現(xiàn)給用戶，只能給前后端童鞋看。同時(shí)也造成了UI童鞋設(shè)計(jì)的困擾。
比如圖中的下一步按鈕下方的內(nèi)容，不用寫給用戶。
三、把邏輯寫到頁(yè)面旁邊
這回比較靠譜了，至少是技術(shù)童鞋能夠看懂的方式，有頁(yè)面，有邏輯，還帶一點(diǎn)交互。
這也是目前大部分PM所采用的方式，寫起來(lái)快捷，看起來(lái)直觀。比較符合敏捷開(kāi)發(fā)的理念。
順便說(shuō)一下Axure8提供了各種顏色的標(biāo)簽紙，幫助PM可以更好的來(lái)寫邏輯。
四、把邏輯寫到每一個(gè)控件
后來(lái)，當(dāng)我需要設(shè)計(jì)的頁(yè)面很復(fù)雜的時(shí)候，發(fā)現(xiàn)貌似用便簽紙的方式寫整個(gè)頁(yè)面的邏輯不太適合。頁(yè)面中每一個(gè)控件都有多種狀態(tài)，有不同的交互事件，需要考慮不同的交互樣式。
此時(shí)我發(fā)現(xiàn)至少得細(xì)分到每一個(gè)控件來(lái)寫，最后寫整個(gè)頁(yè)面的跳轉(zhuǎn)，交互，邏輯，加載等邏輯。
按照一個(gè)一個(gè)控件的方式來(lái)寫，不容易遺漏關(guān)鍵邏輯。
五、使用axure自帶的注釋來(lái)寫邏輯
最近一年多一直使用axure自帶的注釋系統(tǒng)來(lái)寫所有的邏輯，感覺(jué)這是最佳的邏輯呈現(xiàn)方式，對(duì)前后端童鞋來(lái)說(shuō)。
好處至少有三：
- 不漏。一個(gè)控件一個(gè)控件的寫邏輯，不容易遺漏。
- 完整。可以在注釋的地方寫上需求詳解，交互描述，視覺(jué)要求，業(yè)務(wù)說(shuō)明，以及技術(shù)邏輯主要的5個(gè)方面。
- 易看。你會(huì)發(fā)現(xiàn)選中左方tab-notes中的某一個(gè)模塊，右方會(huì)藍(lán)色高亮選中控件的邊緣。標(biāo)注這個(gè)文本框?qū)?yīng)的注釋是哪些。比拖拉一個(gè)便簽好用太多。
怎么寫注釋呢，其實(shí)很簡(jiǎn)單。在axure的具體頁(yè)面中，點(diǎn)擊某個(gè)控件，然后在右方的注釋區(qū)添加即可。
當(dāng)然最好區(qū)分一下邏輯類型。
頁(yè)面，寫在Axure的Pages中。生成原型后請(qǐng)點(diǎn)擊左側(cè)Pages進(jìn)行查看。
交互，寫在Axure的Interaction中。生成原型后請(qǐng)點(diǎn)擊左側(cè)Pages中的鏈接圖標(biāo)進(jìn)行展示和隱藏。
邏輯，寫在Axure的Notes中。生成原型后請(qǐng)點(diǎn)擊左側(cè)Notes后查看，或者點(diǎn)擊右側(cè)元件旁邊的圖標(biāo)進(jìn)行查看。
元件的邏輯有5種，具體如下：
- 功能邏輯：詳細(xì)講解該功能的邏輯。
- 交互邏輯：對(duì)頁(yè)面之間的相互跳轉(zhuǎn)進(jìn)行說(shuō)明。
- 視覺(jué)邏輯：對(duì)顏色，對(duì)圖標(biāo)的要求。
- 業(yè)務(wù)邏輯：講一下該功能對(duì)應(yīng)著什么業(yè)務(wù)。
- 技術(shù)邏輯：有些邏輯可能用技術(shù)語(yǔ)言描述更清楚一點(diǎn)，以及對(duì)技術(shù)有特殊的要求。
以上所用示例都是多年前的作品了，要么產(chǎn)品已掛，要么早就迭代不知道哪里去了，所以拿出來(lái)分享一下。
相關(guān)閱讀
善用Axure寫PRD，移動(dòng)PM需要梳理這些流程圖
善用Axure寫PRD，全局規(guī)范一個(gè)都不能少
善用Axure寫PRD：APP文本框通用的輸入規(guī)則
作者：吳寶峰(個(gè)人公眾號(hào)langzisay)，業(yè)務(wù)型產(chǎn)品經(jīng)理，3年社交+4年電商的工作經(jīng)驗(yàn)。
本文由 @吳寶峰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
我還是選擇了在原型旁邊寫注釋。嘗試過(guò)如果用notes的話，notes太多，或者內(nèi)容太長(zhǎng)，notes和原型圖可能不在同一個(gè)視線范圍內(nèi)。 而且我的Axure出現(xiàn)過(guò)問(wèn)題，就是點(diǎn)原型圖上的notes圖標(biāo)，不彈出notes。
“功能邏輯：詳細(xì)講解該功能的邏輯。
交互邏輯：對(duì)頁(yè)面之間的相互跳轉(zhuǎn)進(jìn)行說(shuō)明。
業(yè)務(wù)邏輯：講一下該功能對(duì)應(yīng)著什么業(yè)務(wù)?！?br /> 請(qǐng)問(wèn)功能邏輯是否可以理解為對(duì)應(yīng)類似于前端或者后端的邏輯判斷，比如點(diǎn)擊登錄按鈕要進(jìn)行各種條件的判斷；交互邏輯是前端的顯示，包括頁(yè)面跳轉(zhuǎn)，出現(xiàn)alert,toast等； 業(yè)務(wù)邏輯是某一個(gè)功能，比如手機(jī)+驗(yàn)證碼登錄功能？
功能邏輯要闡明前置條件、后置條件就可以說(shuō)明實(shí)現(xiàn)過(guò)程
使用元件note來(lái)書寫需求，富文本怎么接入呢？
比如，點(diǎn)擊從相冊(cè)中選擇，無(wú)系統(tǒng)相冊(cè)獲取權(quán)限，彈框提示，“無(wú)權(quán)限前去設(shè)置”底部二個(gè)操作按鈕， 一個(gè)取消、一個(gè)去設(shè)置
這種該怎么表達(dá)呢？
這種用原型本身表示啊，notes是原型的補(bǔ)充。主次之分。
每篇文章都=值得我好好學(xué)習(xí)
請(qǐng)問(wèn)如何用原型圖表述頁(yè)面多狀態(tài)？比如多種錯(cuò)誤驗(yàn)證，空白，格式不正確，甚至alert警告
你好，請(qǐng)教一下最后用注釋的方式，如何解決版本迭代，需求變更的問(wèn)題呢
這個(gè)問(wèn)題詳見(jiàn)另外一篇文章，http://www.codemsi.com/pmd/582384.html。
如果原型像這樣注釋地很詳細(xì)的話，那還要寫需求文檔不？
不需要，本來(lái)你就可以把Axure的原型+注釋，當(dāng)做PRD交付給技術(shù)。
如果是甲方明確需要word交付，那就沒(méi)辦法，還是需要寫word版本的prd，但僅僅是為了交付使用，其實(shí)prd在原型圖中細(xì)化到這種程度基本可以了，當(dāng)然復(fù)雜的業(yè)務(wù)邏輯還是需要細(xì)化的業(yè)務(wù)流程圖
“交互，寫在Axure的Interaction中。生成原型后請(qǐng)點(diǎn)擊左側(cè)Pages中的鏈接圖標(biāo)進(jìn)行展示和隱藏?！边@句話沒(méi)有看懂，指的是通過(guò)點(diǎn)擊CONSLOE隱藏？
不是。
你仔細(xì)看再上面一個(gè)圖中的藍(lán)色圖標(biāo)，代表notes代表該元件或者頁(yè)面的注釋。也就是具體邏輯。
指的是以文字形式描述的交互？
沒(méi)聽(tīng)懂你的表述，還是不懂加我微信nuanai88
同樣沒(méi)看懂
那三句其實(shí)就是說(shuō)左邊的notes可以看和右邊的小圖標(biāo)也可以看，剛開(kāi)始我也沒(méi)看懂 ??
點(diǎn)擊左側(cè)notes可以看到自己寫的某控件或頁(yè)面的注釋。右側(cè)原型圖中當(dāng)控件注釋不為null時(shí)會(huì)有角標(biāo)進(jìn)行提示，點(diǎn)擊可查看（默認(rèn)隱藏狀態(tài)）
NOTES 在windows的8.0.0.3322上無(wú)法顯示，增加注釋并生成后顯示的No notes for this page。
類似的出錯(cuò)我碰到過(guò)，是rp源文件有問(wèn)題，我導(dǎo)入了其他rp導(dǎo)致的問(wèn)題。你可以參考下。
嗯，確實(shí)，換一個(gè)rp就可以了
Axure 8 在OS上安裝完為什么中文字體讀不出來(lái)？
問(wèn)題能描述清楚一點(diǎn)呢。
請(qǐng)問(wèn)部件注釋寫好并生成后怎么顯示在左側(cè)notes的那一欄里啊，我現(xiàn)在做的這個(gè)只能點(diǎn)擊部件上的小圖標(biāo)才能查看注釋。。。而且notes這一欄只顯示頁(yè)面注釋的內(nèi)容，不顯示部件注釋。
請(qǐng)使用axure7之后的版本，最好是axure8即可方便展示在原型的左方目錄樹。
我就是用的8啊，還是弄不出來(lái)你那個(gè)效果。搗鼓了半天～
生成后看原型，還是不懂加我微信nuanai88
在嗎？貼主？？有個(gè)問(wèn)題想請(qǐng)教你
有問(wèn)題請(qǐng)直接提，不要問(wèn)“在嗎”這樣沒(méi)意義的問(wèn)題。
您這是Axure幾呀？我的生成后左側(cè)樹里，沒(méi)有展示的那樣。不知道咋弄
axure8才可以
?? 謝謝
采用備注的形式效果怎樣，開(kāi)發(fā)那邊有啥反應(yīng)？我原來(lái)用過(guò)一部分備注的形式，后來(lái)發(fā)現(xiàn)效果不太好，可能是沒(méi)有跟技術(shù)的小伙伴特別強(qiáng)調(diào)過(guò)，或者把備注這種方式正式化一些。最近在規(guī)劃后臺(tái)，我準(zhǔn)備嘗試一下那種上面是原型交互、下面是交互說(shuō)明、中間用分頁(yè)符隔開(kāi)的寫作格式。
開(kāi)發(fā)那邊的反應(yīng)沒(méi)啥問(wèn)題，跑了好幾個(gè)版本很順暢。即使有問(wèn)題那也還是PM的邏輯漏了。
而且這種呈現(xiàn)邏輯的方式更加直觀。
這個(gè)不正式化嗎，這是axure官方推薦的表現(xiàn)邏輯的方式。
我用的是8，想問(wèn)個(gè)問(wèn)題，在本地編輯時(shí)一切正常，但是使用團(tuán)隊(duì)共享后，預(yù)覽時(shí)就只顯示頁(yè)面的注釋，不顯示控件的注釋？這情況遇到過(guò)沒(méi) ??
重新導(dǎo)入。還有就是是rp不是rplib。