互聯(lián)網(wǎng)理財(cái)平臺(tái)，支付渠道升級(jí)，由原來(lái)的新浪托管換成富友、寶付支付。這就意味著平臺(tái)需要對(duì)賬戶資產(chǎn)頁(yè)面及交易流程進(jìn)行重新設(shè)計(jì)。

一、項(xiàng)目背景

互聯(lián)網(wǎng)理財(cái)平臺(tái)，支付渠道升級(jí)，由原來(lái)的新浪托管換成富友、寶付支付。這就意味著平臺(tái)需要對(duì)賬戶資產(chǎn)頁(yè)面及交易流程進(jìn)行重新設(shè)計(jì)。

用戶在購(gòu)買理財(cái)產(chǎn)品時(shí)，只能通過(guò)平臺(tái)的賬戶余額進(jìn)行購(gòu)買。如果賬戶余額不足，則需要先通過(guò)第三方支付平臺(tái)進(jìn)行充值到賬戶余額，然后再重新購(gòu)買產(chǎn)品，賬戶余額支付，輸入交易密碼后訂單申請(qǐng)?zhí)峤怀晒Α?/p>

二、遇到了什么問(wèn)題

按照產(chǎn)品的需求，設(shè)計(jì)了第一版的流程及頁(yè)面，原流程如下：

具體頁(yè)面流程如下：

上線后發(fā)現(xiàn)有部分用戶在充值提交成功后誤以為投資完成了。

客服也反饋用戶有遺漏購(gòu)買的情況，以為自己購(gòu)買完成了，沒(méi)有想到只是做了充值支付，并沒(méi)有再用賬戶余額購(gòu)買產(chǎn)品。

三、我是如何思考的

顯然，用戶不是專家，他不了解平臺(tái)賬戶的復(fù)雜的規(guī)則。即使彈窗上面已經(jīng)提示了“賬戶余額不足，請(qǐng)充值后再投資”，用戶也不會(huì)花時(shí)間去研究你這句話。

那么問(wèn)題來(lái)了，怎么樣才能跟用戶講清楚我們的規(guī)則。

我想到了以下兩點(diǎn)：

1.為了讓用戶能夠完全清楚規(guī)則，就采用最笨的方法：

余額不足，不能投資，請(qǐng)先充值。充值成功后，如果用戶想購(gòu)買，主動(dòng)去產(chǎn)品頁(yè)面申購(gòu)，和充值流程完全分開。這樣用戶會(huì)很清楚自己當(dāng)前處于哪個(gè)階段，在執(zhí)行什么任務(wù)，有什么樣的預(yù)期，一目了然。

但是，這種方案流程會(huì)比較繁瑣，會(huì)打斷用戶的申購(gòu)流程。該如何取舍?

首先，原來(lái)的流程引起了用戶的誤操作，必須得改。但是否有必要改成稍微復(fù)雜一點(diǎn)的流程呢?這就要看在購(gòu)買產(chǎn)品時(shí)需要充值的用戶大概占多大的比例。畢竟如果數(shù)量很少的話，采用這種方案也是可以的，雖然繁瑣，但是不會(huì)出錯(cuò)，用戶也覺得清晰、安全。

我們查看了一下用戶使用賬戶余額購(gòu)買的數(shù)量和在購(gòu)買過(guò)程中需要充值支付的數(shù)量，結(jié)果顯示，有62%的用戶都是在購(gòu)買產(chǎn)品過(guò)程中去選擇充值的。看來(lái)還得想想其他的方案。

2.有沒(méi)有什么方法能夠像用戶解釋清楚我們的規(guī)則呢?

這樣就可以沿用原來(lái)的流程，不需要使用最笨的方法了。為什么我們需要如此努力地去向用戶解釋流程和規(guī)則?一旦開始絞盡腦汁思考這個(gè)問(wèn)題時(shí)，其實(shí)就說(shuō)明了你的規(guī)則太復(fù)雜了。如果一個(gè)流程需要千方百計(jì)去向用戶解釋清楚，那么這就不是一個(gè)體驗(yàn)好的流程。

四、我是如何解決的

方案一：以下是上文提到的第一種思考方案，直接彈窗提示后讓用戶自己去充值入口進(jìn)行充值。

那么，有沒(méi)有更加簡(jiǎn)單的流程?

梳理一下交易流程的整個(gè)后臺(tái)邏輯：

用戶充值完成后數(shù)據(jù)返回給后臺(tái)，并在前端做最新展示，用戶再次發(fā)起申購(gòu)時(shí)，后臺(tái)進(jìn)行扣款。從中可以看出，用戶充值后去購(gòu)買產(chǎn)品，其實(shí)只是后臺(tái)針對(duì)訂單進(jìn)行扣款，沒(méi)有涉及到富友系統(tǒng)的交互。

