編輯導(dǎo)讀：通過互聯(lián)網(wǎng)貸款在如今是一件很常見的事情，各類互聯(lián)網(wǎng)信貸產(chǎn)品層出不窮。本文作者根據(jù)自身工作經(jīng)歷，整理了一個(gè)信貸H5產(chǎn)品的需求文檔，希望對(duì)你有幫助。

一、背景說明

這個(gè)H5產(chǎn)品需求是將近一年以前的需求，當(dāng)時(shí)我們想要在一家銀行的APP中放入一個(gè)貸款的鏈接，引導(dǎo)用戶去點(diǎn)擊跳轉(zhuǎn)到我們的H5頁面去申請貸款，包括授信、借款等流程。

現(xiàn)在正在找工作，就把這份產(chǎn)品需求文檔拿出來用作面試作品，對(duì)里面的內(nèi)容進(jìn)行了很多補(bǔ)充，參考了一些產(chǎn)品教程，并把說明進(jìn)行了細(xì)化，將當(dāng)時(shí)后期才做的埋點(diǎn)需求也一并放了進(jìn)來，還對(duì)一些信息內(nèi)容作了大量的修改。

在這個(gè)過程中，參考了一些PRD文章、《信息架構(gòu)》、《web界面設(shè)計(jì)》、《用戶體驗(yàn)與可用性測試》等資料。

二、產(chǎn)品設(shè)計(jì)思考

在做該產(chǎn)品以前，我們主要對(duì)一些銀行及消金機(jī)構(gòu)的貸款產(chǎn)品進(jìn)行了了解，在使用這些產(chǎn)品的過程中，我們發(fā)現(xiàn)這些產(chǎn)品內(nèi)容龐雜，比如銀行APP就包括存款、債券、證券、保險(xiǎn)、期貨、股票、消費(fèi)貸等眾多板塊，

一來是內(nèi)容太多，且大部分模塊一般人用不上；

二是眾多模塊交叉分布，很容易讓對(duì)某一模塊功能有需求的用戶找不到對(duì)應(yīng)模塊入口。

在后期產(chǎn)品形態(tài)過程中，一來是根據(jù)使用場景及客群入口情況，選擇了H5為產(chǎn)品形態(tài)；二來明確該產(chǎn)品一定是要內(nèi)容及模塊簡單，因?yàn)槲覀兠鎸?duì)的客群很明確，就是需要資金支持的用戶，所以務(wù)必能讓他們一進(jìn)來就很容易找到他們需要的內(nèi)容。

進(jìn)而在產(chǎn)品信息架構(gòu)組織過程中，遵循【組織結(jié)構(gòu)-標(biāo)簽-導(dǎo)航】的順序進(jìn)行了分析。

組織結(jié)構(gòu)：

在這個(gè)產(chǎn)品中，主要的內(nèi)容就是貸款內(nèi)容，以及對(duì)應(yīng)的授信借款流程，現(xiàn)在貸款大多以貸款內(nèi)容為主要維度進(jìn)行模塊區(qū)分，

所以擺在我們面前主要就是兩條路，以貸款內(nèi)容類型做組織維度，或者以貸款階段（授信、借款）為組織維度。

但是我們在第一次原型做好進(jìn)行用戶測試（包括卡片測試）時(shí)，發(fā)現(xiàn)其實(shí)用戶自身對(duì)這些貸款內(nèi)容類型的區(qū)分以及貸款流程的區(qū)分并不特別敏感，他們更多是對(duì)自身一種需求狀態(tài)的認(rèn)知：我是要尋找貸款，還是要查看我授信/借款的狀態(tài)（看審核有沒有通過、授信額度多少、有沒有放款）。

所以我們決定以用戶狀態(tài)作為組織維度，分為兩種狀態(tài)的用戶：找貸款的用戶、查看已申請貸款狀態(tài)的用戶。

標(biāo)簽：

我們產(chǎn)品中必然有很多文字內(nèi)容，需要以通俗的文字語言來給用戶傳達(dá)產(chǎn)品功能。

