網(wǎng)頁(yè)交互設計如何賦予產(chǎn)品安全感發(fā)布者：本站     時(shí)間：2021-12-16 10:12:40

互金產(chǎn)品交互設計有其特殊性，比如流程偏復雜、錯誤包容度低、迭代偏保守、信息層面限制多?；ソ鹌脚_投資三大要素收益、安全、流動(dòng)性中安全應該排在首位，而設計的優(yōu)劣會(huì )直接影響用戶(hù)的安全感受。

做互聯(lián)網(wǎng)金融交互設計的這兩年，也算是用過(guò)上百款競品了。尤其是一開(kāi)始做設計的時(shí)候，滿(mǎn)世界的下載注冊體驗競品，以至于我這兩年的投資收益還是很可觀(guān)的，哈哈!另外，當產(chǎn)品經(jīng)理跟我提各種新需求時(shí)，聽(tīng)他講完一遍基本就能知道當前需求的漏洞在哪里，還有哪些需要進(jìn)一步確認的問(wèn)題，就知道這個(gè)需求大概做成什么樣，哪家產(chǎn)品這個(gè)功能做得好，哪家也剛更新了這個(gè)功能……

互金產(chǎn)品交互設計有其特殊性，比如流程偏復雜、錯誤包容度低、迭代偏保守、信息層面限制多?；ソ鹌脚_投資三大要素收益、安全、流動(dòng)性中安全應該排在首位，而設計的優(yōu)劣會(huì )直接影響用戶(hù)的安全感受。

今天就來(lái)談?wù)勅绾瓮ㄟ^(guò)資金交易關(guān)鍵節點(diǎn)的設計來(lái)賦予產(chǎn)品安全感。先從最近投資的一家競品的案例說(shuō)起。

一. 用戶(hù)會(huì )在資金流動(dòng)過(guò)程中遇到哪些問(wèn)題?

案例：在某平臺購買(mǎi)了一筆定期產(chǎn)品。購買(mǎi)成功后出現下圖的第一個(gè)頁(yè)面：

詳解網(wǎng)頁(yè)交互設計如何賦予產(chǎn)品安全感,PS教程,

頁(yè)面顯示認購成功，但是具體起息日待定，待整個(gè)項目投滿(mǎn)后的下一天起息。那么，什么時(shí)候項目才能募集滿(mǎn)呢?不知道?？梢韵胂筮@樣的提示會(huì )給用戶(hù)帶來(lái)多大的疑慮。

在“我的賬戶(hù)”頁(yè)面(中間的頁(yè)面)，2天內這筆錢(qián)一直在“當前資產(chǎn)價(jià)值”里面，沒(méi)有顯示在認購項目中。用戶(hù)一定會(huì )有疑慮，因為用戶(hù)不清楚該筆資金什么時(shí)候才算投資到項目中開(kāi)始生息，如果用戶(hù)當時(shí)在投資成功時(shí)沒(méi)有看到那一行“預計計息日項目投滿(mǎn)日+1”的灰字，根本查不到關(guān)于該筆資產(chǎn)的認購詳情，甚至懷疑自己有沒(méi)有做過(guò)投資的操作。在這個(gè)過(guò)程中，用戶(hù)對自己的資金完全沒(méi)有掌控感，對未來(lái)要發(fā)生的有疑慮，甚至產(chǎn)生恐懼。

再看第三個(gè)頁(yè)面，產(chǎn)品生息過(guò)程中，待回款項目中顯示“遇節假日，順延還款”，可是當時(shí)支付成功的頁(yè)面(第一頁(yè))明明高亮顯示的是“遇節假日正常還款”。這樣嚴重的錯誤是致命的，文案提示的一致性、產(chǎn)品規則的明確統一，都是用戶(hù)體驗非常重要的一部分，交互設計師的工作絕不僅僅是考慮文案顯示應該如何高亮顯眼。

