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

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

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

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

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

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

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

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

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

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

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

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

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

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

用戶在此過程中經(jīng)常會(huì)遇到以下的問題：

我充值的錢怎么還沒有到賬?

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

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

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

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

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

買完錢去哪里了?

流程怎么這么復(fù)雜?

二. 交互設(shè)計(jì)師該如何解決呢?

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

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

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

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

充值申請?zhí)峤怀晒?br />
充值成功

產(chǎn)品購買申請?zhí)峤怀晒?br />
產(chǎn)品購買成功

產(chǎn)品待生息

產(chǎn)品生息中

產(chǎn)品到期

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

提現(xiàn)申請?zhí)峤怀晒?br />
提現(xiàn)成功

如何設(shè)計(jì)頁面？

按照上文提到的各交易節(jié)點(diǎn)來逐一進(jìn)行設(shè)計(jì)。

購買申請?zhí)峤怀晒Α徺I成功環(huán)節(jié)

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

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

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