在調(diào)研用戶的過程中，發(fā)現(xiàn)需要貸款的用戶，其實(shí)不會(huì)只尋求一款貸款產(chǎn)品，通常都會(huì)同時(shí)下載或使用多個(gè)APP，而且其實(shí)很多貸款產(chǎn)品語言描述都比較相似。

所以在標(biāo)簽內(nèi)容上，我們決定主要是參考主流貸款產(chǎn)品的文字描述。

導(dǎo)航：

在組織結(jié)構(gòu)明確下來后，導(dǎo)航也相對(duì)確定下來，產(chǎn)品先以用戶狀態(tài)進(jìn)行引導(dǎo)，即找貸款的用戶，查看已申請貸款狀態(tài)的用戶。

考慮到移動(dòng)設(shè)備較為狹小的屏幕面積，以及相對(duì)簡單的組織結(jié)構(gòu)，我們決定不用明顯的導(dǎo)航模塊，在登錄以后的落地頁中，直接明確一主一次，我們的產(chǎn)品收益主要來源于用戶申貸的返傭，所以落地頁定為貸款內(nèi)容展示頁，在較小位置添加往期申貸情況的入口。

局部導(dǎo)航：在往期申貸的內(nèi)容版塊中，還要分為授信、借款、還款三大塊，但是授信訂單與借款訂單是一對(duì)多的關(guān)系，借款訂單和還款記錄也是一對(duì)多的關(guān)系，由于三者相互之間強(qiáng)關(guān)聯(lián)的關(guān)系，所以決定在此采用層級(jí)結(jié)構(gòu)進(jìn)行內(nèi)容組織和引導(dǎo)。

信息架構(gòu)明確完畢后，就是原型和設(shè)計(jì)細(xì)節(jié)的明確。

• 采用藍(lán)色為主題色，涉及金錢，藍(lán)色能引導(dǎo)用戶保持冷靜，更符合我們謹(jǐn)慎的產(chǎn)品態(tài)度。
• 對(duì)不同功能的文字，進(jìn)行統(tǒng)一規(guī)范；對(duì)于按鈕、提示等全局功能進(jìn)行統(tǒng)一設(shè)計(jì)。
• 具體原型頁面上按照直截了當(dāng)、簡化交互、保持引導(dǎo)、即時(shí)反應(yīng)的原則進(jìn)行內(nèi)容組織和排版。

2.1 修訂歷史

2.2 文檔結(jié)構(gòu)

版本歷史、文檔結(jié)構(gòu)、文檔說明、需求背景、全局需求說明、頁面需求說明、后臺(tái)管理系統(tǒng)需求說明、埋點(diǎn)需求說明、其他需求。

2.3 文檔說明

本文檔是該需求的初版，是在與B公司前期商務(wù)溝通的基礎(chǔ)上，進(jìn)行系統(tǒng)層面的溝通和需求確認(rèn)，在后期該需求歷經(jīng)多次迭代，所以本需求文檔與實(shí)際確認(rèn)版本出入較大，不代表實(shí)際情況，僅供參考。

2.4 需求背景

• A公司有一批有貸款需求的客戶，由于A公司無法提供更多信貸服務(wù)，所以希望能夠?qū)ふ屹Y金方為這些客戶提供借貸服務(wù)；
• B公司剛剛起步線上個(gè)人小額信貸業(yè)務(wù)，C公司作為二者的連接方，在AB公司之間起橋梁作用；
• C公司希望自己做一款H5產(chǎn)品，短期能提供串聯(lián)起AB之間用戶和信息的流通，長遠(yuǎn)能作為一個(gè)信貸綜合導(dǎo)流平臺(tái)，提供助貸金融服務(wù)；

2.5 產(chǎn)品概述

2.5.1 產(chǎn)品信息

產(chǎn)品名：XX信貸平臺(tái)

產(chǎn)品版本：V1.0

產(chǎn)品形態(tài)：移動(dòng)端H5

2.5.2 產(chǎn)品角色

現(xiàn)在已有的流程是，客群流量的申請信息由資產(chǎn)方推送，經(jīng)C公司決策引擎初篩后，分流至資金方進(jìn)行審核后，資金方返回最終審核結(jié)果，再由C公司回送審核結(jié)果至資產(chǎn)方通知到客戶。

