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

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

目錄

一、產(chǎn)品概述

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

二、名詞解釋和功能點(diǎn)

1. 名詞解釋
2. 功能點(diǎn)

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

四、全局說明

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

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

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

一、產(chǎn)品概述

1. 體驗(yàn)環(huán)境

2. 產(chǎn)品介紹

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

3. 產(chǎn)品目標(biāo)

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

4. 產(chǎn)品用戶

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

二、名詞解釋和功能點(diǎn)

1. 名詞解釋

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

2. 功能點(diǎn)

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

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

四、全局說明

1. 網(wǎng)絡(luò)異常

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

2. 交互規(guī)則

操作反饋：

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

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

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

刷新：

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

操作狀態(tài)：

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

鍵盤：

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

生物識(shí)別：

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

空狀態(tài)：

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

3. 業(yè)務(wù)邏輯

• 用戶借款時(shí)，需要真實(shí)信息和運(yùn)營商信息認(rèn)證；
• 用戶投資時(shí)，需要開通北京銀行個(gè)人賬戶。

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

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

1. 登錄注冊

流程圖：

前置條件：

51信用卡采用賬號密碼登錄、手機(jī)驗(yàn)證碼登陸、第三方QQ、微信、微博登錄。手機(jī)號碼注冊后，利用驗(yàn)證碼驗(yàn)證身份后，用戶可自主設(shè)置賬號密碼。注冊時(shí)，用戶可填寫朋友給的邀請碼。第三方授權(quán)登錄后，需要綁定手機(jī)號進(jìn)行身份認(rèn)證。

驗(yàn)證碼獲取規(guī)則：

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

（1）賬號密碼登陸

（2）手機(jī)驗(yàn)證碼登陸

（3）注冊

2. 賬單

（1）賬單

前置條件：

用戶需要通過導(dǎo)入賬單才可在首頁查看賬單，接收賬單通知信息。

頁面邏輯：

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

個(gè)人建議：

用戶點(diǎn)擊更新賬單后，驗(yàn)證碼彈框和數(shù)字鍵盤自動(dòng)彈起，用戶即可填入驗(yàn)證碼進(jìn)行驗(yàn)證。

（2）賬單詳情

（3）消息

用戶場景：用戶需要查看和應(yīng)用有關(guān)的更多消息，及時(shí)了解自己的賬單信息。

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

頁面邏輯：

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

個(gè)人建議：

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

3. 財(cái)富

（1）財(cái)富

用戶場景：用戶需要了解更多有關(guān)投資的事，進(jìn)行理財(cái)投資。

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

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

流程圖：

用戶場景：用戶需要通過51人品，一鍵式投資理財(cái)。

頁面邏輯：

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

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

流程圖：

用戶場景：用戶通過購買基金進(jìn)行理財(cái)投資。

頁面邏輯：

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

4. 借錢

流程圖：

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

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

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

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

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

（2）我的信用卡

用戶場景：用戶想要查看自己信用卡的優(yōu)惠活動(dòng)時(shí)，需要添加自己的信用卡以及管理自己的信用卡。

頁面邏輯：

• 用戶點(diǎn)擊信用卡，可進(jìn)入二級界面查看信用卡詳情，可自主更改信用卡類型；
• 點(diǎn)擊添加信用卡，進(jìn)入信用卡添加流程；
• 添加信用卡流程時(shí)，只需填寫卡號和姓名就可提交保存。

個(gè)人建議：

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

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

6. 我的

（1）公積金查詢

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

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

頁面邏輯：

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

個(gè)人建議：

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

（2）我的紅包

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

頁面邏輯：

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

個(gè)人建議：

可以增加即將時(shí)效的紅包的標(biāo)簽，用戶進(jìn)入紅包管理時(shí)，對時(shí)間的不敏感性會(huì)導(dǎo)致紅包在用戶不知情的情況下失效，增加即將時(shí)效分類后，可引起用戶的注意力，同時(shí)會(huì)給用戶帶來緊迫感，用戶有可能根據(jù)自身?xiàng)l件使用紅包，減少紅包失效數(shù)。

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

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

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