想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

一、背景現(xiàn)狀

金融品類的交易體驗設(shè)計一直是一個充滿挑戰(zhàn)的領(lǐng)域,尤其在雪球這樣的互聯(lián)網(wǎng)金融公司。雪球覆蓋的交易品類有港股、美股、公私募基金、投顧、個人養(yǎng)老金等 9 大品類;涉及的交易類型也比較復雜,有買入、賣出、定投、轉(zhuǎn)換等類型。不論是新手還是經(jīng)驗豐富的投資者,都需要面對復雜難懂的金融特性和多樣的交易類型。

往期案例:

基金交易流程作為支撐金融產(chǎn)品的關(guān)鍵流程之一,我們在與產(chǎn)品溝通、收集客服反饋與用戶行為數(shù)據(jù)的過程中發(fā)現(xiàn)了目前雪球交易流程中的一些痛點:

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

二、設(shè)計目標及策略

結(jié)合用戶痛點和體驗問題,我們提出 4 個設(shè)計目標以及對應的策略。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

1. 對交易概念進行定義和解釋,降低用戶認知負荷

定義和解釋交易概念:金融產(chǎn)品涉及的交易概念比較復雜,我們可以通過梳理統(tǒng)一交易流程相關(guān)的概念、優(yōu)化信息的表達方式,讓用戶更容易理解。

2. 降低交易流程的復雜性,引導用戶完成交易

交易相關(guān)的流程主要分為兩種場景:多次使用流程、一次性流程。

多次使用流程:像買入、定投、賣出這種用戶需要多次操作的交易流程不能過于冗長復雜,我們可以通過提煉頁面的關(guān)鍵信息、設(shè)計合理的頁面信息結(jié)構(gòu)來減輕用戶的負擔,提高用戶體驗。

一次性流程:像風險測評、合格認證、開戶等用戶只需要操作一次的流程我們不必擔心步驟過長,而要確保用戶在每個環(huán)節(jié)中所看到的信息都是必要且準確的。我們可以通過拆分任務(wù)步驟,讓用戶一步步操作,幫助他們把注意力聚焦在當前步驟上,降低其他信息的干擾。

3. 抓住用戶核心利益,幫助用戶進行決策

許多用戶并不具備專業(yè)的金融知識,所以在交易中常常出現(xiàn)選擇困難的情況。我們應該抓住用戶最在意的利益點,通過給予用戶明確的提示來減輕用戶的選擇負擔,幫助用戶進行決策。

4. 統(tǒng)一設(shè)計組件,提升設(shè)計效率,降低用戶學習成本

雪球包括多種交易品類以及交易類型,交易流程的相關(guān)頁面有很多不統(tǒng)一的設(shè)計組件及交互方式。我們通過對主流程和重要品類進行組件的優(yōu)化升級,從而保障交易體驗在各個端的統(tǒng)一性、流暢性從而降低用戶的學習成本。

三、設(shè)計實踐

1. 對交易概念進行定義和解釋,降低用戶認知負荷

定義交易概念:我們把交易文案分為「行動概念」和「交易流程相關(guān)概念」2 大類,「行動概念」按品類劃分行動文案來進行統(tǒng)一。比如現(xiàn)金寶場景的資金流向就統(tǒng)一叫充值和提現(xiàn)。「交易流程相關(guān)概念」把交易方向、交易概念表達、交易狀態(tài)進行梳理和統(tǒng)一。以此建立了一個標準化文案庫,以便在各種品類中重復使用,讓用戶可以快速理解當前進行的交易類型。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

示例:在交易詳情重構(gòu)的需求中,買入公募基金時,入金場景我們的行動文案都是「買入」,交易方式都是「支付方式」。交易狀態(tài)也做了明確的顏色區(qū)分,并保證交易記錄頁和交易詳情頁內(nèi)外交易狀態(tài)的一致性。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

解釋交易概念:有些金融概念的的解釋無法使用簡短的表達清楚,可以通過補充解釋說明的方式對其進行詳細地闡述。并且相較于文字,可以將復雜繁多的數(shù)據(jù)和文本轉(zhuǎn)變?yōu)榇竽X易于感知的圖形、符號等,以進一步降低用戶的認知負荷。