現(xiàn)在需要增加一個(gè)流量入口，資產(chǎn)方（A公司）提供H5流量入口，客戶由H5 平臺(tái)采集信息并做簡單初篩后，直接推送至B公司進(jìn)行授信及借款審核。

前期H5平臺(tái)的用戶全部推送B公司進(jìn)行授信及借款審核。

2.5.3 名詞解釋

• 貸款產(chǎn)品：A/B公司為用戶提供借貸的產(chǎn)品，即為貸款產(chǎn)品；
• 授信訂單：用戶通過貸款產(chǎn)品，向B公司申請授信，產(chǎn)生授信訂單，授信訂單結(jié)果決定能否進(jìn)行借款操作；授信訂單的授信額度決定借款訂單的借款范圍；
• 授信結(jié)果：審核中、授信通過、授信未通過；
• 授信額度：授信通過后，B公司予以用戶的借款范圍；
• 借款訂單：在授信訂單中授信結(jié)果為授信通過的前提下，進(jìn)行授信額度變現(xiàn)的申請；
• 借款金額：借款金額即為用戶實(shí)際借款到賬的金額。

2.5.4 用戶歷程

X用戶急需用錢，嘗試在A公司尋求短期借貸，發(fā)現(xiàn)C公司廣告，點(diǎn)擊進(jìn)入C公司平臺(tái)。

在C公司平臺(tái)登錄后，選擇了一款利率和特色比較匹配的產(chǎn)品。

在上傳身份信息，并填寫個(gè)人資料后提交申請，B公司實(shí)時(shí)返回審核結(jié)果，X用戶獲得兩萬元授信額度。

X用戶繼續(xù)在C公司平臺(tái)申請借款，兩萬額度不全用，選擇借款一萬元，并錄入了銀行卡信息，提交借款申請。

B公司審核X用戶借款申請后，進(jìn)行放款操作，X用戶收到了借款。

B公司定期從X用戶的銀行賬戶中進(jìn)行還款劃扣，X用戶可隨時(shí)登陸C公司平臺(tái)查看還款情況。

2.5.5 用戶角色

未注冊用戶：未在平臺(tái)任一產(chǎn)品中進(jìn)行過注冊的用戶（在統(tǒng)一的用戶表中查）。

已注冊用戶：在平臺(tái)任一產(chǎn)品中進(jìn)行過注冊的用戶（在統(tǒng)一的用戶表中查）。

2.5.6 產(chǎn)品架構(gòu)

2.5.7 信息結(jié)構(gòu)

2.5.8 整體流程

2.5.9 功能清單

2.6 全局需求說明

2.6.1 功能權(quán)限

分為未登錄、已登錄和停用三種狀態(tài)。

1. 登錄狀態(tài)：可瀏覽所有頁面。
2. 未登錄狀態(tài)：僅允許停留登錄頁面。
3. 停用狀態(tài)：退出登錄，僅允許停留登陸頁面，且不允許改賬號(hào)登錄。

2.6.2 原型說明

2.6.3 常見操作

• 下拉刷新
• 上拉加載內(nèi)容（到達(dá)底部）
• 軟鍵盤調(diào)用及退出。點(diǎn)擊驗(yàn)證碼、手機(jī)號(hào)碼、銀行卡號(hào)碼輸入框時(shí)頁面底部彈出數(shù)字鍵盤；點(diǎn)擊其他輸入框時(shí)頁面底部彈出拼音鍵盤；點(diǎn)擊軟鍵盤右下方“搜索”、“完成”、“下一步”時(shí)，軟鍵盤退出
• 已登錄狀態(tài)下，點(diǎn)擊頁面左上角logo，返回產(chǎn)品頁
• 頁面異常關(guān)閉、崩潰、閃退：再次打開時(shí)，進(jìn)入登錄頁
• 按Home鍵，頁面保留緩存，再次打開頁面時(shí)，回到按Home鍵之前的頁面
• 頁面保持兩小時(shí)的登錄狀態(tài)

2.7 頁面需求說明

2.7.1 登錄

需求描述：用戶登錄頁面

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

前置條件：兩小時(shí)內(nèi)無登錄緩存的用戶，訪問信貸平臺(tái)；或用戶點(diǎn)擊“退出登錄”

