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