產(chǎn)品小白一枚，白得發(fā)亮，白得透明，白得讓人瑟瑟發(fā)抖。希望通過(guò)實(shí)踐來(lái)提高自己，同時(shí)也希望能同大家交流。

以下為Axure原型截圖：

一、概述

1. 產(chǎn)品介紹

1.1 文檔屬性

1.2 產(chǎn)品綜述

2. 需求整理

2.1 用戶畫(huà)像

2.2 需求匯總

二、版本信息

由于懂球帝APP版本更新優(yōu)化頻繁，在此只羅列有限個(gè)版本信息。對(duì)于產(chǎn)品版本規(guī)劃，筆者沒(méi)有書(shū)寫(xiě)。

三、產(chǎn)品邏輯

1. 產(chǎn)品功能結(jié)構(gòu)圖

2. 產(chǎn)品信息圖

作為小白，筆者在盡力理解功能結(jié)構(gòu)圖和信息圖，以自己的理解畫(huà)出了這兩者的腦圖，如有不是很對(duì)的地方，歡迎指教。

3. 部分業(yè)務(wù)流程圖

3.1 登錄與注冊(cè)流程圖

3.2查看比賽

四、產(chǎn)品設(shè)計(jì)

1. 全局說(shuō)明

1.1 角色說(shuō)明

1.2 常用部分交互說(shuō)明

1.2.1 打斷后重新打開(kāi)APP

1.2.2 鍵盤(pán)與網(wǎng)絡(luò)情況

1.2.3 頁(yè)面內(nèi)交互

1.2.4 頁(yè)面間交互

• 二級(jí)導(dǎo)航間交互

切換方式：左滑進(jìn)入下一狀態(tài)，右滑進(jìn)入上一狀態(tài)。

• 一級(jí)導(dǎo)航間交互

切換方式：點(diǎn)擊相應(yīng)的圖標(biāo)進(jìn)入頁(yè)面。

2. 部分功能需求說(shuō)明

2.1 登錄界面

• 用戶場(chǎng)景：用戶打開(kāi)App進(jìn)行用戶登錄
• 功能描述：輸入用戶名或手機(jī)號(hào)、輸入密碼、忘記密碼
• 優(yōu)先級(jí)：高
• 輸入/前置條件：打開(kāi)App選擇【個(gè)人中心】——選擇【點(diǎn)擊登錄】——選擇【登錄】
• 頁(yè)面邏輯：輸入正確的用戶名或手機(jī)號(hào)——輸入正確的密碼——點(diǎn)擊【登錄】，登錄成功——若忘記密碼，點(diǎn)擊【忘記密碼】進(jìn)行密碼找回

2.2 注冊(cè)界面

• 用戶場(chǎng)景：用戶第一次使用APP或以游客身份進(jìn)行賬號(hào)注冊(cè)
• 功能描述：輸入手機(jī)號(hào)、驗(yàn)證
• 優(yōu)先級(jí)：高
• 輸入/前置條件：打開(kāi)App選擇【個(gè)人中心】——選擇【點(diǎn)擊登錄】——選擇【注冊(cè)】
• 頁(yè)面邏輯：選擇【中國(guó)+86】可切換其他國(guó)家地區(qū)的手機(jī)號(hào)碼——輸入合法的手機(jī)號(hào)才能驗(yàn)證

2.3 搜索界面

• 用戶場(chǎng)景：用戶想要搜索ta感興趣的內(nèi)容
• 功能描述：搜索輸入、搜索、搜索歷史、清空搜索歷史、大家都在搜
• 優(yōu)先級(jí)：高
• 輸入/前置條件：用戶在【首頁(yè)-頭條】下拉頁(yè)面滑出搜索框，點(diǎn)擊搜索框進(jìn)入搜索頁(yè)面
• 頁(yè)面邏輯：進(jìn)入搜索界面時(shí)搜索框獲取焦點(diǎn)，界面底部向上滑出鍵盤(pán)——在搜索框輸入內(nèi)容后點(diǎn)擊【搜索】進(jìn)行自動(dòng)搜索——在搜索頁(yè)面推薦熱搜詞——搜索完畢后，變?yōu)樗阉鳉v史，點(diǎn)擊【清空搜索歷史】可以清除搜索歷史記錄

3.部分交互設(shè)計(jì)

3.1 搜索界面交互演示

交互說(shuō)明：

? 下拉頁(yè)面，【搜索提示框】跟隨出現(xiàn)

? 上滑頁(yè)面，【搜索提示框】隱藏，同時(shí)頁(yè)面上滑

交互說(shuō)明：

? 點(diǎn)擊【搜索提示框】，搜索頁(yè)面向左滑出，【搜索輸入框】獲取焦點(diǎn)，同時(shí)鍵盤(pán)向上滑出

? 點(diǎn)擊【隱藏鍵盤(pán)】按鈕，鍵盤(pán)向下滑動(dòng)隱藏

? 點(diǎn)擊【搜索輸入框】，獲取焦點(diǎn)，同時(shí)鍵盤(pán)向上滑出

? 點(diǎn)擊【清空歷史消息】，搜索歷史數(shù)據(jù)隱藏，同時(shí)【大家都在搜】向上滑動(dòng)，覆蓋搜索歷史頁(yè)面位置

3.2 二級(jí)導(dǎo)航菜單交互演示

交互說(shuō)明：

? 向左拖動(dòng)頁(yè)面，內(nèi)容頁(yè)面向左滑動(dòng)，同時(shí)二級(jí)導(dǎo)航菜單也向左滑動(dòng)，即內(nèi)容頁(yè)面和二級(jí)導(dǎo)航菜單同時(shí)進(jìn)入下一狀態(tài)

? 向右拖動(dòng)頁(yè)面，內(nèi)容頁(yè)面向右滑動(dòng)，同時(shí)二級(jí)導(dǎo)航菜單也向右滑動(dòng)，即內(nèi)容頁(yè)面和二級(jí)導(dǎo)航菜單同時(shí)進(jìn)入上一狀態(tài)

第一次使用GIF動(dòng)畫(huà)錄制工具，不知是這個(gè)工具的問(wèn)題還是自己不熟悉的問(wèn)題，導(dǎo)致錄制出來(lái)的鼠標(biāo)位置根本不是指定位置，而且錄制出來(lái)的效果不是很理想。

筆者是一枚小白，很多地方還很不足，歡迎大家提出指導(dǎo)，在此謝過(guò)！

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

本文在寫(xiě)作上參考了@T.zh的文章《Axure實(shí)例：即刻app產(chǎn)品需求文檔》

本文由 @香蕉皮很皮 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash ，基于 CC0 協(xié)議