原型圖需要注釋哪些內(nèi)容?哪些是必須注釋的?
免費(fèi)學(xué)習(xí)運(yùn)營(yíng)+產(chǎn)品，就點(diǎn)上方藍(lán)字關(guān)注我們
無(wú)論是策劃一個(gè)網(wǎng)站、一個(gè)app亦或者是一個(gè)單頁(yè)面，為了節(jié)省溝通成本、便于開發(fā)及設(shè)計(jì)伙伴解讀，都需要對(duì)原型圖進(jìn)行注釋。關(guān)于如何注釋原型圖， 相信大家都有自己慣用或團(tuán)隊(duì)共認(rèn)的方法，個(gè)人習(xí)慣“原型+PRD結(jié)合”，這里就不多說(shuō)了。今天咱們討論總結(jié)一下原型圖需要注釋哪些內(nèi)容？有哪些是感覺(jué)沒(méi)必要但必須要注釋的內(nèi)容。（閱讀本文需要3分鐘）
在PRD或原型圖中，總有一些詞語(yǔ)/概念是作為產(chǎn)品經(jīng)理的我們自己命名的，自己清楚意思但開發(fā)和設(shè)計(jì)伙伴看到后一臉懵。所以，在撰寫PRD和做原型圖時(shí)，盡量用大家通用的詞語(yǔ)/語(yǔ)言，如果確實(shí)不知專業(yè)怎么說(shuō)的詞語(yǔ)，就需要注釋這個(gè)詞語(yǔ)或概念到底是什么意思、想表達(dá)什么，減少開發(fā)和設(shè)計(jì)伙伴理解及溝通的時(shí)間成本。
2、交互樣式交互樣式注釋包括實(shí)現(xiàn)什么樣的交互，哪些交互需要特別注意等。十大常見(jiàn)的交互有Tab式（如微信）、卡片式（如商城列表頁(yè)）、抽屜式、下拉式、列表式、宮格式、彈窗式、輪播式（如Apple手機(jī)界面、banner圖輪播）、主題式、混合式（如淘寶、京東）。舉例如下：
抽屜式
下拉式
列表式
宮格式
彈窗式
主題式
由于iOS與Android設(shè)計(jì)語(yǔ)言、設(shè)計(jì)規(guī)范等不同，所以設(shè)計(jì)app時(shí)，要考慮并注釋出app中某處在兩者布局的區(qū)別或展示的不同效果。
4、字符范圍謹(jǐn)記一句話“有字符的地方就需要注釋范圍，除了文章詳情內(nèi)容”，其中字符包括字母、數(shù)字、文字和特殊符號(hào)。剛?cè)胄袝r(shí)，字符較少（如10個(gè)左右）情況下，我會(huì)直接碼字到原型圖里，自以為是的以為開發(fā)和設(shè)計(jì)小伙伴看到就明白此處限制多少字符，結(jié)果不僅碼字浪費(fèi)時(shí)間，而且增加了溝通成本。所以，千萬(wàn)不要以為字符少，就不注釋字符范圍。
5、登錄與否有的頁(yè)面是需要登錄后才能展現(xiàn)，有些功能是需要登錄后才能使用，這些需要登錄才能做的事情一定要在原型圖中注釋。否則，設(shè)計(jì)及開發(fā)伙伴忽視的情況下，做出來(lái)的產(chǎn)品就需要修改甚至返工，直接影響項(xiàng)目周期。
6、內(nèi)容類型及優(yōu)先級(jí)所有頁(yè)面都是由內(nèi)容組成的，視覺(jué)與交互設(shè)計(jì)是根據(jù)內(nèi)容思考表現(xiàn)形式的，進(jìn)而開發(fā)根據(jù)這些表現(xiàn)形式選擇合適的控件。所以，在原型圖中，需要對(duì)內(nèi)容類型進(jìn)行注釋，特別是容易出現(xiàn)歧義的內(nèi)容，如文本是單行文本還是多行文本、矩形框是輸入框還是搜索框等。內(nèi)容的類型包括文本、按鈕、圖片、視頻、搜索框、列表等等。
如果需要設(shè)計(jì)師突出顯示某些內(nèi)容，或者隱藏弱化某些內(nèi)容，就對(duì)內(nèi)容劃分優(yōu)先級(jí)并注釋，優(yōu)先級(jí)高的代表突出顯示，優(yōu)先級(jí)低的代表弱化或隱藏。
7、操作結(jié)果對(duì)“點(diǎn)擊、滑動(dòng)（上下左右）”等操作注釋操作結(jié)果，便于設(shè)計(jì)師據(jù)此考慮操作的形式、過(guò)程、結(jié)果等具體人機(jī)交互方法。
8、狀態(tài)注釋頁(yè)面在不同狀態(tài)下展示不同內(nèi)容的時(shí)候，需要對(duì)頁(yè)面狀態(tài)進(jìn)行注釋，比如初始狀態(tài)、未登錄狀態(tài)/登錄后狀態(tài)、未編輯狀態(tài)/已編輯狀態(tài)、默認(rèn)狀態(tài)及異常狀態(tài)等。
9、必填必選當(dāng)原型圖中出現(xiàn)需要用戶必填項(xiàng)或者必選項(xiàng)才能進(jìn)行下一步操作時(shí)，就要對(duì)必填項(xiàng)或必選項(xiàng)進(jìn)行注釋，便于設(shè)計(jì)及開發(fā)伙伴據(jù)此考慮表現(xiàn)形式。
以上是我整理總結(jié)的原型圖需要注釋的內(nèi)容，歡迎大家指正并提出更多原型圖需要注釋的內(nèi)容。
我是李雨澤，一個(gè)跨界運(yùn)營(yíng)者，深愛(ài)著產(chǎn)品和運(yùn)營(yíng)，勵(lì)志做一個(gè)懂產(chǎn)品的運(yùn)營(yíng)能手、懂運(yùn)營(yíng)的產(chǎn)品高手~