復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計

2024-2-29    ui設(shè)計分享達人

 
 
背景現(xiàn)狀
金融品類的交易體驗設(shè)計一直是一個充滿挑戰(zhàn)的領(lǐng)域,尤其在雪球這樣的互聯(lián)網(wǎng)金融公司。雪球覆蓋的交易品類有港股、美股、公私募基金、投顧、個人養(yǎng)老金等9大品類;涉及的交易類型也比較復(fù)雜,有買入、賣出、定投、轉(zhuǎn)換等類型。不論是新手還是經(jīng)驗豐富的投資者,都需要面對復(fù)雜難懂的金融特性和多樣的交易類型?;鸾灰琢鞒套鳛橹谓鹑诋a(chǎn)品的關(guān)鍵流程之一,我們在與產(chǎn)品溝通、收集客服反饋與用戶行為數(shù)據(jù)的過程中發(fā)現(xiàn)了目前雪球交易流程中的一些痛點:
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
設(shè)計目標(biāo)及策略
結(jié)合用戶痛點和體驗問題,我們提出4個設(shè)計目標(biāo)以及對應(yīng)的策略。
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
1.對交易概念進行定義和解釋,降低用戶認知負荷
定義和解釋交易概念:
金融產(chǎn)品涉及的交易概念比較復(fù)雜,我們可以通過梳理統(tǒng)一交易流程相關(guān)的概念、優(yōu)化信息的表達方式,讓用戶更容易理解。
2.降低交易流程的復(fù)雜性,引導(dǎo)用戶完成交易
交易相關(guān)的流程主要分為兩種場景:
多次使用流程、一次性流程。
多次使用流程:
像買入、定投、賣出這種用戶需要多次操作的交易流程不能過于冗長復(fù)雜,我們可以通過提煉頁面的關(guān)鍵信息、設(shè)計合理的頁面信息結(jié)構(gòu)來減輕用戶的負擔(dān),提高用戶體驗。
一次性流程:
像風(fēng)險測評、合格認證、開戶等用戶只需要操作一次的流程我們不必擔(dān)心步驟過長,而要確保用戶在每個環(huán)節(jié)中所看到的信息都是必要且準(zhǔn)確的。我們可以通過拆分任務(wù)步驟,讓用戶一步步操作,幫助他們把注意力聚焦在當(dāng)前步驟上,降低其他信息的干擾。
3.抓住用戶核心利益,幫助用戶進行決策
許多用戶并不具備專業(yè)的金融知識,所以在交易中常常出現(xiàn)選擇困難的情況。我們應(yīng)該抓住用戶最在意的利益點,通過給予用戶明確的提示來減輕用戶的選擇負擔(dān),幫助用戶進行決策。
4.統(tǒng)一設(shè)計組件,提升設(shè)計效率,降低用戶學(xué)習(xí)成本
雪球包括多種交易品類以及交易類型,交易流程的相關(guān)頁面有很多不統(tǒng)一的設(shè)計組件及交互方式。我們通過對主流程和重要品類進行組件的優(yōu)化升級,從而保障交易體驗在各個端的統(tǒng)一性、流暢性從而降低用戶的學(xué)習(xí)成本。
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
設(shè)計實踐
1.對交易概念進行定義和解釋,降低用戶認知負荷
定義交易概念:
我們把交易文案分為「行動概念」和「交易流程相關(guān)概念」2大類,「行動概念」按品類劃分行動文案來進行統(tǒng)一。比如現(xiàn)金寶場景的資金流向就統(tǒng)一叫充值和提現(xiàn)?!附灰琢鞒滔嚓P(guān)概念」把交易方向、交易概念表達、交易狀態(tài)進行梳理和統(tǒng)一。以此建立了一個標(biāo)準(zhǔn)化文案庫,以便在各種品類中重復(fù)使用,讓用戶可以快速理解當(dāng)前進行的交易類型。
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
示例:
在交易詳情重構(gòu)的需求中,買入公募基金時,入金場景我們的行動文案都是「買入」,交易方式都是「支付方式」。交易狀態(tài)也做了明確的顏色區(qū)分,并保證交易記錄頁和交易詳情頁內(nèi)外交易狀態(tài)的一致性。
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
解釋交易概念:
有些金融概念的的解釋無法使用簡短的表達清楚,可以通過補充解釋說明的方式對其進行詳細地闡述。并且相較于文字,可以將復(fù)雜繁多的數(shù)據(jù)和文本轉(zhuǎn)變?yōu)榇竽X易于感知的圖形、符號等,以進一步降低用戶的認知負荷。
示例:
在智能定投需求中,對每種定投模式以浮層的形式進一步進行解釋。并且通過凈值曲線的對比圖,讓用戶清晰地了解當(dāng)前模式的定投策略。
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
2.降低交易流程的復(fù)雜性,引導(dǎo)用戶完成交易
多次使用流程:
交易流程是金融產(chǎn)品里用戶用得最多且最重要的流程,我們可以通過提煉頁面的關(guān)鍵信息、設(shè)計合理的頁面信息結(jié)構(gòu)來減輕用戶的負擔(dān),提高用戶體驗。
示例:
在做智能定投需求時,我們對第一版方案進行了用研測試,用戶反饋找不到重點信息,并且不懂怎么設(shè)置參數(shù)。根據(jù)用戶反饋我們又重新進行界面布局,在「選擇定投方案」頁面只展示用戶最關(guān)心的收益率,把對模式的詳細介紹收到info里,用戶可以去點擊查看,并且把參數(shù)設(shè)置合并,默認給用戶選擇收益率最高的組合,幫助用戶進行決策。
 
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
 
