倒推:51信用卡管家app產(chǎn)品需求文檔

19 評論 45180 瀏覽 273 收藏 21 分鐘

文章通過使用、體驗、研究等方式倒推51信用卡管家APP,通過使用axure撰寫PRD文檔。51信用卡業(yè)務很多,文章只撰寫部分核心功能點。另外,51信用卡通過和第三方合作,開展了賬單導入、辦信用卡、借款、投資理財?shù)葮I(yè)務,文中如有相關錯誤,望指出。

寫文目的:通過撰寫產(chǎn)品文檔,梳理51信用卡的相關業(yè)務流程,思考產(chǎn)品的用戶體驗優(yōu)缺點、數(shù)據(jù)的流轉(zhuǎn)、前后端的交互過程,訓練思考和思維模式。

目錄

一、產(chǎn)品概述

  1. 體驗環(huán)境
  2. 產(chǎn)品介紹
  3. 產(chǎn)品目標
  4. 產(chǎn)品用戶

二、名詞解釋和功能點

  1. 名詞解釋
  2. 功能點

三、產(chǎn)品結(jié)構圖

四、全局說明

  1. 網(wǎng)絡異常
  2. 交互規(guī)則
  3. 業(yè)務邏輯
  4. 數(shù)據(jù)說明

五、部分功能原型交互展示

  1. 賬號密碼登錄
  2. 手機驗證碼登陸
  3. 注冊
  4. 賬單
  5. 賬單詳情
  6. 消息
  7. 財富
  8. 51產(chǎn)品詳情
  9. 基金產(chǎn)品詳情
  10. 借錢
  11. 發(fā)現(xiàn)
  12. 我的
  13. 公積金查詢
  14. 我的紅包

一、產(chǎn)品概述

1. 體驗環(huán)境

2. 產(chǎn)品介紹

產(chǎn)品為用戶提供信用卡賬單、生活賬單以及其他賬單的管理和還款功能,幫助用戶更好的使用信用卡,為用戶解決理財、貸款等金錢方面的需求。

3. 產(chǎn)品目標

  • 用戶根據(jù)自身賬單類型,自主選擇導入類型,管理和編輯賬單;
  • 自主根據(jù)認證方式,提高額度,極速借款,根據(jù)自身對風險的承受能力,進行理財;
  • 支持安卓和蘋果市面上大部分的機型,提高各環(huán)境下的用戶體驗;
  • 通過砍賬單、分享、優(yōu)惠活動的開展,拉取更多用戶使用應用,提高應用用戶數(shù),增強用戶活性。

4. 產(chǎn)品用戶

  • 通過艾瑞指數(shù)顯示,51信用卡的用戶人群中男性比例為60.78%,女性比例為39.22%,男性比女性多很多;
  • 用戶群體中,31~35歲的用戶為31.83%,36歲~40歲和25歲~30歲分別居于第二和第三,可以得出51信用卡主要用戶年齡為25歲到40歲,男性居多。這部分用戶正是積累財富的時候,對金錢的需求和支付能力比較大,對管理賬單和借錢、理財?shù)男枨笠泊蟆?/li>

二、名詞解釋和功能點

1. 名詞解釋

  • 成長值:成長值是用戶在應用內(nèi),通過管理賬單、信用卡數(shù)、投資、貸款等行為,綜合計算出來的分值;
  • 新手會員:成長值在0~150的用戶;
  • 普卡會員:成長值在150~500的用戶;
  • 銀卡會員:成長值在500~1500的用戶;
  • 金卡會員:成長值在1500~3500的用戶;
  • 白金會員:成長值在3500以上的用戶;
  • 還款金:可用于信用卡還款的金額;
  • 投資劵:可用于投資加息或者使用的利率或者金額;
  • 借款劵:可用于借款的抵費劵;
  • 砍賬單:邀請好友,隨機獲取金額數(shù),可用于還賬單時使用。

2. 功能點

三、產(chǎn)品結(jié)構圖

產(chǎn)品主要為賬單、財富、借錢、發(fā)現(xiàn)、我的五個模塊構成。賬單是產(chǎn)品的核心功能,借錢和理財是51信用卡通過和第三方的業(yè)務合作,給用戶帶來借錢和理財?shù)男枨?。發(fā)現(xiàn)是幫助用戶更好的理解相關金融知識和資訊,提高用戶使用應用的粘性,我的是用戶對自身信息的管理。

