產品小白一枚，白得發亮，白得透明，白得讓人瑟瑟發抖。希望通過實踐來提高自己，同時也希望能同大家交流。
以下為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動畫錄製工具，不知是這個工具的問題還是自己不熟悉的問題，導致錄製出來的鼠標位置根本不是指定位置，而且錄製出來的效果不是很理想。
筆者是一枚小白，很多地方還很不足，歡迎大家提出指導，在此謝過！
願所有努力最終都能看到好的結果。
題圖來自 Unsplash ，基於 CC0 協議
閱讀更多 人人都是產品經理 的文章
