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

35 評論 67822 瀏覽 1125 收藏 6 分鐘

對于初級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)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 跪求文檔,287503299@qq.com,謝謝

    來自上海 回復(fù)
  2. 要是能分享一個原型就好了,單看文章雖然明白,但是具體內(nèi)容還是不清楚

    來自江西 回復(fù)
  3. 公眾號搜索不到哦~

    來自北京 回復(fù)
  4. 很詳細(xì)

    來自廣東 回復(fù)
  5. 非常感謝幫了大忙

    來自廣東 回復(fù)
    1. 不客氣哈,可以打個賞

      回復(fù)
  6. 要花錢的哈。知識變現(xiàn),666

    來自山西 回復(fù)
  7. 點擊原型下載,頁面報錯哇

    來自江蘇 回復(fù)
    1. 沒有啊,我剛剛測試了是ok的。

      來自上海 回復(fù)
    2. 確實是OK的

      來自廣東 回復(fù)
  8. 跪求文檔?。。?!351999238@qq.com

    回復(fù)
  9. 好文

    回復(fù)
  10. 您好,想請教一下,為何下載下來的PRD模板解壓后都是HTML的文件。我該怎么在Axure里面運行呢

    來自上海 回復(fù)
    1. 因為我分享的是原型,所以格式自然是html了。這個不可以直接在axure中運行。
      可以運行的是axure的rp源文件,你可以關(guān)注我的公眾號langzisay,里面有下載的方法。

      來自上海 回復(fù)
    2. 好的,已關(guān)注,謝謝!

      來自上海 回復(fù)
  11. 寫的好專業(yè)

    回復(fù)
  12. 都是這樣在axure中prd好詳細(xì)

    回復(fù)
  13. 跪求prd文檔學(xué)習(xí),不勝感激!910306191@qq.com

    回復(fù)
  14. 能發(fā)個PRD嗎?不勝感激。郵箱48806272@qq.com

    回復(fù)
    1. 原型地址是https://www.jianguoyun.com/p/DcbBFJAQu4zdBRik0yg,文中不是提供了嗎?

      來自上海 回復(fù)
    2. 謝謝

      來自北京 回復(fù)
  15. 跪求PRD文件么?18234074294@163.com,謝謝,辛苦啦 ??

    來自北京 回復(fù)
  16. 視覺規(guī)范-頁面-Hybird頁,是不是打錯字了,Hybrid?

    來自上海 回復(fù)
    1. 沒有哦,hybird是混合式網(wǎng)頁的意思。

      來自上海 回復(fù)
    2. 是hybrid,并沒有hybird這個單詞

      來自北京 回復(fù)
    3. 反復(fù)搜了一下,應(yīng)該是很多人都打錯了。
      你說得對,應(yīng)該是Hybrid。

      來自上海 回復(fù)
  17. 求prd文件,diy615@163.com ,辛苦啦,感謝

    來自上海 回復(fù)
  18. 可以發(fā)一下prd文件嗎,jzh_1982@126.com,謝謝

    回復(fù)
  19. 謝謝

    來自北京 回復(fù)
  20. 能不能在axure頁面上怎么更清晰的寫PRD的圖片放兩張看看?自己也做了不少,但是有些感覺不太好看,想學(xué)習(xí)一下。

    來自北京 回復(fù)
    1. 沒看懂你的問題,麻煩描述清晰一點哈。

      來自上海 回復(fù)
    2. 跪求prd文件。萬分感謝!
      xiaoxiao_1156@163.com

      回復(fù)
    3. 原型地址是https://www.jianguoyun.com/p/DcbBFJAQu4zdBRik0yg,文中不是提供了嗎?

      來自上海 回復(fù)
    4. 想學(xué)習(xí)下PRD文件,發(fā)下郵箱zlmshu@qq.com。不勝感激!

      回復(fù)