分享PRD:「我是紅人」產品需求文檔

317 評論 99815 瀏覽 1151 收藏 15 分鐘

目錄

一、引言

1.0文檔屬性

1.1產品綜述

1.2產品使用規則

1.3名詞術語表

二、全局功能說明

2.0常用交互

2.1頁面間交互

三、產品說明

3.0產品信息結構圖

3.1產品結構圖

3.2產品流程圖

3.3產品線框圖

四、產品詳細功能說明

4.0歡迎頁 & 引導頁

4.1登錄 & 注冊

4.2 忘記密碼 & 修改密碼

4.3 操作臺 & 鏈接管理

4.4 設置&反饋頁面

4.5 購買 &分享

一、引言

1.0 文檔屬性

1.1 產品綜述

1.2 產品使用規則

1.3 名詞術語表

二、全局功能說明

2.0 常用交互

2.0.1 打斷后重新打開App

2.0.2 App關于字體

2.0.3 點擊空白區域或無網絡情況

2.0.4 頁面內交互

說明:

  1. 選擇類提示框均用系統自帶的提示框,操作按鈕“確定”在右,“取消”在左。
  2. Toast、Alert控件顯示效果:淡入淡出

2.0.5 鍵盤類型說明

  1. 點擊(密碼、郵箱、驗證碼)輸入框時,彈出字母鍵盤
  2. 點擊(手機號)輸入框時,彈出數字鍵盤。

2.1 頁面間交互

三、產品說明

3.0 產品信息結構圖

3.1 產品結構圖

3.2 產品流程圖

3.2.1 第一次進入我是紅人App

3.2.2 關于操作臺


3.3 產品線框圖

四、產品詳細功能說明

4.0 歡迎頁 & 引導頁

頁面名稱:歡迎頁

入口:進入App

邏輯:有廣告和無廣告。頁面都停3秒。然后自動進入引導頁或者登錄頁面或者操作臺。如果第一次進入,則進入引導頁。如果第二次進入并且沒有登錄過,則進入登錄頁面。如果第二次進入并且登錄過,則進入操作臺頁面。

頁面樣式:按照設計標注開發。

頁面名稱:引導頁

入口:歡迎頁

邏輯:

  1. 從歡迎頁自動跳轉過來。
  2. 向左滑動或點擊“進入App”按鈕,跳轉至登錄頁面。

頁面樣式:按照設計標注開發。

4.1 登錄 & 注冊?

頁面名稱:登錄頁面

入口:歡迎頁自動跳轉過來

邏輯:當文本框沒有字符的時候,登錄按鈕不可點擊,灰色狀態,當帳號和密碼輸入后,按鈕亮起,可以點擊登錄成功后,進入操作臺,否則Toast提示“帳號或密碼錯誤”

頁面樣式:按照設計標注開發。

頁面名稱:用戶注冊頁面

入口:點擊登錄頁面的注冊按鈕

邏輯:

  1. 鍵盤類型說明:點擊(密碼、郵箱、驗證碼)輸入框時,彈出字母鍵盤;點擊(手機號)輸入框時,彈出數字鍵盤。
  2. 按鈕說明:如果手機號輸入框有字符,則發送驗證碼按鈕點亮,可點擊。否則按鈕變灰,不可點擊。如果所有輸入框有字符,則注冊按鈕點亮可點擊,否則變灰,不可點擊。
  3. 如果點擊發送驗證碼后,按鈕文本信息倒計時 60秒開始,不可點擊。
  4. 如果倒計時到第0秒,按鈕文本信息改變“再次發送”,可點擊。
  5. 注冊成功,跳轉至操作臺頁面。

頁面樣式:按照設計標注開發。

4.2 忘記密碼 & 修改密碼

頁面名稱:忘記密碼頁面

入口:點擊登錄頁面的“忘記密碼”按鈕

邏輯:

  1. 點擊“手機號找回密碼”按鈕,進入“手機號找回密碼-忘記密碼頁面”
  2. 點擊“郵箱找回密碼”按鈕,進入“郵箱找回密碼-忘記密碼頁面”

頁面樣式:按照設計標注開發。

頁面名稱:手機號找回密碼-忘記密碼頁面

邏輯:

  1. ?點擊手機號輸入框時,彈出數字鍵盤。點擊驗證碼輸入框,彈出字母鍵盤。
  2. 按鈕說明:如果手機號輸入框有字符,則發送驗證碼按鈕點亮,可點擊。否則按鈕變灰,不可點擊。如果所有輸入框有字符,則注冊按鈕點亮可點擊,否則變灰,不可點擊。
  3. 如果點擊發送驗證碼后,按鈕文本信息倒計時 60秒開始,不可點擊。
  4. 如果倒計時到第0秒,按鈕文本信息改變“再次發送”,可點擊。
  5. 驗證成功后,跳轉至操作臺頁面(2分鐘內將原密碼發送至用戶手機信息)。