因此可以在用戶申購(gòu)時(shí)，完成充值后，等資金到達(dá)賬戶余額時(shí)自動(dòng)扣款并購(gòu)買成功，這樣用戶在前臺(tái)就可以省掉資金到賬后的重新購(gòu)買操作。用戶具體操作流程如下：

頁(yè)面流程就可以設(shè)計(jì)如下：

顯然這種方案會(huì)讓用戶在前端的操作減少了很多，不會(huì)再有遺漏購(gòu)買的情況。

五、頁(yè)面交互細(xì)節(jié)

1.投資頁(yè)面輸入金額交互細(xì)節(jié)

為確保用戶能夠輸入有效投資金額，鍵盤輸入規(guī)則如下：

首位輸入小數(shù)點(diǎn)，輸入框顯示為“0.”，刪除時(shí)同時(shí)刪除“0.”

首位輸入0，繼續(xù)輸入非0數(shù)字時(shí)，不顯示0，直接顯示該數(shù)字;

首位輸入“00”時(shí)，輸入框顯示“0”，繼續(xù)輸入非0數(shù)字時(shí)，直接顯示該數(shù)

首位輸入0，繼續(xù)輸入0時(shí)不顯示，始終只顯示一個(gè)0

小數(shù)點(diǎn)后只可輸入兩位小數(shù)，繼續(xù)輸入無(wú)反應(yīng)

不可輸入兩個(gè)小數(shù)點(diǎn)，第二次輸入小數(shù)點(diǎn)時(shí)沒(méi)反應(yīng)

當(dāng)用戶輸入金額有誤時(shí)，分不同情況進(jìn)行報(bào)錯(cuò)：

a.【超過(guò)限額】輸入過(guò)程中，未失去焦點(diǎn)時(shí)實(shí)時(shí)判斷

b.【低于起投金額】用戶點(diǎn)擊投資按后報(bào)錯(cuò)

這種情況不需要在用戶輸入時(shí)就進(jìn)行報(bào)錯(cuò)，否則用戶從剛開始輸入第一個(gè)數(shù)字時(shí)，就會(huì)被高亮提示你錯(cuò)了，直到輸入到第四位數(shù)字。

2.結(jié)果頁(yè)面反饋設(shè)計(jì)

金融產(chǎn)品設(shè)計(jì)應(yīng)當(dāng)重視用戶的安全感，尤其是在用戶的資金處于在途處理中的狀態(tài)，要明確反饋用戶資金的當(dāng)前所處狀態(tài)，并有效管理好用戶的預(yù)期。否則，很容易讓用戶擔(dān)心自己的資金去哪里了?什么時(shí)候到賬?是不是哪里出問(wèn)題了?我的資金還安全嗎?

使用賬戶余額購(gòu)買產(chǎn)品和購(gòu)買時(shí)充值支付的結(jié)果頁(yè)面反饋

a.賬戶余額直接購(gòu)買產(chǎn)品，可以即時(shí)顯示是否申購(gòu)成功，此時(shí)用戶比較關(guān)系的是產(chǎn)品什么時(shí)候開始計(jì)息及什么時(shí)候到期，到期后資金匯款到哪里。

b.而在購(gòu)買時(shí)充值支付，系統(tǒng)需要等資金充值到賬戶才能進(jìn)行成功扣款，因此不能實(shí)時(shí)顯示購(gòu)買成功，只能顯示申請(qǐng)已提交，用戶比較關(guān)心什么時(shí)候可以投資成功，如果覺得自己銀行卡資金被扣但是投資還在確認(rèn)中不是很放心，可以直接撥打下方的客服電話。

充值或取現(xiàn)等資金在途頁(yè)面設(shè)計(jì)：

申請(qǐng)取現(xiàn)后，資金不是立刻從賬戶余額到達(dá)用戶銀行卡，需要一個(gè)工作日的時(shí)間，因此在頁(yè)面設(shè)計(jì)上，一定要說(shuō)清楚申請(qǐng)已提交成功，并且寫清楚資金當(dāng)前處于哪一個(gè)狀態(tài)，還剩下哪些步驟以及預(yù)計(jì)完成的時(shí)間。為防止用戶有疑問(wèn)，最好在結(jié)果頁(yè)面上提供客服的聯(lián)系方式。

以上是整理的一部分流程，關(guān)于實(shí)名認(rèn)證及綁卡等一系列流程改版，會(huì)持續(xù)整理中。

當(dāng)前文章：互金平臺(tái)交易網(wǎng)頁(yè)流程設(shè)計(jì)改版
標(biāo)題網(wǎng)址：http://jinyejixie.com/news/168365.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站維護(hù)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)