示例:在智能定投需求中,對每種定投模式以浮層的形式進一步進行解釋。并且通過凈值曲線的對比圖,讓用戶清晰地了解當前模式的定投策略。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

2. 降低交易流程的復雜性,引導用戶完成交易

多次使用流程:交易流程是金融產(chǎn)品里用戶用得最多且最重要的流程,我們可以通過提煉頁面的關(guān)鍵信息、設(shè)計合理的頁面信息結(jié)構(gòu)來減輕用戶的負擔,提高用戶體驗。

示例:在做智能定投需求時,我們對第一版方案進行了用研測試,用戶反饋找不到重點信息,并且不懂怎么設(shè)置參數(shù)。根據(jù)用戶反饋我們又重新進行界面布局,在「選擇定投方案」頁面只展示用戶最關(guān)心的收益率,把對模式的詳細介紹收到 info 里,用戶可以去點擊查看,并且把參數(shù)設(shè)置合并,默認給用戶選擇收益率最高的組合,幫助用戶進行決策。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

一次性流程:很多審核流程都是用戶在投資之前必須要做的,比如風險測評、合格者投資認證等。用戶只需要做一次,但是這種流程往往也比較復雜。我們在設(shè)計這種流程頁面時應該遵循一個頁面只做一件事的原則,幫助他們把注意力聚焦,減少出錯,降低客訴。

示例:在合投優(yōu)化需求中,之前版本流程中上傳材料需要一次性上傳 7-10 張材料,用戶很容易上傳出錯,也給客服帶來了很大的壓力。在新的流程里我們把上傳材料分為三步,并且每一步都給予用戶明確的指引和提示,讓用戶一步步完成,減少出錯的概率。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

3. 抓住用戶核心利益,幫助用戶進行決策

在交易流程中,用戶出現(xiàn)選擇困難時,是因為他沒有找到他最在意的核心信息。用戶在交易時,最關(guān)注的就是收益率、時間、資金的流轉(zhuǎn)。我們要展示用戶在意的核心信息,隱藏次要信息,來減輕用戶的選擇負擔,幫助用戶進行決策。

示例 1:在智能定投的交易鏈路中,通過文案、圖形對比向用戶傳達智能定投的收益優(yōu)勢,讓用戶可以快速決策。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

示例 2:在現(xiàn)金寶優(yōu)化的需求中,我們把現(xiàn)金寶的支付優(yōu)勢拆分為收益優(yōu)勢、時間優(yōu)勢和極速提現(xiàn),區(qū)分場景去表達重點優(yōu)勢,緩解用戶的焦慮。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

4.統(tǒng)一設(shè)計組件,提升設(shè)計效率,降低用戶學習成本

我們做了很多交易相關(guān)的需求后發(fā)現(xiàn),交易流程是金融產(chǎn)品里用戶用得最多且最重要的流程。所以我們系統(tǒng)梳理了交易流程相關(guān)的組件并進行了分類,把交易輸入、支付方式、支付密碼、支付結(jié)果等各類模塊進行了優(yōu)化統(tǒng)一。再做新的交易需求時,可以提升設(shè)計的效率、讓界面呈現(xiàn)更加統(tǒng)一,并且降低用戶的學習成本。

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

結(jié)語

在雪球這樣的互聯(lián)網(wǎng)金融公司,我們堅信提供良好的的金融交易體驗是成功的關(guān)鍵。通過優(yōu)化交易體驗、滿足用戶需求、增強品牌忠誠度,提高用戶滿意度,可以幫助雪球在市場中取得更大的成功。我們期待著不斷迭代和改進,以滿足金融市場的不斷變化和用戶需求的增長。

歡迎關(guān)注作者的微信公眾號:「雪球設(shè)計中心XDC」

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

想做好復雜金融產(chǎn)品的交易體驗設(shè)計?來收藏優(yōu)秀模版!

收藏 92
點贊 45

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。