頁面樣式:按照設計標注開發。

頁面名稱:郵箱找回密碼-忘記密碼頁面

邏輯:用戶輸入郵箱后,點擊確定,驗證郵箱是否正確。

  1. 不正確:彈出Toast,提示“請檢查您的郵箱是否正確”。
  2. 正確:跳轉至登錄頁面(2分鐘內將原密碼發送至用戶郵箱)。

頁面樣式:按照設計標注開發。

頁面名稱:修改密碼頁面

入口:

  1. 點擊設置頁面的“修改密碼”按鈕。

邏輯:

  1. 當文本框沒有字符的時候,按鈕不可點擊,灰色狀態。
  2. 當所有輸入框有字符后,按鈕亮起,可以點擊。
  3. 舊密碼輸入錯誤,提示彈框“舊密碼有誤”。
  4. 修改成功后,進入操作臺

頁面樣式:按照設計標注開發。

4.3 操作臺 & 鏈接管理

頁面名稱:操作臺頁面

入口:登錄進入,或者歡迎頁進入(之前登錄過)

邏輯:

  1. 點擊“啟動”,如果之前未添加鏈接,則直接彈出添加窗口。否則執行鏈接 ,并且“啟動”文本更改為“暫?!?。
  2. 點擊“暫?!敝?,并暫停執行,文本更改為“啟動”
  3. 點擊“點擊添加鏈接”按鈕之后,彈出提示框,如上圖,POST選項默認選中。POST與GET不能同時選中,不能一個都不選。
  4. 美拍用戶ID輸入框、鏈接地址輸入框必填,參數輸入框選填。
  5. 在有鏈接的情況下,當用戶點擊“啟動按鈕”,視頻的播放量、轉發量、用戶的粉絲量、視頻點贊等都是按照美拍上熱門的算法匹配遞增。

頁面樣式:按照設計標注開發。

4.4 設置&反饋

頁面名稱:設置頁面

入口:點擊操作臺頁面的“設置”按鈕

邏輯:

  1. 點擊“查看數據庫”按鈕,彈出提示框如上圖,內容為“所有添加過的鏈接集合”。
  2. 點擊“分享”按鈕,向上滑動菜單,下面會提到。
  3. 點擊“購買”按鈕,向上滑動菜單,下面會提到。
  4. 點擊“會員剩余天數”按鈕,彈出提示框如上圖。以“還剩n天”的形式呈現。
  5. 點擊“反饋”按鈕,進入反饋頁面。
  6. 點擊“修改密碼”按鈕,進入修改密碼頁面。
  7. 點擊“查看版本”按鈕,彈出提示框如上圖。如果有新版本,則提示新版本的更新內容;如果沒有新版本,則提示版本號即可,如內容“產品版本:1.0.0”。
  8. 點擊標題返回圖標,返回到操作臺頁面。

頁面樣式:按照設計標注開發。

頁面名稱:反饋頁面

入口:點擊設置頁面的“反饋”按鈕進入。

邏輯:

  1. 聯系方式的輸入框選填,反饋內容必填。
  2. 點擊提交按鈕,反饋內容輸入框字符小于0時,Toast提示“親忘記了寫反饋內容”。
  3. 反饋成功后,Toast提示“感謝您的反饋”。
  4. 字數限制:最少字數無限制,最高不高于500漢字,包括500漢字。

頁面樣式:按照設計標注開發。

4.5 購買 &分享

功能名稱:支付功能

入口:點擊設置頁面的“購買”按鈕

邏輯:

  1. 當點擊設置頁面的“購買”按鈕,從底部滑出彈框,點擊圖標跳入該圖標的第三方界面。
  2. 支付成功跳轉回“設置”頁面,提示“恭喜您,成為紅人會員”。
  3. 支付取消跳轉回“設置”頁面,無提示。
  4. 支付失敗跳轉回“設置”頁面,提示“很遺憾,未能購買成功”。

頁面樣式:按照設計標注開發。

功能名稱:分享功能

入口:點擊設置頁面的“分享”按鈕

邏輯:

  1. 當點擊設置頁面的“分享”按鈕,從底部滑出彈框,點擊圖標跳入該圖標的第三頁面。
  2. 分享成功跳轉回“設置”頁面,提示“分享成功”。
  3. 分享取消跳轉回“設置”頁面,無提示。
  4. 分享失敗跳轉回“設置”頁面,提示“很遺憾,分享失敗”。