四、全局說明

1. 網(wǎng)絡異常

  • 一級界面中數(shù)據(jù)為本地緩存的,展示緩存數(shù)據(jù)。沒有本地緩存的頁面,展示效果為插圖和提示性文案;
  • 頁面數(shù)據(jù)保存到本地的,頁面底部浮條文案提示網(wǎng)絡異常;
  • toast提醒網(wǎng)絡異常,2s后自動消失,toast位置遵守系統(tǒng)交互規(guī)則。

2. 交互規(guī)則

操作反饋:

  • 反饋型toast展示時間均為2s中,2s過后消失,文案根據(jù)對應的交互設計文案,蘋果是位于屏幕中間,安卓是位于屏幕偏下;
  • 進程型toast則需要對應的icon和文案給用戶反饋當前進程,進程結(jié)束后,toast消失;
  • dialog彈框需要用戶點擊彈框的button,彈框才消失,點擊頁面其他地方,彈框不消失;
  • 特殊情況下的浮窗需要異常情況消失或者用戶手動點擊刪除才會消失。比如網(wǎng)絡異常時,一級界面因為展示給用戶的是緩存數(shù)據(jù),就采用了浮窗形式反饋網(wǎng)絡出錯,網(wǎng)絡恢復正常后,浮窗消失。

數(shù)據(jù)下拉加載:

資訊消息類的數(shù)據(jù),用戶快速下拉加載時,一次性加載20條,用戶緩慢上滑查看時,數(shù)據(jù)同時加載。

刷新:

一級界面為本地數(shù)據(jù)緩存的,用戶需要下拉刷新才可請求數(shù)據(jù)更新。如果沒有數(shù)據(jù)緩存的頁面,用戶每次進入頁面,則為重新刷新數(shù)據(jù)。

操作狀態(tài):

所有的按鈕或者可點擊的icon、文字均分為:可操作狀態(tài)、不可操作狀態(tài)、操作后狀態(tài)三種。其中可操作狀態(tài)對應可操作顏色,不可操作狀態(tài)一般可見,但為灰色,操作后狀態(tài)要與可操作狀態(tài)有區(qū)別,給用戶及時反饋。

鍵盤:

  1. 用戶點擊手機號碼、驗證碼、金額、身份證號碼、支付密碼等輸入框,彈起數(shù)字鍵盤;
  2. 用戶點擊登陸密碼等需要輸入文本的地方,彈起常規(guī)鍵盤;
  3. 鍵盤和選擇性彈框從底部彈出,同時頁面變暗,頁面變暗部分無法進行操作。

生物識別:

用戶開啟手勢密碼和生物密碼識別時,優(yōu)先生物識別。生物識別不了后,才進行手勢密碼識別。

空狀態(tài):

頁面在正常情況下,沒有數(shù)據(jù)顯示時,表現(xiàn)形式為插圖配提示性文案。如需要,根據(jù)特定頁面場景,增加引導用戶操作的button或者鏈接等;

3. 業(yè)務邏輯

  • 用戶借款時,需要真實信息和運營商信息認證;
  • 用戶投資時,需要開通北京銀行個人賬戶。

4. 數(shù)據(jù)說明

五、部分功能原型交互展示

1. 登錄注冊

流程圖:

前置條件:

51信用卡采用賬號密碼登錄、手機驗證碼登陸、第三方QQ、微信、微博登錄。手機號碼注冊后,利用驗證碼驗證身份后,用戶可自主設置賬號密碼。注冊時,用戶可填寫朋友給的邀請碼。第三方授權登錄后,需要綁定手機號進行身份認證。

驗證碼獲取規(guī)則:

同一手機號只可以綁定一個賬戶,2分鐘內(nèi)不可多次請求驗證碼,2分鐘內(nèi)第二次請求驗證碼時,toast提醒“請求驗證碼過于頻繁,請1分鐘后再試”,一天只可請求6次驗證碼,第7次請求驗證碼時,toast提醒“今天已請求6次驗證碼了,請明天再試”。

(1)賬號密碼登陸

(2)手機驗證碼登陸

(3)注冊

2. 賬單

(1)賬單

前置條件:

用戶需要通過導入賬單才可在首頁查看賬單,接收賬單通知信息。

頁面邏輯

