Axure實例:即刻 app 產品需求文檔

147 評論 133485 瀏覽 1125 收藏 11 分鐘

第一次用Axure RP8寫產品需求文檔,筆者為產品小白,希望通過這篇文章和大家分享以及學習交流。

以下我的Axure原型截圖:

目錄:

1.概述

1.1產品介紹

1.2需求整理

2.版本信息

2.1修訂歷史

2.2版本規(guī)劃

3.產品邏輯

3.1產品信息圖

3.2產品結構圖

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

4.產品設計

4.1全局說明

4.2部分功能需求說明

4.3部分交互設計

1. 概述

1.1 產品介紹

1.1.1 文檔屬性

1.1.2 產品綜述

1.2 需求整理

1.2.1用戶畫像

1.2.2 需求匯總

2. 版本信息

2.1 修訂歷史

數(shù)據(jù)來自:ASO100

2.2 版本規(guī)劃

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

3. 產品邏輯

3.1 產品信息圖

即刻這個產品的信息很復雜,我就以四個主要頁面進行羅列,下面的結構圖也是如此。

相信很多小白和我一樣,會分不清產品信息結構圖和產品功能圖的區(qū)別,以下有段話供大家理解:

產品結構圖:通常是指產品功能結構圖,就是說這個產品的所有功能模塊結構圖。比如微信分四個大模塊:消息、通訊錄、發(fā)現(xiàn)、我的,依次每個模塊里面還有對應的功能。

信息結構圖:指脫離實際頁面,將產品所有的數(shù)據(jù)抽象出來,組合分類的圖表。比如:微信的用戶資料包括:昵稱、頭像、微信號、二維碼、地址、性別等。再比如:微信在朋友圈中,發(fā)布信息包括:文字、圖片或小視頻、時間等。

對這段話我的理解就是:產品結構圖就是把產品的功能模塊羅列出來,這個頁面有什么功能?這個功能的跳轉是什么?都要盡可能列出來。而產品信息結構圖就是你這個頁面給用戶所呈現(xiàn)的是什么。

舉個例子:

微信朋友圈的信息包括:朋友圈這個標題,好友的頭像,昵稱,發(fā)布的內容列表,評論內容等。

微信朋友圈的功能包括:發(fā)布朋友圈的方式(圖文還是純文本),點贊,評論等。

3.2 產品結構圖

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

3.3.1 注冊與登錄流程圖

4. 產品設計

4.1 全局說明

4.1.1 角色說明

4.1.2 常用部分交互說明

(1)打斷后重新打開app

(2)點擊空白區(qū)域或無網(wǎng)絡情況

(3)頁面內交互

(4)頁面間交互

Android

切換方式:進入頁面,向左平推

觸發(fā)方式:點擊切換頁面,左滑切換下一頁,右滑上一頁

4.2 部分功能需求說明

4.2.1 注冊界面

用戶場景:用戶第一次使用即刻app

功能描述:輸入手機號、獲取驗證碼、第三方登錄入口、切換到登錄界面

優(yōu)先級:高

輸入/前置條件:打開App選擇【我的】——選擇【點擊登陸賬號】

頁面邏輯

  1. 選擇【+86】可切換其他國家地區(qū)的手機號碼
  2. 輸入合法的手機號碼后才能點擊【獲取驗證碼】
  3. 點擊【登錄】可切換登錄界面
  4. 可選擇第三方平臺進行注冊登錄

4.2.2 登錄界面

用戶場景:用戶打開App進行用戶登錄

功能描述:輸入手機號、獲取驗證碼、使用密碼登錄、第三方登錄入口、切換到注冊界面

優(yōu)先級:高

輸入/前置條件:打開App選擇【我的】——選擇【點擊登錄賬號】

頁面邏輯

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

4.2.3 關注界面

用戶場景:用戶打開App想看ta關注的主題的發(fā)布的內容

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

優(yōu)先級:高

輸入/前置條件:打開App在底部選擇【關注】

頁面邏輯

  1. 下拉刷新,上拉內容加載
  2. 在WiFi下,自動播放gif動畫和視頻
  3. 點擊頁面上的功能,跳轉到相應的功能界面

4.2.4 搜索界面

用戶場景:用戶想在即刻中搜索ta喜歡的主題或內容

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

優(yōu)先級:高

輸入/前置條件:用戶在關注頁面點擊搜索圖標或者在發(fā)現(xiàn)頁面點擊頂部

頁面邏輯

  1. 底部自動彈出鍵盤
  2. 在搜索輸入框輸入內容后自動搜索
  3. 為用戶在綜合界面推薦熱搜詞
  4. 用戶在輸入關鍵字和點擊熱搜詞后,會相應變?yōu)樗阉鳉v史,點擊清除鍵可以清除搜索歷史

4.3 部分交互設計

4.3.1 注冊登錄界面交互演示

交互說明:

  • 點擊【登錄】,黑線右移,顯示使用密碼登錄,微信微博QQ左移,顯示即刻賬號
  • 點擊【注冊】,黑線左移,隱藏使用密碼登錄,微信微博QQ右移,隱藏即刻賬號

4.3.2 關注進入搜索界面演示

交互說明:

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

文檔還有很多不足的地方,歡迎大神提出指導,謝謝!

供大家參考學習:

(1)來自本文作者的分享:

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

密碼:j2kr

(打開得需要瀏覽器下載好Axure拓展插件)

(2)來自人人都是產品經(jīng)理的官方分享:

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

密碼: hvki

 

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

更多精彩內容,請關注人人都是產品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 你好,我想問一下你這個模板是哪里找的,可以發(fā)我一份嗎謝謝,946939322@qq.com

    來自廣東 回復
  2. 求個分享,434552212@qq.com, 謝謝!

    來自北京 回復
  3. 求大神分享,15023162332@163.com

    來自四川 回復
  4. 求大神分享,sgseo@qq.com

    來自廣東 回復
  5. 求大神分享,1205988074@qq.com,感謝

    來自浙江 回復
  6. 求大神分享,531902174@qq.com

    回復
  7. 求分享,。280612043@qq.com

    來自廣東 回復
  8. 求分享1264226007@qq.com

    回復
  9. 求大神分享,742296792@qq.com

    來自廣東 回復
  10. 求分享,2298625463@qq.com
    謝謝 ??

    來自四川 回復
  11. 求分享,多謝多謝:zhang.biao@126.com

    來自山東 回復
  12. 不好意思,來晚了,分享已經(jīng)失效,可否求一份資料,450548837@qq.com,謝謝!

    來自廣東 回復
  13. 求分享,591264691@qq.com,感謝!

    來自香港 回復
  14. 網(wǎng)盤失效了,649812133@qq.com ,求分享,感謝

    來自上海 回復
  15. 求分享,1028345208@qq.com,感謝!

    來自北京 回復
  16. 求分享,1570012095@qq.com

    來自上海 回復
  17. 求大神分享,npf20082012@163.com

    來自北京 回復