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

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

對于初級PM,會被動的感覺到技術會反復的問一些共性問題,比如頁面如何加載、如何跳轉,網絡不好如何呈現(xiàn),是否需要全局埋點統(tǒng)計數(shù)據(jù)。對于高級PM,會主動的整理出一套通用的產品規(guī)范來處理APP的各種設計問題,甚至參與到搭建和重構客戶端框架。

產品規(guī)范的由來

像UI設計師有統(tǒng)一的視覺規(guī)范、UE設計師有公認的交互規(guī)則、服務端RD自己的設計模式,客戶端RD有各種前端框架調用。

而在當下的互聯(lián)網環(huán)境下,PM其實一直沒有所謂的通用產品規(guī)范。也許是因為PM大部分是非科班出身,有可能是因為工作范圍太模糊,更有可能是因為PM需要介入每個環(huán)節(jié)而無法專精。

我根據(jù)自己的PM經驗,將這幾年的產品文檔剝離掉具體業(yè)務,整理了一套全面通用的移動端產品規(guī)范,希望對大家有點幫助。

產品規(guī)范是是什么

定義產品在原型、視覺、交互、實現(xiàn)等階段,需要團隊成員遵守的通用規(guī)則。

為什么是V2.0

之前寫過《PRD1.0分享:全面通用的移動端產品需求文檔》,里面其實包含不少這方面的知識。這次分享更加系統(tǒng)化,并且力求以很好的結構思維來呈現(xiàn)。

預覽我的PRD規(guī)范

在線查看唯一更新網址,獲取原型點擊下載。

功能規(guī)范

設計功能的時候應該遵循的規(guī)范,慢慢整理中。

比如功能盡量模塊化,盡量解耦。

比如很多功能應該采用SDK,而不是自己開發(fā)。

比如時間顯示應該有統(tǒng)一的規(guī)范,不應該一會兒是1分鐘前一會兒是60秒前。

原型規(guī)范

包括設定原型的尺寸,創(chuàng)建原型,發(fā)布原型,查看原型的步驟。之前寫過相關的文章,《為什么375×667是移動端原型設計的最佳分辨率》,《如何設置手機APP原型尺寸》?,《如何生成適配手機的原型》。

視覺規(guī)范

指視覺元素需要遵循統(tǒng)一的視覺設計規(guī)則,所謂UI元素是我們應用程序里可以看見的任何可視內容。

頁面

頁面按照使用類型來劃分,大概有啟動頁、閃屏頁、故事板、主界面、Hybird頁,普通頁面。

一般分為狀態(tài)欄、導航欄、搜索欄、工具欄、標簽欄。

控件

太多了,常見的有文本框、按鈕、表格、圖片,具體的請下載原型或者查看在線原型。

臨時視圖

需要讓用戶停下當前操作的必須操作,一般顯示在頁面上一層。

比如警告框,用于告知用戶一些會影響到他們使用APP或設備的重要信息。

內容視圖

內容視圖是整個APP信息展示的主要形式,比如列表、卡片、集合視圖等。

顧名思義,用來展示內容。

交互規(guī)范

包含頁面的交互、狀態(tài)的切換、如何定義熱區(qū)范圍、邊界問題、常見輸入字段。詳見之前的文章《APP文本框通用的輸入規(guī)則》。

非功能性需求

軟件產品為滿足用戶業(yè)務需求而必須具有且除功能需求以外的特性。

命名規(guī)范

命名規(guī)范的作用

PRD的目的是定義產品和傳達需求,表達形式其實就2種圖+文。對圖文的命名直接影響著需求是否能夠準確傳達。

總結

以上內容是從PM的思路來通盤考慮產品開發(fā)的每一個階段,梳理出的交付給UI、RD的PRD規(guī)范。其實還不夠有深度和全面,甚至大綱還可以繼續(xù)拓展。

某種程度上你可以認為這是一份提供給PM童鞋設計產品的SDK工具包,大部分內容可以直接拿到自己的APP項目中應用。

#專欄作家#

浪子,業(yè)務型PM,浪子PRD系列51prd.com,公眾號langzisay。

本文由 @浪子 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 跪求文檔,287503299@qq.com,謝謝

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

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

    來自北京 回復
  4. 很詳細

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

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

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

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

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

      來自上海 回復
    2. 確實是OK的

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

    回復
  9. 好文

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

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

      來自上海 回復
    2. 好的,已關注,謝謝!

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

    回復
  12. 都是這樣在axure中prd好詳細

    回復
  13. 跪求prd文檔學習,不勝感激!910306191@qq.com

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

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

      來自上海 回復
    2. 謝謝

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

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

    來自上海 回復
    1. 沒有哦,hybird是混合式網頁的意思。

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

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

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

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

    回復
  19. 謝謝

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

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

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

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

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

      回復