我想要的原型注解方式是這樣的……
原型的最大目的,無非是將產(chǎn)品的要求理解以一種簡單明白的方式展現(xiàn)給開發(fā)或者設(shè)計伙伴。從而使得產(chǎn)品的構(gòu)想和實際產(chǎn)出能夠最大程度的接近。
Prd文檔+原型的模式,是執(zhí)行產(chǎn)品經(jīng)常做的一種需求告知的方式。
然而,很多時候(為避免一概而論,僅參考自身碰到的情境)開發(fā)及設(shè)計很少有效率能夠?qū)煞菸臋n同時關(guān)注并仔細揣摩解讀。其中會涉及到原型的點到prd的點對應(yīng)問題,萬一關(guān)聯(lián)錯誤或解讀錯誤,勢必會花很多時間去詢問理解。
因此,現(xiàn)在針對大部分的產(chǎn)品需求展現(xiàn),我只需要通過原型+注解的方式來展示來避免關(guān)聯(lián)的不便。
那么,一般的1.0版本的原型需求是怎樣的呢?
如下圖(圖片源自網(wǎng)絡(luò)):
沒錯,就是在原型的旁邊加線引出標注。
當然也有其他的一些方式如下圖(圖片源自網(wǎng)絡(luò)):
就是需求都在一處,用序號點來關(guān)聯(lián)需求點和頁面點的方式。
本著個人愛折騰原則,我認為以上這些方式都不是我想要的原型注解方式。
那么,我想要的原型注解方式是怎樣的?
需求來了!
- 我希望注解能固定在一個地方且第一時間能看到(這樣開發(fā)就不會忽略注解只看圖)
- 我希望原型圖上的對應(yīng)需要注解的點和注解能夠迅速的關(guān)聯(lián)(比如我點這個點就可以立即看到注解)
基本上只要有這兩大需求能滿足就可以了。
那么,接下來就是各種試驗。
這里就有些尷尬了,試驗過程沒有截圖或者老版本的保存所以消失在異次元空間。
大致過程就是嘗試了各種方案,然后征求開發(fā)小伙伴和設(shè)計小伙伴的意見。
概念就像冰山理論,你只看到成品,卻不知道冰山下面掩埋多少尸體(默哀)
那么,最后是一個怎樣的東西呢?
來,放音樂(登登登登)~
其實,圖上的內(nèi)容大致分為兩塊:
第一塊:注解塊(文字說明填寫區(qū))
第二塊:標注點(放置到需要標注的地方)
那么具體怎么用呢?
第一步:放標注控件
這里一開始我個人習慣,為了給控件留放置區(qū)域,我的所有頁面的定位數(shù)據(jù)都是這個。
然后拖入標注控件
拖入后定位
為什么定位的x是-94大家應(yīng)該可以理解(下載元件后嘗試即可)?
第二步:放標注點 寫注解 或 寫注解 放標注點
為什么是或?因為個人習慣不一樣 ,我自己比較習慣先寫注解,再放標注點。
放標注點比較簡單,只要把標注點拖放到需要注解的位置即可。
寫注解則需要雙擊注解動態(tài)面板進入后再填寫注解內(nèi)容,一塊注解塊對應(yīng)一個標注點(在圖形命名上也會對應(yīng))。
做好后預(yù)覽一下你可以看到這樣的結(jié)果。
hover標注點,對應(yīng)注解塊會高亮,點擊標注點后,對應(yīng)注解塊會置頂展示。
hover注解塊,對應(yīng)標注點會閃爍,點擊注解塊,整體頁面會平移到標注點位置。
雙向的關(guān)聯(lián)對應(yīng)就是的需要注解點點和注解內(nèi)容直接關(guān)聯(lián)上,同時又不影響注解內(nèi)容直接第一時間被看到。
上一個用該標注做的社交圈子的demo點擊查看
小提示:
- 有時候注解塊不夠大的時候,拉高度去調(diào)整就可以了,最好不要拖動整個塊調(diào)位置,建議拉上邊沿和下邊沿調(diào)整,下方空間不夠時,框選下方所有注解塊shift+↓下移,多下移一些都沒事,優(yōu)先保證余量夠。
- 為什么只有一個標注點,因為其他標注點想用的時候只需要把隱藏去掉就可以顯示了
最后,再重復一句,原型不必要做的特別完美高保真。優(yōu)先保證說明的需求能完美傳達,其次才考慮制作室的內(nèi)容層次,排版布局是否整潔干凈。然后提高你自身做原型的效率,可以再考慮提前做好你自己經(jīng)常使用的原型控件,建議按自己的制作需要搭配,網(wǎng)上的控件太多,但其實簡單的幾個有需要的就夠了。
最后的最后,放下載鏈接:
按需提取,鼓勵提取后學習思考優(yōu)化后為己所用。
本文由 @RAMBLE?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
功能做得很有想法,學習了。缺點就是文字說明太多
樓主,強烈推薦你用AxurePlus這個插件??!完全滿足你的要求,而且使用起來簡單很多。把注釋像Word一樣一條一條從上到下清晰的附在原型頁面中,注釋里還可以用任意組件,不再僅限文字注釋了。進入看看效果圖:https://www.jianshu.com/p/9ec874b20703
很棒啦 會編程就是好啊
樓主的初衷是好的,不過這一長串的文字注釋,連我都看不下去,更別說開發(fā)人員了。
為什么要在原型做注釋,為的就是用簡潔的語言描述頁面,業(yè)務(wù)邏輯應(yīng)該另外寫,把一長串文字放到原型里,你這是逼開發(fā)連原型都不想看了。
說的是 不同場景不同需求 我和現(xiàn)在的開發(fā)溝通的很好 完全不需要任何注解
可以移入就滾動,再加一鍵隱藏 標記功能。
不過對于后臺產(chǎn)品適用性不強,比較頁面比較大,可能滿屏了
自己用的已經(jīng)加了,因團隊而異,我現(xiàn)在這個項目團隊配合度高,不需要標注,一看就懂,不懂就問
其實樓主,官方自帶的注釋就已經(jīng)可以滿足你的要求了:
直接點“note”,就可以在導航條內(nèi)看到本頁面所有你填寫的注釋,點擊某條注釋,被注釋的元件在內(nèi)容里就被標記出來了,而且可以隱藏注釋,避免注釋標記對美術(shù)的視覺干擾。
不過每個人都有自己的標記方式,習慣就好,樓主的鉆研精神值得稱贊,也是花了一番心思,也不是某些人所說的沒有價值。
看了樓主的DEOM,給個小小的建議,依然已經(jīng)標記出元件的注釋了,那么可以把每個元素都標記出來分別解釋,因為畢竟注釋框是文本,如果字數(shù)多了,閱讀性不強,大家都不喜歡看豆腐干是吧。如果多放幾個標記,把各個元素分別標記和解釋,效果會好很多。
樓主辛苦了,
??
很努力的在讀你寫的東西,還是沒理解
可能要等你想用到的時候會理解
【接上條】
在“帶標注控件”里找到了,謝謝。
??
還是有些不懂的地方,方便留個微信或者QQ咨詢嗎?我微信號是我ID
846709087
明白了,標注頁里,矩形和組合的名字一樣,容易搞混
所謂的帶標注控件在哪啊,沒找到
看了感覺還是挺收益的,已打賞。
可能是我水平還不是很理解,想問下能發(fā)下用該種標注做的rp文件研究下嗎?謝謝。
郵箱li.tiansoon@qq.com
可以的,支持。
看評論里同學的評論,其實有很多話要說,但是如果說的話,估計又可以寫一篇文章了。但是轉(zhuǎn)念一想,現(xiàn)在互聯(lián)網(wǎng)文章那么多了,其實該講的也都講了。但是很多時候,覺得有收獲的同學基本該收藏的收藏,打賞的打賞了。至于覺得無用的同學,我猜想有那么幾種情況吧:1我習慣目前的方式了,不想改變,反正我認為的方式就是最好的,你的行為都是徒勞無功。2我文章都不想看,demo也草草體驗或者不想體驗了,反正你這種只是元件分享而已嘛,太麻煩了。我比較希望的不是你真的認可這種方式,而是你的論點不應(yīng)該只是這么淺層,是不是可以去追求一下目的,我們?nèi)绾螌⒆约狠敵龅膬?nèi)容讓開發(fā)和設(shè)計更容易更方便的接受呢?如果您說不實用,在我回復您后,可以提出不實用的原因。以至于我回復了這么多也沒見一個人回應(yīng)。也是非常奇怪的。
所實話,體驗不太理想,AXURE自帶的就很好,你這個不在怎么樣,而且好多內(nèi)容,一交流就解決的,沒必要說那么多。
嗯 我只是分享給 和我一樣有需要的同學的
你這個注解還不如用axure8.0軟件自己的注解呢,也是點擊之后自動顯示
請問您體驗demo了嗎?
以及您看清我的需求及需求原因了嗎
這種很不實用,還特別累~不贊同
求推薦更高效率更實用的~
大部分小伙伴可能對最終的用戶有疑惑或者沒耐心看內(nèi)容的可以先體驗下demo:http://www.pmdaniu.com/rp/view?id=ByQCYAdmADwENQY3UnpXZA
demo無法訪問呦
更新地址:http://www.pmdaniu.com/rp/view?id=ByQCYAdmADwENQY3UnpXZA
寫了很多,但感覺不是很實用。
嗯 每個人需求不一樣 按需自取 但是原則不變 都是為提高開發(fā)效率
很喜歡
建議您使用一下 Axure原配的寫原件說明的功能NOTES。
相信你一定會喜歡上的
有嘗試過,不過還是無法達到我說的上述需求哦~
哈哈 您也可以下載我的這套標注元件看看是否喜歡~
好的,我也嘗試一下