善用Axure寫PRD,最正統(tǒng)的產(chǎn)品邏輯表達法
很多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)載。
后期如何快速檢索notes中的內(nèi)容呢
不好用,不適合開發(fā)看…
很多開發(fā)喜歡一眼看到原型和說明,而隱藏的notes可能不太適用
確實
想請教一下:
note的設置面板中,有fields和sets兩個標簽頁,sets是什么作用呢?
我理解的是給note分組,因為添加了sets后,可以將fields分配給sets;
但是從頁面呈現(xiàn)效果看,分不分給sets,添加注釋后,預覽效果是一樣的。
不知道是不是我理解錯了?試驗了多次,沒發(fā)現(xiàn)它有啥用處?
??
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少的情況下是無需這么做的。這樣的做法在大型項目中會更有必要。
說的很對,一般項目用不到。一般只需要用到fields就夠啦。
很贊很贊
你好,請問組合要輸入notes的話要怎么弄?我RP的組合notes輸入框是灰色的,不能輸入
組合之后不是元件,所以不支持填寫notes。
你可以改組合為動態(tài)面板,然后填寫notes。
但本質(zhì)上你應該為每一個最細顆粒的元件來寫邏輯
嗯,比WORD方便多了
有個問題。
有些按鈕交互邏輯如果用NOTE的話,不能圖文并茂。
但有些頁面中需要表現(xiàn)不同狀態(tài)之間的跳轉(zhuǎn),如果用NOTES,怎么操作呢?
有些按鈕的交互邏輯,你說的是交互樣式嗎?如果是的話,寫到全局規(guī)范里面,不建議寫到每一個按鈕里面。
有些頁面需要表現(xiàn)狀態(tài)之間的跳轉(zhuǎn)?沒聽懂你的問題
這個開發(fā)打開IE能看到里面的注釋嗎?
當然可以,不是有演示地址的嗎,仔細看啊。
note的類型是全局通用的,一開始還以為是每個控件獨立定義。謝謝分享~
嗯嗯,多看看Axure官方的guide就知道了。
我終于體會到你這句話的意思了。
你看的是英文的嗎?
Get到了,很有用的技能,謝謝分享。
干貨,大贊
真正學到了,謝謝這么有價值的分享
太贊了!感謝
嘆為觀止。做了我一直想做但是能力不足以達成的工作。感謝
想做就做,其他都是借口吧