用戶需利用手機驗證碼或者登錄第三方賬戶,驗證身份后,獲取最新的賬單信息。信用卡更新賬單時,用戶點擊更新,更新未出文案變?yōu)檩斎腧炞C碼,服務器下發(fā)短信驗證碼,用戶需要點擊輸入驗證碼,出現(xiàn)彈框,用戶輸入驗證碼判斷正確后,賬單開始更新。

個人建議:

用戶點擊更新賬單后,驗證碼彈框和數(shù)字鍵盤自動彈起,用戶即可填入驗證碼進行驗證。

(2)賬單詳情

(3)消息

用戶場景:用戶需要查看和應用有關的更多消息,及時了解自己的賬單信息。

前置條件:用戶登陸后均可以接受系統(tǒng)、新鮮事、公告、活動中心的通知,互動消息需要用戶自主評論回復等,才可以接收互動消息。

頁面邏輯

  1. 消息中心分為4個模塊,分別為系統(tǒng)通知、新鮮事、公告、活動中心、互動消息,消息類型在頁面的位置固定;
  2. 用戶有無消息,四個消息類別均顯示給用戶;
  3. 有新消息時,對應的消息類型上用紅點引導;
  4. 消息類型下方展示最近一條消息的標題和消息推送時間,時間展示到日,除昨天、今天,其他日期均xx-xx格式表示;
  5. 點擊消息類型列表,查看更多消息詳情。

個人建議

消息排序應根據(jù)類別里推送的最近一條消息時間,即當前類別下有新消息推送,該列表自動排序在首位。51信用卡是排序固定,用戶瀏覽習慣正常情況下是由上到下,按消息時間排序,用戶可以快速注意到最新的消息。還有當前類別下無消息時,該類別應隱藏,無需展示給用戶,不給用戶帶入過多無用的信息負擔。

3. 財富

(1)財富

用戶場景:用戶需要了解更多有關投資的事,進行理財投資。

前置條件:登陸用戶均可查看。

(2)51人品產(chǎn)品詳情

流程圖:

用戶場景:用戶需要通過51人品,一鍵式投資理財。

頁面邏輯

  • 由財富模塊的51人品進入;
  • 介紹產(chǎn)品詳情,以及投資規(guī)則;
  • 立即投入需要判斷用戶是否開戶,開戶即可進入產(chǎn)品購買詳情頁,沒有開戶,進入開戶流程。

(3)基金產(chǎn)品詳情

流程圖:

用戶場景:用戶通過購買基金進行理財投資。

頁面邏輯

  • 由財富模塊的基金模塊進入;
  • 介紹產(chǎn)品詳情以及收益情況;
  • 買入和定投需要判斷用戶是否開通交易賬號,開通進入購買流程,沒有開戶,詢問用戶是否進入開戶流程;
  • 用戶點擊加自選功能,toast提醒“已添加自選”,再次點擊toast提醒“已刪除自選”。

4. 借錢

流程圖:

用戶場景:用戶想要通過低成本的借到自己需要的金額。

5. 發(fā)現(xiàn)

(1)發(fā)現(xiàn)

用戶場景:用戶需要了解更多關于信用卡的信息,更好更優(yōu)惠合理的使用信用卡,以及查看最近的相關優(yōu)惠,為自己節(jié)省金錢。

前置條件:登陸用戶均可以看見此頁面。

(2)我的信用卡

用戶場景:用戶想要查看自己信用卡的優(yōu)惠活動時,需要添加自己的信用卡以及管理自己的信用卡。

頁面邏輯:

  • 用戶點擊信用卡,可進入二級界面查看信用卡詳情,可自主更改信用卡類型;
  • 點擊添加信用卡,進入信用卡添加流程;
  • 添加信用卡流程時,只需填寫卡號和姓名就可提交保存。

個人建議:

添加信用卡時,用戶輸入卡號和姓名時,系統(tǒng)可根據(jù)卡號自主判斷信用卡類型,杜絕用戶選錯信用卡類別或者同時讓用戶選擇信用卡類型后再提交信用卡信息,無需用戶提交成功后再返回我的信用卡,點擊選擇類別button后選擇信用卡類別,以此減少用戶操作步驟。

增加信用卡刪除,51信用卡現(xiàn)在是沒有刪除此處信用卡的功能,用戶如果有沒用的信用卡,無法進行操作。增加此處信用卡的說明,可考慮采用灰色文案做解釋說明。因為我的模塊里有個卡包也有信用卡的管理,用戶需要知道各自信用卡的功能區(qū)別,如果功能一樣,兩處信用卡是否信息同步。