頁面樣式:按照設計標注開發。

一個小型工具類App,但是感覺還是有很多需要完善的地方。希望哥哥姐姐們能提出批評、和建議,謝謝啦

 

作者:Bass,微信號:zouwei1228

本文由 @Bass 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 剛出校門,求一份原型文檔學習,郵箱4366043@qq.com 感激涕零 ??

    來自廣東 回復
  2. 感謝分享,正好解決我此時的需求,可否發一份文檔給我呢??麻煩了,214385896@qq.com。萬分感謝!

    回復
  3. 能否發個郵件,求一份來學習,萬分感激。969923859@qq.com

    來自重慶 回復
  4. 感謝樓主分享,收獲滿滿,不知可否發一份文檔學習,十分感謝!2965900514@qq.com

    來自北京 回復
  5. 感謝樓主分享,可以發一份文檔學習嗎?謝謝!490738576@qq.com

    來自江蘇 回復
  6. 感謝樓主分享,我是個研發轉產品的新人,您這篇PRD文檔可以發份給我學習嗎?非常感謝。我的郵箱1060580053@qq.com

    來自美國 回復
  7. 寫得很好啊親,支持贊一個! 我這邊也是初入產品的小白,希望能一起學習,多謝多謝! 8778982@qq.com

    來自云南 回復
  8. 求一份學習學習,多謝樓主!328833057@qq.com

    來自日本 回復
  9. 求一份學習。。博主好人。。一生平安。。1792756331@qq.com

    來自上海 回復
  10. UI轉產品的路上,求一份學習!謝謝博主!15260197165@qq.com

    來自福建 回復
  11. 感謝樓主分享,可以發一份文檔學習嗎?謝謝!278788498@qq.com

    來自四川 回復
  12. 感謝樓主分享,可以發一份文檔學習嗎?謝謝!477895213@qq.com

    來自江蘇 回復
  13. 產品小白來報道,984402839@qq.com,謝謝~~~

    來自貴州 回復
  14. 感謝樓主分享,可以發一份文檔學習嗎?謝謝!578318884@qq.com

    來自福建 回復
  15. 跪求哪位大神發一份原檔給我,1351673781@qq.com

    回復
  16. 已收藏,但部分圖文有點模糊,可否請樓主賜一份給予學習,jioco@163.com
    感謝分享!

    來自福建 回復
  17. 想問下,產品流程圖是用什么軟件畫的呀?謝謝啦~

    來自江蘇 回復
    1. 全部的圖只用Axure

      來自上海 回復
    2. 樓主,發份原格式給我,Axure的,謝謝1351673781@qq.com

      回復
    3. 哦哦,這樣啊,謝謝啊,方便分享一份給我嗎 ?? 120155754@qq.com

      來自江蘇 回復
  18. 辛苦樓主分享源文檔,謝謝!bimadezhongzi@163.com ??

    來自上海 回復
  19. 很棒,樓主好人,求一份學習2467926517@qq.com

    來自四川 回復
  20. 很棒,求一份學習,1135087402@qq.com

    來自廣東 回復
  21. 求一份文檔,產品新人學習中~謝謝樓主么么噠~~ ?? 1807946609@qq.com

    來自廣東 回復
  22. 求文檔謝謝樓主,希望能夠學習一下,295660805@qq.com

    來自廣東 回復
  23. 求文檔,謝謝樓主,314909979@qq.com

    回復
  24. 前輩好。自己目前也在做產品的崗位,看了你的這份文檔,感覺自己的文檔在系統方面有所欠缺。能否發一份文檔給我用來學習借鑒 jia-javen@foxmail.com 謝謝啦 ??

    來自湖南 回復
    1. 大神,看了好多份文檔,最膜拜的就是您這份了,能否給一份源文件?993936126@qq.com

      回復
  25. 大神能否幫忙發一份,萬分感謝!307303271@qq.com

    來自北京 回復
  26. 感覺寫的很好,向你學習,求841635846@qq.com 發送RP元件?。??

    來自廣東 回復
  27. 很感謝,樓主貢獻這么好的產品文檔,希望能發一份完整的讓小弟學習一下,105182034@qq.com 謝謝啦??

    回復
  28. 樓主346384224@qq.com,麻煩發一份完整版,多謝了

    回復
  29. LZ能發一份學習嗎?產品新人,謝謝了!961133951@qq.com

    來自廣東 回復
  30. 樓主大大,發我一份完整版學習下吧,謝謝。85258117@qq.com

    來自廣西 回復