用戶常規(guī)路徑：

• 用戶進(jìn)入信貸平臺(tái)，顯示手機(jī)號(hào)碼、短信驗(yàn)證碼輸入框，驗(yàn)證碼獲取按鈕，登錄按鈕；
• 用戶輸入手機(jī)號(hào)碼；
• 用戶點(diǎn)擊獲取驗(yàn)證碼；
• 輸入短信驗(yàn)證碼；
• 點(diǎn)擊登錄；

異常操作：獲取驗(yàn)證碼或登錄時(shí)，沒有正常填寫信息，進(jìn)行toast對(duì)應(yīng)提示，提示2s后退出；

輸出結(jié)果：跳轉(zhuǎn)產(chǎn)品頁；

操作流程：

交互說明：

登錄頁：

2.7.2 瀏覽產(chǎn)品

需求描述：

• 包括產(chǎn)品列表頁和產(chǎn)品詳情頁；
• 產(chǎn)品列表頁作為用戶登錄之后的落地頁；
• 產(chǎn)品列表頁是用戶可申請產(chǎn)品的展示列表；
• 產(chǎn)品列表頁是用戶查看產(chǎn)品詳情、進(jìn)入產(chǎn)品詳情頁的入口；

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

前置條件：

• 用戶登錄后進(jìn)入產(chǎn)品列表頁；
• 用戶登錄狀態(tài)下，在任意頁面點(diǎn)擊logo進(jìn)入產(chǎn)品列表頁；

用戶常規(guī)路徑：

• 用戶登錄后進(jìn)入產(chǎn)品列表頁；
• 用戶上下滑動(dòng)瀏覽產(chǎn)品列表；
• 點(diǎn)擊信貸產(chǎn)品，進(jìn)入產(chǎn)品詳情頁；
• 上下滑動(dòng)瀏覽產(chǎn)品詳情；
• 點(diǎn)擊“立即申請”，進(jìn)入授信申請流程；

操作流程：

交互說明：

產(chǎn)品列表頁：

產(chǎn)品詳情頁：

2.7.3 授信申請

需求描述：

• 用戶申請授信是獲得借款的前提；
• 授信申請主要是用戶提交身份、個(gè)人的信息以供貸款方審核，每個(gè)產(chǎn)品所需信息不同，暫時(shí)沒有統(tǒng)一的模板，所以每接入一款產(chǎn)品，都需要單獨(dú)開發(fā)其授信申請頁，本次需求是以B公司的產(chǎn)品所需的授信申請信息進(jìn)行開發(fā)；
• 授信過程中需要接入身份證OCR識(shí)別；
• 授信結(jié)束后，貸款方會(huì)實(shí)時(shí)返回授信結(jié)果；

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

前置條件：用戶通過產(chǎn)品詳情頁點(diǎn)擊“立即申請”。

用戶常規(guī)路徑：

• 用戶通過產(chǎn)品詳情頁點(diǎn)擊“立即申請”進(jìn)入授信申請；
• 在用戶進(jìn)入身份信息頁前，需先通過B公司的用戶校驗(yàn)接口，查詢該用戶狀態(tài)為準(zhǔn)入，進(jìn)入身份信息頁；
• 用戶進(jìn)入身份信息頁，用戶上傳身份證正反面照片，OCR識(shí)別通過后進(jìn)入個(gè)人信息頁；
• 個(gè)人信息填寫完成后，點(diǎn)擊下一步，進(jìn)入聯(lián)系人信息頁；
• 聯(lián)系人信息填寫完成后，點(diǎn)擊提交，授信結(jié)果頁；
• 授信結(jié)果頁顯示用戶授信申請結(jié)果；
• 通過授信結(jié)果頁進(jìn)入借款申請頁或回到產(chǎn)品列表頁；

異常操作：在用戶進(jìn)入身份信息頁前，B公司的用戶校驗(yàn)接口用戶狀態(tài)返回值不是準(zhǔn)入，則toast提示“該產(chǎn)品暫時(shí)不可用，請選擇其他產(chǎn)品”。

身份信息頁：

