Notes是Axure中最正統的產品邏輯表達法

很多PM使用Axure畫原型，然後通過口述、word、visio、標籤、原型旁邊文字標註等方法來表達產品邏輯。

很少有PM使用Axure官方推薦的Notes，而事實上這才是正統高效的產品邏輯表達法。

可能是因為Axure官方沒出過相關的中文教程，網上很少有人總結過類似的經驗。今天我來完整的講解一下Notes表達法，希望對大家有所啟發。

一、Notes的作用

曾經寫過一篇文章產品邏輯的常用表達法 ，可以輔助閱讀。

notes邏輯表達法相比於其他方法，具有以下優勢，其中易讀性特別重要。

• 不漏。一個控制項一個控制項的寫邏輯，不容易遺漏。
• 完整性。定義好注釋欄位後，從功能、視覺、交互、業務、技術等多個角度來描述。
• 易讀性。生成原型後可以方便每一個控制項的邏輯。頁面邏輯可以單獨查看。
• 結構化。導入rp源文件的時候，可以選擇導入指定notes欄位，或者不導入。
• 批量化。可以將一個控制項的全部邏輯批量複製到另外一個相似控制項上。

二、notes是什麼

Axure官方對notes的定義是，與控制項或者頁面相關聯的文本元數據。可用於記錄規格，將控制項和頁面與需求本身相關聯，記錄更改，並與隊友進行溝通。

通常控制項和頁面自帶一個名為「note」並且類型為文本的注釋欄位。

部分漢化包將notes命名為「元件說明」或者「備註」，請知悉。

三、如何用notes寫邏輯

我主要講一下如何寫控制項的notes，頁面的邏輯寫法相似的，會一帶而過。

3.1、選中控制項

進入你要修改的頁面，在畫布中選擇需要的控制項。此時右方檢查器那邊，點擊中間的選項卡。

如果是設置頁面注釋，直接進入畫布不要選中任何控制項或者單擊空白區域，此時右方檢查器自動切換成頁面檢查器。

3.2、添加註釋

填寫你對這個控制項定義的邏輯。比如這樣子：

具有筆記或互動的小部件在畫布上顯示時，會在小工具的右上角顯示一個藍色的腳註圖標。

3.3、修改注釋名稱

然後如果你覺得這個注釋命名note不合理，想修改。請點擊上方的Customize Fileds，進入彈窗。然後雙擊名稱，即可修改。

3.4、新增注釋類型

用著用著，你會發現一個注釋欄位無法寫清楚多方面的邏輯。此時可以新增幾個注釋欄位。

點擊Add，新增注釋欄位，選擇類型：文本、選擇列表，數字、日期。注意頁面注釋只有文本類型。

比如我們新建一個「視覺邏輯」，成功之後，回到任何一個頁面的畫布中，再次選擇控制項即可看到該新增欄位。注意如果類型是選擇列表的時候，需要在右邊填充列表項。

四、如何查看產品邏輯

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

4.1、如何查看控制項邏輯

生成原型之後，進入到對應的頁面。點擊該控制項旁邊的藍色小圖標，即可展示該控制項的全部邏輯。

4.2、如何查看頁面邏輯

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

4.3、高亮選中控制項邏輯

點擊邏輯，此時右方會藍色高亮選中控制項的邊緣。表示這個控制項對應的注釋是哪些。這種體驗比拖拉一個便簽好用太多。

五、查看完整APP案例

點擊查看我用此方法完整撰寫的APP案例-閃電約，也可以下載原型學習。

六、總結

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

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

點擊下載rp原型

作者：浪子，關注公眾號langzisay查看全部文章，浪子PRD系列http://51prd.com。