案例中的問(wèn)題主要是出在對于用戶(hù)交易過(guò)程中資金的當前狀態(tài)及去向展示不明確，令用戶(hù)對資金沒(méi)有掌控感，導致用戶(hù)產(chǎn)生困惑和不安全感。這與互金產(chǎn)品的流程偏復雜有關(guān)。

下面我們來(lái)梳理一下，在互金產(chǎn)品中，一個(gè)新用戶(hù)來(lái)投資需要經(jīng)過(guò)哪些復雜的流程。

詳解網(wǎng)頁(yè)交互設計如何賦予產(chǎn)品安全感,PS教程,

用戶(hù)在此過(guò)程中經(jīng)常會(huì )遇到以下的問(wèn)題：

我充值的錢(qián)怎么還沒(méi)有到賬?

錢(qián)扣了，產(chǎn)品申購怎么還沒(méi)有成功?還要等多久呢?

昨天就提現了，可是錢(qián)還沒(méi)有回到銀行卡上，可是資產(chǎn)里面顯示錢(qián)已經(jīng)少了，我的錢(qián)去哪里了呢?

已經(jīng)少了，我的錢(qián)去哪里了呢?

產(chǎn)品到期了，怎么還沒(méi)給我回款?

買(mǎi)了要等多久產(chǎn)生收益?

買(mǎi)完錢(qián)去哪里了?

流程怎么這么復雜?

二. 交互設計師該如何解決呢?

用戶(hù)在投資過(guò)程中，容易在各個(gè)環(huán)節產(chǎn)生在途資金。一旦用戶(hù)在任何一個(gè)環(huán)節不知道自己的在途資金去向時(shí)，就會(huì )有疑問(wèn)，甚至產(chǎn)生恐懼。因此明確展示用戶(hù)資金的當前狀態(tài)及去向就尤為重要。這就要求交互設計師需要掌握明確的用戶(hù)資金場(chǎng)景流動(dòng)，然后再去做相關(guān)的設計。

明確資金的各交易節點(diǎn)

詳解網(wǎng)頁(yè)交互設計如何賦予產(chǎn)品安全感,PS教程,

在上圖用戶(hù)從注冊到提現完成的流程中，用戶(hù)資金交易關(guān)鍵節點(diǎn)如下：

充值申請提交成功

充值成功

產(chǎn)品購買(mǎi)申請提交成功

產(chǎn)品購買(mǎi)成功

產(chǎn)品待生息

產(chǎn)品生息中

產(chǎn)品到期

到期產(chǎn)品回款中

提現申請提交成功

提現成功

如何設計頁(yè)面？

按照上文提到的各交易節點(diǎn)來(lái)逐一進(jìn)行設計。

購買(mǎi)申請提交成功——購買(mǎi)成功環(huán)節

進(jìn)入投資頁(yè)面，用戶(hù)輸入金額并支付完成后跳轉至結果頁(yè)面，向用戶(hù)反饋操作已經(jīng)成功，并告知用戶(hù)接下來(lái)需要系統的處理(審核確認)，并且告知預計投資成功的時(shí)間，如下圖。

詳解網(wǎng)頁(yè)交互設計如何賦予產(chǎn)品安全感,PS教程,

有些設計師會(huì )認為用戶(hù)的投資流程到這里就結束了，但是在真實(shí)的場(chǎng)景中，用戶(hù)在申請提交成功后，會(huì )去資產(chǎn)頁(yè)面確認一下自己投資的項目，才會(huì )覺(jué)得心安。因此當用戶(hù)關(guān)閉掉“結果詳情頁(yè)”時(shí)，需引導用戶(hù)進(jìn)入資產(chǎn)頁(yè)面，向用戶(hù)展示申購處理中狀態(tài)(如下圖)。如果不展示出來(lái)，投資項目里沒(méi)有該筆資產(chǎn)，關(guān)閉了結果詳情頁(yè)后，用戶(hù)不知道該筆資金去了哪里?有沒(méi)有投資成功?什么時(shí)候能夠成功?