懂球帝APP產品需求文檔
產品小白一枚,白得發亮,白得透明,白得讓人瑟瑟發抖。希望通過實踐來提高自己,同時也希望能同大家交流。
以下為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 協議
確實有點兒太小白了
這不是產品需求文檔,這更像是使用手冊
看的出來是小白,太表面了,建議一個一個功能去深入挖掘,就拿【搜索歷史】來說,歷史記錄展示多少條?排序方式是什么?歷史記錄為空要怎么展示?每一個功能深入下去都會有很多要考究的問題
整體看是很不錯的,但我看登錄注冊遺漏了很多,首先注冊獲取驗證碼,超時重新獲取,第三方授權要驗證是否已綁定賬號,未綁定要登陸,無賬號要注冊綁定,這些都沒寫清楚;還有忘記賬號或者密碼解決方案。
承認別人優秀有那么難嗎
一個登錄注冊被你用這么幾句話就說出來了,你是不知道里面有多少坑
挺好挺好,我也是小白,白到空氣一樣。加油
看得出來對產品工作的熱愛,但文章的內容更像是產品調研或競品分析,不算產品需求
多謝指教,會繼續加油
可以多加分析內部的產品方方面面的邏輯,而不是停留在表層的交互。
多謝指教
請問一下,你的3.1產品結構圖是拿什么工具畫的?
mindmanager
xmind
整個文章都在將交互~作為產品更多應該是分析產品的邏輯,比如頁面每個模塊承載什么內容,內容從哪里獲取,內容如何進行推薦分發等。
這也是我后面意識到的問題,多謝指教
用戶畫像不是放到需求整理里面的,需求整理是用來理需求,而且,PRD中不寫這個。對功能結構圖和信息結構圖,你理解的有點問題。
謝謝謝謝,確定理解有點問題
問句題外話,為啥我用軟件畫流程圖時,箭頭終點不能指在箭頭中間?
哈哈 可能是拖動的時候不太直
我終于看到比我還菜的了哈哈
終于看到比我還菜的了