第一次用Axure RP8寫(xiě)產(chǎn)品需求文檔，筆者為產(chǎn)品小白，希望通過(guò)這篇文章和大家分享以及學(xué)習(xí)交流。

以下我的Axure原型截圖：

目錄：

1.概述

1.1產(chǎn)品介紹

1.2需求整理

2.版本信息

2.1修訂歷史

2.2版本規(guī)劃

3.產(chǎn)品邏輯

3.1產(chǎn)品信息圖

3.2產(chǎn)品結(jié)構(gòu)圖

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

4.產(chǎn)品設(shè)計(jì)

4.1全局說(shuō)明

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

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

1. 概述

1.1 產(chǎn)品介紹

1.1.1 文檔屬性

1.1.2 產(chǎn)品綜述

1.2 需求整理

1.2.1用戶畫(huà)像

1.2.2 需求匯總

2. 版本信息

2.1 修訂歷史

數(shù)據(jù)來(lái)自：ASO100

2.2 版本規(guī)劃

在現(xiàn)階段將需求轉(zhuǎn)化功能和對(duì)產(chǎn)品的完善后，我們還需對(duì)下一階段的產(chǎn)品進(jìn)行規(guī)劃。

3. 產(chǎn)品邏輯

3.1 產(chǎn)品信息圖

即刻這個(gè)產(chǎn)品的信息很復(fù)雜，我就以四個(gè)主要頁(yè)面進(jìn)行羅列，下面的結(jié)構(gòu)圖也是如此。

相信很多小白和我一樣，會(huì)分不清產(chǎn)品信息結(jié)構(gòu)圖和產(chǎn)品功能圖的區(qū)別，以下有段話供大家理解：

產(chǎn)品結(jié)構(gòu)圖：通常是指產(chǎn)品功能結(jié)構(gòu)圖，就是說(shuō)這個(gè)產(chǎn)品的所有功能模塊結(jié)構(gòu)圖。比如微信分四個(gè)大模塊：消息、通訊錄、發(fā)現(xiàn)、我的，依次每個(gè)模塊里面還有對(duì)應(yīng)的功能。

信息結(jié)構(gòu)圖：指脫離實(shí)際頁(yè)面，將產(chǎn)品所有的數(shù)據(jù)抽象出來(lái)，組合分類的圖表。比如：微信的用戶資料包括：昵稱、頭像、微信號(hào)、二維碼、地址、性別等。再比如：微信在朋友圈中，發(fā)布信息包括：文字、圖片或小視頻、時(shí)間等。

對(duì)這段話我的理解就是：產(chǎn)品結(jié)構(gòu)圖就是把產(chǎn)品的功能模塊羅列出來(lái)，這個(gè)頁(yè)面有什么功能？這個(gè)功能的跳轉(zhuǎn)是什么？都要盡可能列出來(lái)。而產(chǎn)品信息結(jié)構(gòu)圖就是你這個(gè)頁(yè)面給用戶所呈現(xiàn)的是什么。

舉個(gè)例子：

微信朋友圈的信息包括：朋友圈這個(gè)標(biāo)題，好友的頭像，昵稱，發(fā)布的內(nèi)容列表，評(píng)論內(nèi)容等。

微信朋友圈的功能包括：發(fā)布朋友圈的方式（圖文還是純文本），點(diǎn)贊，評(píng)論等。

3.2 產(chǎn)品結(jié)構(gòu)圖

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

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

4. 產(chǎn)品設(shè)計(jì)

4.1 全局說(shuō)明

4.1.1 角色說(shuō)明

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

（1）打斷后重新打開(kāi)app

（2）點(diǎn)擊空白區(qū)域或無(wú)網(wǎng)絡(luò)情況

（3）頁(yè)面內(nèi)交互

（4）頁(yè)面間交互

Android

切換方式：進(jìn)入頁(yè)面，向左平推

觸發(fā)方式：點(diǎn)擊切換頁(yè)面，左滑切換下一頁(yè)，右滑上一頁(yè)

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

4.2.1 注冊(cè)界面

用戶場(chǎng)景：用戶第一次使用即刻app

功能描述：輸入手機(jī)號(hào)、獲取驗(yàn)證碼、第三方登錄入口、切換到登錄界面

優(yōu)先級(jí)：高

輸入/前置條件：打開(kāi)App選擇【我的】——選擇【點(diǎn)擊登陸賬號(hào)】

頁(yè)面邏輯：