• 用戶在身份信息頁，未上傳身份證照片即點(diǎn)擊“下一步”，toast提示“請先上傳身份證照片”；
• 用戶上傳身份證照片，OCR識(shí)別失敗，toast提示“身份證識(shí)別失敗，請重新上傳更為清晰的照片”；

個(gè)人信息頁、聯(lián)系人信息頁：

• 每項(xiàng)信息失去光標(biāo)的即對(duì)該信息進(jìn)行規(guī)則校驗(yàn)，填寫不合規(guī)則提示“請正確填寫xxxx”；
• 用戶有未填寫項(xiàng)即點(diǎn)擊“下一步”，則toast提示“請?zhí)顚憍xx”，多項(xiàng)信息未填寫，則首先提示最靠前的信息項(xiàng)進(jìn)行填寫；
• 用戶有填寫項(xiàng)填寫不合規(guī)即點(diǎn)擊“下一步”，則toast提示“請正確填寫xxx”，多項(xiàng)信息填寫不合規(guī)，則首先提示最靠前的信息項(xiàng)進(jìn)行重新填寫；

填寫過程中用戶在身份信息頁、個(gè)人信息頁、聯(lián)系人信息頁之間切換，已填寫信息予以緩存保留；

用戶填寫過程中退出到其它頁面，已填寫信息不予保留，下次進(jìn)入時(shí)重新填寫；

輸出結(jié)果：返回授信狀態(tài)及授信結(jié)果。

操作流程：

交互說明：

身份信息頁：

個(gè)人信息頁：

聯(lián)系人信息頁：

授信結(jié)果頁：

2.7.4 授信訂單及借款訂單

需求描述：

• 通過產(chǎn)品列表頁右上角“我的申請”，進(jìn)入授信訂單列表頁；
• 該用戶申請過的所有授信，都在此顯示；
• 通過授信訂單列表，可查看授信詳情；
• 可通過授信詳情，進(jìn)入借款申請流程；

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

前置條件：

• 用戶在產(chǎn)品列表頁點(diǎn)擊“我的申請”；
• 如果用戶未進(jìn)行過任何產(chǎn)品的授信申請，該頁為空；

用戶常規(guī)路徑：

• 用戶在產(chǎn)品列表頁，點(diǎn)擊“我的申請”進(jìn)入授信列表頁；
• 用戶在授信訂單列表頁瀏覽授信訂單；
• 點(diǎn)擊單個(gè)授信訂單，進(jìn)入授信訂單詳情頁；
• 用戶在授信詳情頁瀏覽授信訂單詳情，以及借款記錄；
• 用戶可從授信訂單詳情頁進(jìn)入借款流程；

異常操作：

• 用戶沒有進(jìn)行過授信申請，則顯示授信列表頁顯示空；
• 已授信產(chǎn)品的狀態(tài)為暫停，則在授信詳情頁不顯示借款入口，且置頂產(chǎn)品說明；

輸出結(jié)果：

• 授信列表頁展示用戶歷次授信記錄；
• 授信詳情頁展示用戶授信詳細(xì)信息和該授信訂單下的借款信息；
• 用戶進(jìn)入到借款流程；

操作流程：

交互說明：

授信列表頁：

授信詳情頁：

2.7.5 借款申請

需求描述：

• 用戶通過授信，獲取授信額度后可進(jìn)行借款申請；
• 借款是將授信額度變現(xiàn)的唯一途徑；
• 獲得授信是借款的前提，但是借款申請仍需B公司審核，存在審核不通過的可能；
• 同一授信訂單下可能存在多筆借款訂單（一對(duì)多）；
• 授信額度可以循環(huán)使用；
• 借款流程中需與B公司進(jìn)行銀行卡校驗(yàn)；

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

前置條件：

• 用戶申請的授信獲得了授信額度；
• 授信額度處于有效狀態(tài)；
• 可用額度大于1000；
• 用戶在授信詳情中點(diǎn)擊“申請借款”，或在授信結(jié)果頁點(diǎn)擊“立即借款”；

用戶常規(guī)路徑：

• 用戶在授信詳情中點(diǎn)擊“申請借款”，或在授信結(jié)果頁點(diǎn)擊“立即借款”，進(jìn)入借款申請；
• 在借款申請頁填完信息后，進(jìn)入綁定銀行卡頁；
• 填寫完銀行卡信息后，點(diǎn)擊提交；
• 提交后進(jìn)入借款結(jié)果頁查看借款結(jié)果；

