懂球帝APP產品需求文檔

22 評論 57077 瀏覽 238 收藏 9 分鐘

產品小白一枚,白得發亮,白得透明,白得讓人瑟瑟發抖。希望通過實踐來提高自己,同時也希望能同大家交流。

以下為Axure原型截圖:

一、概述

1. 產品介紹

1.1 文檔屬性

1.2 產品綜述

2. 需求整理

2.1 用戶畫像

2.2 需求匯總

二、版本信息

由于懂球帝APP版本更新優化頻繁,在此只羅列有限個版本信息。對于產品版本規劃,筆者沒有書寫。

三、產品邏輯

1. 產品功能結構圖

2. 產品信息圖

作為小白,筆者在盡力理解功能結構圖和信息圖,以自己的理解畫出了這兩者的腦圖,如有不是很對的地方,歡迎指教。

3. 部分業務流程圖

3.1 登錄與注冊流程圖

3.2查看比賽

四、產品設計

1. 全局說明

1.1 角色說明

1.2 常用部分交互說明

1.2.1 打斷后重新打開APP

1.2.2 鍵盤與網絡情況

1.2.3 頁面內交互

1.2.4 頁面間交互

  • 二級導航間交互

切換方式:左滑進入下一狀態,右滑進入上一狀態。

  • 一級導航間交互

切換方式:點擊相應的圖標進入頁面。

2. 部分功能需求說明

2.1 登錄界面

  • 用戶場景:用戶打開App進行用戶登錄
  • 功能描述:輸入用戶名或手機號、輸入密碼、忘記密碼
  • 優先級:高
  • 輸入/前置條件:打開App選擇【個人中心】——選擇【點擊登錄】——選擇【登錄】
  • 頁面邏輯:輸入正確的用戶名或手機號——輸入正確的密碼——點擊【登錄】,登錄成功——若忘記密碼,點擊【忘記密碼】進行密碼找回

2.2 注冊界面

  • 用戶場景:用戶第一次使用APP或以游客身份進行賬號注冊
  • 功能描述:輸入手機號、驗證
  • 優先級:高
  • 輸入/前置條件:打開App選擇【個人中心】——選擇【點擊登錄】——選擇【注冊】
  • 頁面邏輯:選擇【中國+86】可切換其他國家地區的手機號碼——輸入合法的手機號才能驗證

2.3 搜索界面

  • 用戶場景:用戶想要搜索ta感興趣的內容
  • 功能描述:搜索輸入、搜索、搜索歷史、清空搜索歷史、大家都在搜
  • 優先級:高
  • 輸入/前置條件:用戶在【首頁-頭條】下拉頁面滑出搜索框,點擊搜索框進入搜索頁面
  • 頁面邏輯:進入搜索界面時搜索框獲取焦點,界面底部向上滑出鍵盤——在搜索框輸入內容后點擊【搜索】進行自動搜索——在搜索頁面推薦熱搜詞——搜索完畢后,變為搜索歷史,點擊【清空搜索歷史】可以清除搜索歷史記錄

3.部分交互設計

3.1 搜索界面交互演示

交互說明:

? 下拉頁面,【搜索提示框】跟隨出現

? 上滑頁面,【搜索提示框】隱藏,同時頁面上滑

交互說明:

? 點擊【搜索提示框】,搜索頁面向左滑出,【搜索輸入框】獲取焦點,同時鍵盤向上滑出

? 點擊【隱藏鍵盤】按鈕,鍵盤向下滑動隱藏

? 點擊【搜索輸入框】,獲取焦點,同時鍵盤向上滑出

? 點擊【清空歷史消息】,搜索歷史數據隱藏,同時【大家都在搜】向上滑動,覆蓋搜索歷史頁面位置

3.2 二級導航菜單交互演示

交互說明:

? 向左拖動頁面,內容頁面向左滑動,同時二級導航菜單也向左滑動,即內容頁面和二級導航菜單同時進入下一狀態

? 向右拖動頁面,內容頁面向右滑動,同時二級導航菜單也向右滑動,即內容頁面和二級導航菜單同時進入上一狀態

第一次使用GIF動畫錄制工具,不知是這個工具的問題還是自己不熟悉的問題,導致錄制出來的鼠標位置根本不是指定位置,而且錄制出來的效果不是很理想。

筆者是一枚小白,很多地方還很不足,歡迎大家提出指導,在此謝過!

愿所有努力最終都能看到好的結果。

本文在寫作上參考了@T.zh的文章《Axure實例:即刻app產品需求文檔》

 

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

題圖來自 Unsplash ,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 確實有點兒太小白了

    來自北京 回復
  2. 這不是產品需求文檔,這更像是使用手冊

    回復
  3. 看的出來是小白,太表面了,建議一個一個功能去深入挖掘,就拿【搜索歷史】來說,歷史記錄展示多少條?排序方式是什么?歷史記錄為空要怎么展示?每一個功能深入下去都會有很多要考究的問題

    來自廣東 回復
  4. 整體看是很不錯的,但我看登錄注冊遺漏了很多,首先注冊獲取驗證碼,超時重新獲取,第三方授權要驗證是否已綁定賬號,未綁定要登陸,無賬號要注冊綁定,這些都沒寫清楚;還有忘記賬號或者密碼解決方案。

    來自上海 回復
  5. 承認別人優秀有那么難嗎

    回復
  6. 一個登錄注冊被你用這么幾句話就說出來了,你是不知道里面有多少坑

    來自山東 回復
  7. 挺好挺好,我也是小白,白到空氣一樣。加油

    來自吉林 回復
  8. 看得出來對產品工作的熱愛,但文章的內容更像是產品調研或競品分析,不算產品需求

    來自北京 回復
    1. 多謝指教,會繼續加油

      回復
  9. 可以多加分析內部的產品方方面面的邏輯,而不是停留在表層的交互。

    來自廣東 回復
    1. 多謝指教

      回復
  10. 請問一下,你的3.1產品結構圖是拿什么工具畫的?

    來自陜西 回復
    1. mindmanager

      回復
    2. xmind

      回復
  11. 整個文章都在將交互~作為產品更多應該是分析產品的邏輯,比如頁面每個模塊承載什么內容,內容從哪里獲取,內容如何進行推薦分發等。

    來自浙江 回復
    1. 這也是我后面意識到的問題,多謝指教

      回復
  12. 用戶畫像不是放到需求整理里面的,需求整理是用來理需求,而且,PRD中不寫這個。對功能結構圖和信息結構圖,你理解的有點問題。

    來自北京 回復
    1. 謝謝謝謝,確定理解有點問題

      回復
  13. 問句題外話,為啥我用軟件畫流程圖時,箭頭終點不能指在箭頭中間?

    來自浙江 回復
    1. 哈哈 可能是拖動的時候不太直

      來自上海 回復
    2. 我終于看到比我還菜的了哈哈

      回復
    3. 終于看到比我還菜的了

      回復