善用Axure寫PRD,全面通用的移動端產(chǎn)品規(guī)范V2.0
對于初級PM,會被動的感覺到技術(shù)會反復(fù)的問一些共性問題,比如頁面如何加載、如何跳轉(zhuǎn),網(wǎng)絡(luò)不好如何呈現(xiàn),是否需要全局埋點統(tǒng)計數(shù)據(jù)。對于高級PM,會主動的整理出一套通用的產(chǎn)品規(guī)范來處理APP的各種設(shè)計問題,甚至參與到搭建和重構(gòu)客戶端框架。
產(chǎn)品規(guī)范的由來
像UI設(shè)計師有統(tǒng)一的視覺規(guī)范、UE設(shè)計師有公認(rèn)的交互規(guī)則、服務(wù)端RD自己的設(shè)計模式,客戶端RD有各種前端框架調(diào)用。
而在當(dāng)下的互聯(lián)網(wǎng)環(huán)境下,PM其實一直沒有所謂的通用產(chǎn)品規(guī)范。也許是因為PM大部分是非科班出身,有可能是因為工作范圍太模糊,更有可能是因為PM需要介入每個環(huán)節(jié)而無法專精。
我根據(jù)自己的PM經(jīng)驗,將這幾年的產(chǎn)品文檔剝離掉具體業(yè)務(wù),整理了一套全面通用的移動端產(chǎn)品規(guī)范,希望對大家有點幫助。
產(chǎn)品規(guī)范是是什么
定義產(chǎn)品在原型、視覺、交互、實現(xiàn)等階段,需要團隊成員遵守的通用規(guī)則。
為什么是V2.0
之前寫過《PRD1.0分享:全面通用的移動端產(chǎn)品需求文檔》,里面其實包含不少這方面的知識。這次分享更加系統(tǒng)化,并且力求以很好的結(jié)構(gòu)思維來呈現(xiàn)。
預(yù)覽我的PRD規(guī)范
在線查看唯一更新網(wǎng)址,獲取原型點擊下載。
功能規(guī)范
設(shè)計功能的時候應(yīng)該遵循的規(guī)范,慢慢整理中。
比如功能盡量模塊化,盡量解耦。
比如很多功能應(yīng)該采用SDK,而不是自己開發(fā)。
比如時間顯示應(yīng)該有統(tǒng)一的規(guī)范,不應(yīng)該一會兒是1分鐘前一會兒是60秒前。
原型規(guī)范
包括設(shè)定原型的尺寸,創(chuàng)建原型,發(fā)布原型,查看原型的步驟。之前寫過相關(guān)的文章,《為什么375×667是移動端原型設(shè)計的最佳分辨率》,《如何設(shè)置手機APP原型尺寸》?,《如何生成適配手機的原型》。
視覺規(guī)范
指視覺元素需要遵循統(tǒng)一的視覺設(shè)計規(guī)則,所謂UI元素是我們應(yīng)用程序里可以看見的任何可視內(nèi)容。
頁面
頁面按照使用類型來劃分,大概有啟動頁、閃屏頁、故事板、主界面、Hybird頁,普通頁面。
欄
一般分為狀態(tài)欄、導(dǎo)航欄、搜索欄、工具欄、標(biāo)簽欄。
控件
太多了,常見的有文本框、按鈕、表格、圖片,具體的請下載原型或者查看在線原型。
臨時視圖
需要讓用戶停下當(dāng)前操作的必須操作,一般顯示在頁面上一層。
比如警告框,用于告知用戶一些會影響到他們使用APP或設(shè)備的重要信息。
內(nèi)容視圖
內(nèi)容視圖是整個APP信息展示的主要形式,比如列表、卡片、集合視圖等。
顧名思義,用來展示內(nèi)容。
交互規(guī)范
包含頁面的交互、狀態(tài)的切換、如何定義熱區(qū)范圍、邊界問題、常見輸入字段。詳見之前的文章《APP文本框通用的輸入規(guī)則》。
非功能性需求
軟件產(chǎn)品為滿足用戶業(yè)務(wù)需求而必須具有且除功能需求以外的特性。
命名規(guī)范
命名規(guī)范的作用
PRD的目的是定義產(chǎn)品和傳達(dá)需求,表達(dá)形式其實就2種圖+文。對圖文的命名直接影響著需求是否能夠準(zhǔn)確傳達(dá)。
總結(jié)
以上內(nèi)容是從PM的思路來通盤考慮產(chǎn)品開發(fā)的每一個階段,梳理出的交付給UI、RD的PRD規(guī)范。其實還不夠有深度和全面,甚至大綱還可以繼續(xù)拓展。
某種程度上你可以認(rèn)為這是一份提供給PM童鞋設(shè)計產(chǎn)品的SDK工具包,大部分內(nèi)容可以直接拿到自己的APP項目中應(yīng)用。
#專欄作家#
浪子,業(yè)務(wù)型PM,浪子PRD系列51prd.com,公眾號langzisay。
本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
跪求文檔,287503299@qq.com,謝謝
要是能分享一個原型就好了,單看文章雖然明白,但是具體內(nèi)容還是不清楚
公眾號搜索不到哦~
很詳細(xì)
非常感謝幫了大忙
不客氣哈,可以打個賞
要花錢的哈。知識變現(xiàn),666
點擊原型下載,頁面報錯哇
沒有啊,我剛剛測試了是ok的。
確實是OK的
跪求文檔?。。?!351999238@qq.com
好文
您好,想請教一下,為何下載下來的PRD模板解壓后都是HTML的文件。我該怎么在Axure里面運行呢
因為我分享的是原型,所以格式自然是html了。這個不可以直接在axure中運行。
可以運行的是axure的rp源文件,你可以關(guān)注我的公眾號langzisay,里面有下載的方法。
好的,已關(guān)注,謝謝!
寫的好專業(yè)
都是這樣在axure中prd好詳細(xì)
跪求prd文檔學(xué)習(xí),不勝感激!910306191@qq.com
能發(fā)個PRD嗎?不勝感激。郵箱48806272@qq.com
原型地址是https://www.jianguoyun.com/p/DcbBFJAQu4zdBRik0yg,文中不是提供了嗎?
謝謝
跪求PRD文件么?18234074294@163.com,謝謝,辛苦啦 ??
視覺規(guī)范-頁面-Hybird頁,是不是打錯字了,Hybrid?
沒有哦,hybird是混合式網(wǎng)頁的意思。
是hybrid,并沒有hybird這個單詞
反復(fù)搜了一下,應(yīng)該是很多人都打錯了。
你說得對,應(yīng)該是Hybrid。
求prd文件,diy615@163.com ,辛苦啦,感謝
可以發(fā)一下prd文件嗎,jzh_1982@126.com,謝謝
謝謝
能不能在axure頁面上怎么更清晰的寫PRD的圖片放兩張看看?自己也做了不少,但是有些感覺不太好看,想學(xué)習(xí)一下。
沒看懂你的問題,麻煩描述清晰一點哈。
跪求prd文件。萬分感謝!
xiaoxiao_1156@163.com
原型地址是https://www.jianguoyun.com/p/DcbBFJAQu4zdBRik0yg,文中不是提供了嗎?
想學(xué)習(xí)下PRD文件,發(fā)下郵箱zlmshu@qq.com。不勝感激!