異常操作：

借款信息頁：

• 借款金額失去光標(biāo)的即對(duì)該信息進(jìn)行規(guī)則校驗(yàn)，填寫不合規(guī)則提示“請正確填寫xxxx”；
• 用戶有未填寫項(xiàng)即點(diǎn)擊“下一步”，則toast提示“請?zhí)顚憍xx”，多項(xiàng)信息未填寫，則首先提示最靠前的信息項(xiàng)進(jìn)行填寫；
• 用戶有填寫項(xiàng)填寫不合規(guī)即點(diǎn)擊“下一步”，則toast提示“請正確填寫xxx”；

綁定銀行卡頁：

• 每項(xiàng)信息失去光標(biāo)的即對(duì)該信息進(jìn)行規(guī)則校驗(yàn)，填寫不合規(guī)則提示“請正確填寫xxxx”；
• 用戶有未填寫項(xiàng)即點(diǎn)擊“下一步”，則toast提示“請?zhí)顚憍xx”，多項(xiàng)信息未填寫，則首先提示最靠前的信息項(xiàng)進(jìn)行填寫；
• 用戶有填寫項(xiàng)填寫不合規(guī)即點(diǎn)擊“下一步”，則toast提示“請正確填寫xxx”，多項(xiàng)信息填寫不合規(guī)，則首先提示最靠前的信息項(xiàng)進(jìn)行重新填寫；
• 銀行三要素鑒權(quán)未通過，則提示“請核對(duì)您的銀行卡信息，并重新填寫”；
• 填寫過程中用戶在借款信息頁、綁定銀行卡頁之間切換，已填寫信息予以緩存保留；
• 用戶填寫過程中退出到其它頁面，已填寫信息不予保留，下次進(jìn)入時(shí)重新填寫；

輸出結(jié)果：返回借款審核狀態(tài)及結(jié)果；

操作流程：

交互說明：

借款信息頁：

綁定銀行卡頁：

借款結(jié)果頁：

2.8 后臺(tái)管理系統(tǒng)需求說明

2.8.1 用戶管理

• 用戶管理增加C端客戶模塊；
• C端客戶中，留存客戶的userID、注冊時(shí)間、來源渠道（當(dāng)前都是A公司）、手機(jī)號(hào)；
• 增加篩選功能，篩選來源渠道、注冊時(shí)間，文本搜索（搜索手機(jī)號(hào)和userID）；
• 增加客戶登錄日志模塊，留存客戶userid、登陸時(shí)間、IP地址、操作系統(tǒng)（Android、ios）、網(wǎng)絡(luò)環(huán)境、設(shè)備型號(hào)；

2.8.2 訂單管理

此次需求的授信訂單及借款訂單，合并入現(xiàn)有的授信訂單和借款訂單模塊中，資產(chǎn)方標(biāo)注為A公司，資金方標(biāo)注為B公司；

2.8.3 產(chǎn)品管理

在產(chǎn)品模塊中，產(chǎn)品渠道增加H5選項(xiàng)，實(shí)現(xiàn)后臺(tái)對(duì)H5產(chǎn)品列表中，產(chǎn)品配置，包括推薦序位、產(chǎn)品上架狀態(tài)；

2.9 埋點(diǎn)需求說明

2.9.1 統(tǒng)計(jì)的事件

• 登錄：用戶在登錄頁進(jìn)行登陸操作；
• 產(chǎn)品瀏覽：用戶在產(chǎn)品列表頁停留及點(diǎn)擊；
• 授信申請：用戶進(jìn)入授信申請；
• 授信申請?zhí)峤唬河脩籼峤皇谛派暾垼?/li>
• 借款申請：用戶進(jìn)入借款申請；
• 借款申請?zhí)峤唬河脩籼峤唤杩钌暾垼?/li>

2.9.2 事件屬性

通用屬性：

事件屬性：

2.10 其他說明

• 性能需求：加載頁面時(shí)間不超過2秒；對(duì)頁面元素做預(yù)加載處理；
• 排期要求
• ……

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

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