6. 我的

(1)公積金查詢

用戶場景:用戶快捷查詢自己的公積金。

前置條件:用戶需要添加自己的公積金賬戶。

頁面邏輯

  • 用戶從我的模塊里公積金列表進入;
  • 用戶想查看公積金,需要通過對應的第三方公積金系統(tǒng)登入,導入公積金賬戶到51信用卡里;
  • 用戶導入對應的公積金賬戶到51后,數(shù)據(jù)保存到51信用卡服務器,用戶再次查看時,客戶端直接從服務器讀?。?/li>
  • 用戶需要更新公積金賬戶時,需要再次登錄第三方公積金系統(tǒng);
  • 公積金賬戶可以通過城市和添加公積金賬戶入口添加;
  • 用戶點擊公司信息列表和賬戶余額列表,均為公積金每月繳納詳情頁;
  • 點擊切換城市和添加新的公積金賬戶均進入添加公積金賬戶流程。

個人建議:

考慮到用戶點擊公司信息列表和賬戶余額列表,均為公積金每月繳納詳情,建議公積金展示可考慮卡片形式,統(tǒng)一入口進入公積金詳情頁。

(2)我的紅包

用戶場景:用戶查看自己的紅包使用情況,確認是否有可用優(yōu)惠。

頁面邏輯

  • 用戶從我的模塊里紅包或者賬單頁面我的紅包進入;
  • 用戶點擊對應的二級導航標簽,可分類查看還款、投資、借款、購物相關的紅包;
  • 用戶點擊兌的icon,可以利用福利碼兌換對應的紅包;
  • 用戶點擊購物劵使用規(guī)則icon,進入規(guī)則說明頁面。

個人建議

可以增加即將時效的紅包的標簽,用戶進入紅包管理時,對時間的不敏感性會導致紅包在用戶不知情的情況下失效,增加即將時效分類后,可引起用戶的注意力,同時會給用戶帶來緊迫感,用戶有可能根據(jù)自身條件使用紅包,減少紅包失效數(shù)。

點擊兌換碼時,建議常規(guī)鍵盤自動彈起,閃光標定為可輸入,不必再次點擊激活輸入框后再彈出鍵盤,用戶如若需要兌換,直接輸入福利碼。需要兌換時,點擊取消,兌換碼彈框和鍵盤收起。

 

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

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 作者自己說了賬單是核心,但是對于賬單這塊只寫了APP的頁面設計,并沒有說賬單處理邏輯。
    一般賬單就是三塊,分別是:1.賬務對賬:核對每個科目余額與分戶賬戶余額。2.資金對賬:對比平臺系統(tǒng)與分戶賬戶流入流出資金。3.業(yè)務對賬:賬單明細與成單訂單明細核對。分別對應:收入、成本、費用、應收、應付、實收、實付
    而對于上述這些的核心是并沒有說

    來自浙江 回復
  2. 公眾號:Shirley的折騰,歡迎關注丫丫~~一起聊產(chǎn)品、聊讀書,嘮嗑成長!

    來自北京 回復
  3. 那個注釋有什么插件

    來自江蘇 回復
    1. axure就可以

      來自浙江 回復
  4. 請問一下是用什么做原型圖的啊?那個注釋怎么弄的?紅框有個1,然后與文字關系起來

    來自廣東 回復
    1. axure

      來自浙江 回復
  5. 51信用卡考慮一下嗎~ 需要內(nèi)推可以聯(lián)系我~ qq 472749800 ~ ??

    來自浙江 回復
  6. 作者前臺分析十分詳盡,請問是互金行業(yè)嘛?

    回復
    1. 謝謝,不是互金行業(yè)的 ??

      來自浙江 回復
  7. 非常詳細。很贊 ?? 方便加你不?

    來自四川 回復
    1. 可以呀,17755242786,我的微信號

      來自浙江 回復
  8. 你是因為要面試51信用卡么 ?

    來自湖南 回復
    1. 不是啊 ??

      來自浙江 回復
  9. 贊贊贊

    來自北京 回復
  10. 我么多 一個月可以完成嗎

    回復
    1. 三天左右吧,不需要一個月的 ??

      來自浙江 回復
    2. 作者好厲害。本想模仿,但發(fā)現(xiàn)模仿不來 ??

      來自香港 回復
  11. 很贊,非常詳細。

    來自上海 回復
    1. ??

      來自浙江 回復