善用Axure寫PRD,最正統(tǒng)的產(chǎn)品邏輯表達法

25 評論 86350 瀏覽 449 收藏 7 分鐘

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

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

notes 的作用

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

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

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

notes是什么

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

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

部分漢化包將notes命名為“元件說明”或者“備注”,請知悉。

如何用 notes 寫邏輯

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

選中控件

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

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

添加注釋

填寫你對這個控件定義的邏輯。比如這樣子:

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

修改注釋名稱

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

新增注釋類型

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

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

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

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

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

如何查看控件邏輯

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

如何查看頁面邏輯

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

高亮選中邏輯

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

查看完整APP案例

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

總結(jié)

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

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

相關閱讀

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

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

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

#專欄作家#

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

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

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 后期如何快速檢索notes中的內(nèi)容呢

    來自上海 回復
  2. 不好用,不適合開發(fā)看…

    來自浙江 回復
  3. 很多開發(fā)喜歡一眼看到原型和說明,而隱藏的notes可能不太適用

    回復
    1. 確實

      來自廣東 回復
  4. 想請教一下:
    note的設置面板中,有fields和sets兩個標簽頁,sets是什么作用呢?

    我理解的是給note分組,因為添加了sets后,可以將fields分配給sets;

    但是從頁面呈現(xiàn)效果看,分不分給sets,添加注釋后,預覽效果是一樣的。

    不知道是不是我理解錯了?試驗了多次,沒發(fā)現(xiàn)它有啥用處?
    ??

    來自福建 回復
    1. Axure官方邏輯:sets是fields的集合,同一個fields可以存在于不同的sets中。

      你可以理解為將fields分配給sets,其實就是給field打了一個sets的標簽。

      從頁面呈現(xiàn)效果看是一樣的,但sets的機制方便了你對注釋的編輯。如果你的原型中有20個以上的fields,而某種元件的注釋只用到其中5個fields,且這種元件在原型中被大量使用,如果每次為元件添加注釋時,都從20個fields里面找到這5個時,是很累的。而通過選擇將這5個fields放置到同一個sets,編輯注釋時只需選擇這一個sets,注釋界面就只顯示這5個fields,不需要一一查找,從而節(jié)省了時間。

      當然,fields少的情況下是無需這么做的。這樣的做法在大型項目中會更有必要。

      來自北京 回復
    2. 說的很對,一般項目用不到。一般只需要用到fields就夠啦。
      很贊很贊

      來自上海 回復
  5. 你好,請問組合要輸入notes的話要怎么弄?我RP的組合notes輸入框是灰色的,不能輸入

    來自廣東 回復
    1. 組合之后不是元件,所以不支持填寫notes。
      你可以改組合為動態(tài)面板,然后填寫notes。
      但本質(zhì)上你應該為每一個最細顆粒的元件來寫邏輯

      來自上海 回復
  6. 嗯,比WORD方便多了

    來自北京 回復
  7. 有個問題。
    有些按鈕交互邏輯如果用NOTE的話,不能圖文并茂。
    但有些頁面中需要表現(xiàn)不同狀態(tài)之間的跳轉(zhuǎn),如果用NOTES,怎么操作呢?

    來自安徽 回復
    1. 有些按鈕的交互邏輯,你說的是交互樣式嗎?如果是的話,寫到全局規(guī)范里面,不建議寫到每一個按鈕里面。
      有些頁面需要表現(xiàn)狀態(tài)之間的跳轉(zhuǎn)?沒聽懂你的問題

      來自江蘇 回復
  8. 這個開發(fā)打開IE能看到里面的注釋嗎?

    來自廣東 回復
    1. 當然可以,不是有演示地址的嗎,仔細看啊。

      來自上海 回復
  9. note的類型是全局通用的,一開始還以為是每個控件獨立定義。謝謝分享~

    來自福建 回復
    1. 嗯嗯,多看看Axure官方的guide就知道了。

      來自上海 回復
    2. 我終于體會到你這句話的意思了。
      你看的是英文的嗎?

      來自福建 回復
  10. Get到了,很有用的技能,謝謝分享。

    回復
  11. 干貨,大贊

    來自四川 回復
  12. 真正學到了,謝謝這么有價值的分享

    回復
  13. 太贊了!感謝

    來自福建 回復
  14. 嘆為觀止。做了我一直想做但是能力不足以達成的工作。感謝

    來自廣東 回復
    1. 想做就做,其他都是借口吧

      來自上海 回復