很多PM使用Axure畫原型，然后通過口述、word、visio、標(biāo)簽、原型旁邊文字標(biāo)注等方法來表達(dá)產(chǎn)品邏輯。很少有PM使用Axure官方推薦的notes，而事實(shí)上這才是正統(tǒng)高效的產(chǎn)品邏輯表達(dá)法。

可能是因?yàn)锳xure官方?jīng)]出過相關(guān)的中文教程，網(wǎng)上很少有人總結(jié)過類似的經(jīng)驗(yàn)。今天我來完整的講解一下notes表達(dá)法，希望對(duì)大家有所啟發(fā)。

notes 的作用

曾經(jīng)寫過一篇文章介紹各種產(chǎn)品邏輯表達(dá)法 ，可以輔助閱讀。

notes邏輯表達(dá)法相比于其他方法，具有以下優(yōu)勢(shì)，其中易讀性特別重要。

• 不漏。一個(gè)控件一個(gè)控件的寫邏輯，不容易遺漏。
• 完整性。定義好注釋字段后，從功能、視覺、交互、業(yè)務(wù)、技術(shù)等多個(gè)角度來描述。
• 易讀性。生成原型后可以方便每一個(gè)控件的邏輯。頁面邏輯可以單獨(dú)查看。
• 結(jié)構(gòu)化。導(dǎo)入rp源文件的時(shí)候，可以選擇導(dǎo)入指定notes字段，或者不導(dǎo)入。
• 批量化?？梢詫⒁粋€(gè)控件的全部邏輯批量復(fù)制到另外一個(gè)相似控件上。

notes是什么

Axure官方對(duì)notes的定義是，與控件或者頁面相關(guān)聯(lián)的文本元數(shù)據(jù)?？捎糜谟涗浺?guī)格，將控件和頁面與需求本身相關(guān)聯(lián)，記錄更改，并與隊(duì)友進(jìn)行溝通。

通?？丶晚撁孀詭б粋€(gè)名為“note”并且類型為文本的注釋字段。

部分漢化包將notes命名為“元件說明”或者“備注”，請(qǐng)知悉。

如何用 notes 寫邏輯

我主要講一下如何寫控件的notes，頁面的邏輯寫法相似的，會(huì)一帶而過。

選中控件

進(jìn)入你要修改的頁面，在畫布中選擇需要的控件。此時(shí)右方檢查器那邊，點(diǎn)擊中間的選項(xiàng)卡。

如果是設(shè)置頁面注釋，直接進(jìn)入畫布不要選中任何控件或者單擊空白區(qū)域，此時(shí)右方檢查器自動(dòng)切換成頁面檢查器。

添加注釋

填寫你對(duì)這個(gè)控件定義的邏輯。比如這樣子：

具有筆記或互動(dòng)的小部件在畫布上顯示時(shí)，會(huì)在小工具的右上角顯示一個(gè)藍(lán)色的腳注圖標(biāo)。

修改注釋名稱

然后，如果你覺得這個(gè)注釋命名note不合理，想修改。請(qǐng)點(diǎn)擊上方的Customize Fileds，進(jìn)入彈窗。然后雙擊名稱，即可修改。

新增注釋類型

用著用著，你會(huì)發(fā)現(xiàn)一個(gè)注釋字段無法寫清楚多方面的邏輯。此時(shí)可以新增幾個(gè)注釋字段。

點(diǎn)擊Add，新增注釋字段，選擇類型：文本、選擇列表，數(shù)字、日期。注意頁面注釋只有文本類型。

比如，我們新建一個(gè)“視覺邏輯”，成功之后，回到任何一個(gè)頁面的畫布中，再次選擇控件即可看到該新增字段。注意如果類型是選擇列表的時(shí)候，需要在右邊填充列表項(xiàng)。

如何查看產(chǎn)品邏輯

在查看HTML輸出時(shí)，Axure RP界面和瀏覽器都可以看到注釋，但只能在RP源文件中進(jìn)行編輯。

如何查看控件邏輯

生成原型之后，進(jìn)入到對(duì)應(yīng)的頁面。點(diǎn)擊該控件旁邊的藍(lán)色小圖標(biāo)，即可展示該控件的全部邏輯。

如何查看頁面邏輯

另外你可以在左方的Tab中選擇notes，查看該頁面所有的控件邏輯，其中頁面邏輯顯示在做上面。

高亮選中邏輯

點(diǎn)擊邏輯，此時(shí)右方會(huì)藍(lán)色高亮選中控件的邊緣。表示這個(gè)控件對(duì)應(yīng)的注釋是哪些。這種體驗(yàn)比拖拉一個(gè)便簽好用太多。

查看完整APP案例

點(diǎn)擊查看我用此方法完整撰寫的APP案例-閃電約，也可以下載原型學(xué)習(xí)。

總結(jié)

事實(shí)上三四年前我就開始使用notes邏輯表達(dá)法了，當(dāng)Axure RP升級(jí)到版本8的時(shí)候，notes功能才真正的算是很實(shí)用。推薦大家都可以試試notes邏輯表達(dá)法。

另外有英文基礎(chǔ)的朋友建議看一下官方對(duì)該功能的定義和講解，WIDGET AND PAGE NOTES。

相關(guān)閱讀

善用Axure寫PRD，APP文本框通用的輸入規(guī)則

善用Axure寫PRD，產(chǎn)品邏輯的5種呈現(xiàn)方法

善用Axure寫PRD，全面通用的移動(dòng)端產(chǎn)品規(guī)范V2.0

#專欄作家#

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

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