1. 選擇【+86】可切換其他國(guó)家地區(qū)的手機(jī)號(hào)碼
2. 輸入合法的手機(jī)號(hào)碼后才能點(diǎn)擊【獲取驗(yàn)證碼】
3. 點(diǎn)擊【登錄】可切換登錄界面
4. 可選擇第三方平臺(tái)進(jìn)行注冊(cè)登錄

4.2.2 登錄界面

用戶場(chǎng)景：用戶打開(kāi)App進(jìn)行用戶登錄

功能描述：輸入手機(jī)號(hào)、獲取驗(yàn)證碼、使用密碼登錄、第三方登錄入口、切換到注冊(cè)界面

優(yōu)先級(jí)：高

輸入/前置條件：打開(kāi)App選擇【我的】——選擇【點(diǎn)擊登錄賬號(hào)】

頁(yè)面邏輯：

1. 選擇【+86】可切換其他國(guó)家地區(qū)的手機(jī)號(hào)碼
2. 輸入合法的手機(jī)號(hào)碼后才能點(diǎn)擊【獲取驗(yàn)證碼】
3. 點(diǎn)擊【使用密碼登錄】可切換到手機(jī)號(hào)密碼登錄界面
4. 可選擇第三方平臺(tái)進(jìn)行注冊(cè)登錄
5. 若曾經(jīng)以用戶名的方式注冊(cè)過(guò)即刻賬號(hào)，可選擇【即刻賬號(hào)】登錄，切換到用戶名登錄界面

4.2.3 關(guān)注界面

用戶場(chǎng)景：用戶打開(kāi)App想看ta關(guān)注的主題的發(fā)布的內(nèi)容

功能描述：消息、動(dòng)態(tài)、搜索、最近熱門、最近熱門推薦內(nèi)容、關(guān)注的主題內(nèi)容列表、推薦、關(guān)注、發(fā)現(xiàn)、我的

優(yōu)先級(jí)：高

輸入/前置條件：打開(kāi)App在底部選擇【關(guān)注】

頁(yè)面邏輯：

1. 下拉刷新，上拉內(nèi)容加載
2. 在WiFi下，自動(dòng)播放gif動(dòng)畫(huà)和視頻
3. 點(diǎn)擊頁(yè)面上的功能，跳轉(zhuǎn)到相應(yīng)的功能界面

4.2.4 搜索界面

用戶場(chǎng)景：用戶想在即刻中搜索ta喜歡的主題或內(nèi)容

功能描述：搜索輸入、綜合、主題、消息、用戶、推薦詞、輸入鍵盤、搜索歷史、清除

優(yōu)先級(jí)：高

輸入/前置條件：用戶在關(guān)注頁(yè)面點(diǎn)擊搜索圖標(biāo)或者在發(fā)現(xiàn)頁(yè)面點(diǎn)擊頂部

頁(yè)面邏輯：

1. 底部自動(dòng)彈出鍵盤
2. 在搜索輸入框輸入內(nèi)容后自動(dòng)搜索
3. 為用戶在綜合界面推薦熱搜詞
4. 用戶在輸入關(guān)鍵字和點(diǎn)擊熱搜詞后，會(huì)相應(yīng)變?yōu)樗阉鳉v史，點(diǎn)擊清除鍵可以清除搜索歷史

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

4.3.1 注冊(cè)登錄界面交互演示

交互說(shuō)明：

• 點(diǎn)擊【登錄】，黑線右移，顯示使用密碼登錄，微信微博QQ左移，顯示即刻賬號(hào)
• 點(diǎn)擊【注冊(cè)】，黑線左移，隱藏使用密碼登錄，微信微博QQ右移，隱藏即刻賬號(hào)

4.3.2 關(guān)注進(jìn)入搜索界面演示

交互說(shuō)明：

• 點(diǎn)擊【搜索圖標(biāo)】，右劃進(jìn)入搜索界面
• 點(diǎn)擊【清除圖標(biāo)】，隱藏清除圖標(biāo)，清除歷史，旅游，絕地求生
• 點(diǎn)擊【空白區(qū)】，下拉隱藏鍵盤
• 點(diǎn)擊【搜索】，上拉顯示鍵盤
• 點(diǎn)擊【返回按鈕】，左劃返回關(guān)注界面

文檔還有很多不足的地方，歡迎大神提出指導(dǎo)，謝謝！

供大家參考學(xué)習(xí)：

（1）來(lái)自本文作者的分享：

鏈接：http://pan.baidu.com/s/1i4PYs2h

密碼：j2kr

（打開(kāi)得需要瀏覽器下載好Axure拓展插件）

（2）來(lái)自人人都是產(chǎn)品經(jīng)理的官方分享：

鏈接：https://pan.baidu.com/s/1mh7Bv7a

密碼: hvki

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