一次性流程:
很多審核流程都是用戶在投資之前必須要做的,比如風(fēng)險測評、合格者投資認證等。用戶只需要做一次,但是這種流程往往也比較復(fù)雜。我們在設(shè)計這種流程頁面時應(yīng)該遵循一個頁面只做一件事的原則,幫助他們把注意力聚焦,減少出錯,降低客訴。
示例:
在合投優(yōu)化需求中,之前版本流程中上傳材料需要一次性上傳7-10張材料,用戶很容易上傳出錯,也給客服帶來了很大的壓力。在新的流程里我們把上傳材料分為三步,并且每一步都給予用戶明確的指引和提示,讓用戶一步步完成,減少出錯的概率。
 
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
 
3.抓住用戶核心利益,幫助用戶進行決策
在交易流程中,用戶出現(xiàn)選擇困難時,是因為他沒有找到他最在意的核心信息。用戶在交易時,最關(guān)注的就是收益率、時間、資金的流轉(zhuǎn)。我們要展示用戶在意的核心信息,隱藏次要信息,來減輕用戶的選擇負擔(dān),幫助用戶進行決策。
示例1:
在智能定投的交易鏈路中,通過文案、圖形對比向用戶傳達智能定投的收益優(yōu)勢,讓用戶可以快速決策。
 
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
 
示例2:
在現(xiàn)金寶優(yōu)化的需求中,我們把現(xiàn)金寶的支付優(yōu)勢拆分為
收益優(yōu)勢
、
時間優(yōu)勢
極速提現(xiàn)
,區(qū)分場景去表達重點優(yōu)勢,緩解用戶的焦慮。
 
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 
 
 
4.統(tǒng)一設(shè)計組件,提升設(shè)計效率,降低用戶學(xué)習(xí)成本
我們做了很多交易相關(guān)的需求后發(fā)現(xiàn),交易流程是金融產(chǎn)品里用戶用得最多且最重要的流程。所以我們系統(tǒng)梳理了交易流程相關(guān)的組件并進行了分類,把交易輸入、支付方式、支付密碼、支付結(jié)果等各類模塊進行了優(yōu)化統(tǒng)一。再做新的交易需求時,可以提升設(shè)計的效率、讓界面呈現(xiàn)更加統(tǒng)一,并且降低用戶的學(xué)習(xí)成本。
 
XDC干貨|復(fù)雜金融產(chǎn)品的交易體驗思考及設(shè)計
 


作者:雪球設(shè)計中心XDC
來源:站酷

藍藍設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