關(guān)注 三分設(shè) 和 10 萬(wàn)設(shè)計(jì)師一起成長(zhǎng)

雪球設(shè)計(jì)中心XDC ｜ 三分設(shè)

背景概述：隨著理財(cái)概念的深入人心，越來(lái)越多的人開始認(rèn)識(shí)到理財(cái)?shù)闹匾裕查_始學(xué)習(xí)和實(shí)踐理財(cái)?shù)闹R(shí)和技能。理財(cái)不僅是個(gè)人財(cái)務(wù)管理的基本技能，還是實(shí)現(xiàn)財(cái)務(wù)目標(biāo)、提高生活質(zhì)量的關(guān)鍵。

當(dāng)下，互聯(lián)網(wǎng)金融產(chǎn)品的類型越來(lái)越多，其產(chǎn)品設(shè)計(jì)也變得復(fù)雜多樣，尤其金融信息更是讓普通投資用戶覺得晦澀難懂。

# 行業(yè)特性 #合規(guī)監(jiān)管 #群像特征

# 為什么互聯(lián)網(wǎng)金融產(chǎn)品信息難以理解？#

1、行業(yè)特性

金融是一個(gè)外行人覺得神秘，內(nèi)行人覺得復(fù)雜的行業(yè)。金融的虛擬性，金融行業(yè)本身較高的專業(yè)度，以及我國(guó)金融業(yè)發(fā)展的還處于逐步完善階段，都決定了互聯(lián)網(wǎng)金融產(chǎn)品是具有一定門檻兼復(fù)雜性的產(chǎn)品。

2、合規(guī)監(jiān)管

監(jiān)管機(jī)構(gòu)不斷完善對(duì)金融產(chǎn)品銷售的監(jiān)管體系。在產(chǎn)品介紹及信息披露方面，為了滿足合規(guī)要求，互聯(lián)網(wǎng)金融產(chǎn)品大多充斥著內(nèi)容晦澀且復(fù)雜的信息表達(dá)。

3、群像特征

投資群體趨于年輕化。80及90后中青年用戶漸成理財(cái)“主力軍”（占比超過一半），理財(cái)年限多數(shù)不長(zhǎng)，經(jīng)驗(yàn)相對(duì)匱乏且對(duì)理財(cái)產(chǎn)品的感知較淺（與年輕化有一定相關(guān)性非絕對(duì)）。

作為互聯(lián)網(wǎng)金融行業(yè)的用戶體驗(yàn)設(shè)計(jì)師，我們需要在兼顧金融產(chǎn)品特性的基礎(chǔ)上，合理利用設(shè)計(jì)策略和方法，降低用戶對(duì)互聯(lián)網(wǎng)金融產(chǎn)品的認(rèn)知難度和信息理解門檻，提升基礎(chǔ)用戶體驗(yàn)。

#設(shè)計(jì)原則

# 如何降低

互聯(lián)網(wǎng)金融產(chǎn)品信息的理解門檻？#

引用澳大利亞認(rèn)知心理學(xué)家約翰·斯威勒(John Sweller)在20世紀(jì)80年代提出了認(rèn)知負(fù)荷理論(Cognitive Load Theory)，并在理論中將認(rèn)知負(fù)荷分為了：內(nèi)在認(rèn)知負(fù)荷、外在認(rèn)知負(fù)荷和相關(guān)認(rèn)知負(fù)荷。因此，在實(shí)際設(shè)計(jì)生產(chǎn)過程中，我們?cè)诿鎸?duì)不同負(fù)荷時(shí)，需要進(jìn)行針對(duì)性地進(jìn)行設(shè)計(jì)優(yōu)化。

01.內(nèi)在認(rèn)知負(fù)荷：由內(nèi)容本身的難度、復(fù)雜度而導(dǎo)致的，是固有屬性。

優(yōu)化表達(dá)方式：由于金融產(chǎn)品本身專業(yè)性所產(chǎn)生的復(fù)雜度一定程度上無(wú)法直接改變，但我們可以通過優(yōu)化信息的表達(dá)方式從而降低金融概念認(rèn)知門檻。

02.外在認(rèn)知負(fù)荷：是由信息組織方式或呈現(xiàn)方式?jīng)Q定的。

組織內(nèi)容信息：根據(jù)合規(guī)要求，金融產(chǎn)品信息披露需要全面及時(shí)，由此造成頁(yè)面上大量的信息堆積，我們可以通過視覺化處理、信息內(nèi)容歸類等方式提升信息組織清晰度，讓用戶快速定位并獲取到自己想要的關(guān)鍵信息。

03.相關(guān)認(rèn)知負(fù)荷：為幫助理解，而引入的額外的認(rèn)知負(fù)荷。

包裝場(chǎng)景概念：許多金融產(chǎn)品的受眾并不具備專業(yè)的金融知識(shí)，對(duì)于這部分用戶來(lái)說(shuō)想在短時(shí)間內(nèi)對(duì)金融信息進(jìn)行吸收理解并形成長(zhǎng)時(shí)記憶是比較困難的，我們可以采用用戶更為熟悉的概念或場(chǎng)景進(jìn)行替換，從而減輕金融信息本身更重的認(rèn)知負(fù)荷。

#最佳設(shè)計(jì)實(shí)踐

# 優(yōu)化表達(dá)方式 #

1、通俗化表達(dá)

信息展示的目的是向用戶傳達(dá)并形成認(rèn)知，如果因?yàn)樾畔⒌幕逎瓕?dǎo)致用戶難以吸收，那就失去信息的作用和價(jià)值。金融產(chǎn)品的文案表達(dá)通常帶有很強(qiáng)的專業(yè)性，對(duì)于不具備專業(yè)金融知識(shí)的用戶來(lái)說(shuō)往往難以理解，我們可以使用簡(jiǎn)單、易懂的語(yǔ)言來(lái)表達(dá)復(fù)雜的金融概念，避免使用過于專業(yè)化的詞匯和術(shù)語(yǔ)。

示例：在雪球基金詳情頁(yè)，“最大回撤”“T+0”“基金勝率”等專業(yè)名詞可以用“抗風(fēng)險(xiǎn)能力”“隨存隨取”“跑贏基準(zhǔn)指數(shù)概率”這種用戶更容易理解的語(yǔ)言描述。

有時(shí)候?yàn)榱藵M足合規(guī)要求和體現(xiàn)產(chǎn)品專業(yè)性，無(wú)法使用簡(jiǎn)短通俗的表達(dá)方式來(lái)描述產(chǎn)品信息，這種情況下，我們可以通過補(bǔ)充解釋說(shuō)明的方式，對(duì)文案信息的含義進(jìn)行詳細(xì)地闡述，以進(jìn)一步降低用戶的認(rèn)知負(fù)荷。

示例：在雪球基金詳情頁(yè)，對(duì)“數(shù)據(jù)分析”模塊內(nèi)的多個(gè)專業(yè)名詞以浮層的形式進(jìn)行進(jìn)一步的解釋說(shuō)明。

2、可視化呈現(xiàn)

之所以選擇可視化作為處理金融產(chǎn)品數(shù)據(jù)和文本信息的方式，是因?yàn)檫@與我們的大腦結(jié)構(gòu)以及信息獲取習(xí)慣有關(guān)。相較于文字，我們更容易從圖表和畫面中獲取信息。在處理金融產(chǎn)品專業(yè)且復(fù)雜的數(shù)據(jù)和文本信息時(shí)，通過可視化的方式，可以將復(fù)雜繁多的數(shù)據(jù)和文本轉(zhuǎn)變?yōu)榇竽X易于感知的圖形、符號(hào)等，以增強(qiáng)信息的獲取效率。

示例一：我的收益能力如何？

通過紅綠盈虧色條及代表用戶的動(dòng)態(tài)小人圖形，讓用戶清晰地了解當(dāng)前時(shí)段內(nèi)雪球的A股交易用戶賬戶盈虧比例，以及用戶自身的收益能力在全部雪球的A股交易用戶中的排名。

示例二：雪球精選基金優(yōu)質(zhì)。

通過擬合精選基金和基準(zhǔn)指數(shù)的業(yè)績(jī)曲線，直觀表現(xiàn)了雪球精選的基金產(chǎn)品在統(tǒng)計(jì)時(shí)段內(nèi)的市場(chǎng)表現(xiàn)優(yōu)于基準(zhǔn)指數(shù)，讓用戶感知到雪球精選基金產(chǎn)品的優(yōu)質(zhì)特性。

# 組織內(nèi)容信息 #

1、信息提煉降噪

在面對(duì)大量的產(chǎn)品信息內(nèi)容時(shí)，我們需要考慮的是進(jìn)行信息降噪。金融的產(chǎn)品邏輯及投資規(guī)則往往比較復(fù)雜，用戶難以快速理解和吸收。我們需要將產(chǎn)品視角的復(fù)雜信息轉(zhuǎn)換為用戶能夠理解的信息，并提煉頁(yè)面的關(guān)鍵信息，弱化、隱藏次要、低效信息，提升頁(yè)面內(nèi)的信息可讀性，從而提升用戶獲取信息的效率和準(zhǔn)確度。

示例：面對(duì)復(fù)雜的金融供給創(chuàng)新試點(diǎn)產(chǎn)品“雪球私募目標(biāo)分紅”，我們要如何讓用戶輕松地get到產(chǎn)品的優(yōu)勢(shì)，激發(fā)用戶產(chǎn)生興趣并形成購(gòu)買行為呢？

第一層_通過視角轉(zhuǎn)換降噪：

項(xiàng)目初期，產(chǎn)品信息內(nèi)容是從產(chǎn)品視角出發(fā)進(jìn)行描述的，其收益邏輯、底層投資策略以及收費(fèi)規(guī)則比較復(fù)雜。為了讓用戶更容易理解，我們通過視角轉(zhuǎn)換的降噪方式，把產(chǎn)品視角的信息描述提煉為用戶視角的語(yǔ)言。我們希望通過突出產(chǎn)品的收益優(yōu)勢(shì)、持有體驗(yàn)良好以及低收費(fèi)這三大核心利益點(diǎn)吸引用戶，讓用戶產(chǎn)生興趣。

第二層_通過頁(yè)面層級(jí)降噪：

在用戶首先觸達(dá)的一級(jí)產(chǎn)品營(yíng)銷頁(yè)，我們采用簡(jiǎn)單清晰的頁(yè)面框架，從結(jié)構(gòu)上分為三個(gè)模塊：產(chǎn)品基礎(chǔ)數(shù)據(jù)、用戶關(guān)心的核心利益點(diǎn)以及底部行動(dòng)操作欄。為了滿足合規(guī)及信息披露的完整性，我們將更詳盡的利益點(diǎn)補(bǔ)充信息及其他基礎(chǔ)信息收納在二級(jí)說(shuō)明頁(yè)，以滿足部分學(xué)習(xí)型投資者獲取更多信息的需求。這樣，在用戶首次訪問產(chǎn)品營(yíng)銷頁(yè)時(shí)，他們可以迅速了解產(chǎn)品的主要特點(diǎn)和關(guān)鍵利益點(diǎn)，并有機(jī)會(huì)深入了解更多信息。

2、強(qiáng)化結(jié)構(gòu)編排

為體現(xiàn)產(chǎn)品專業(yè)性和滿足合規(guī)要求，金融產(chǎn)品的頁(yè)面通常需要呈現(xiàn)大量的行情數(shù)據(jù)和金融條款信息，然而，這種頁(yè)面往往會(huì)過于冗長(zhǎng)復(fù)雜，給用戶帶來(lái)了不必要的閱讀負(fù)擔(dān)。因此，我們可以通過設(shè)計(jì)更合理的頁(yè)面信息結(jié)構(gòu)來(lái)優(yōu)化用戶體驗(yàn)。

例如，采用卡片化的處理方式可以讓信息更加聚焦，通過樓層設(shè)計(jì)可以讓頁(yè)面結(jié)構(gòu)更加清晰，從而保證用戶的信息獲取效率。同時(shí)，我們還可以增加頁(yè)面的視覺吸引力，提高用戶的使用體驗(yàn)。這樣，用戶不僅能夠方便地獲取所需信息，還可以享受到更加舒適和愉悅的頁(yè)面瀏覽體驗(yàn)。

示例：在雪球公募基金的詳情頁(yè)中，我們梳理了基金行情數(shù)據(jù)及其他信息，并整理為“業(yè)績(jī)”“持倉(cāng)”“分析”“檔案”“測(cè)評(píng)”“規(guī)則”六大模塊。采用卡片作為信息收納容器，使每個(gè)模塊的信息更加聚焦。此外，在頁(yè)面上滑過程中，用戶還可以通過點(diǎn)擊頂部tab的方式快速選擇所需要的信息。

# 包裝場(chǎng)景概念 #

1、貼近生活場(chǎng)景

大多數(shù)用戶缺乏充足的專業(yè)金融知識(shí)儲(chǔ)備，對(duì)于這部分用戶想讓他們?cè)陧?yè)面瀏覽的短時(shí)過程中達(dá)到快速理解信息的目的是比較困難的。為了解決這個(gè)問題，我們可以采用概念替換或場(chǎng)景塑造的包裝方式，把金融信息與用戶相關(guān)的生活場(chǎng)景相結(jié)合。

通過生活化的場(chǎng)景設(shè)計(jì)，以「講故事」的方式，讓用戶快速感知產(chǎn)品的意義。這樣一來(lái)，用戶可以更容易地理解金融信息，同時(shí)還能夠更好地理解產(chǎn)品的價(jià)值。

示例：在雪球的養(yǎng)老稅延業(yè)務(wù)項(xiàng)目中，我們通過場(chǎng)景塑造的方式，以雪女士的投資為例，通過比較參與及不參與養(yǎng)老金計(jì)劃的收益組成及最終所得，直觀形象地體現(xiàn)了參與個(gè)人養(yǎng)老金計(jì)劃的「?jìng)€(gè)人所得稅優(yōu)惠」和「長(zhǎng)線穩(wěn)健增值」這兩大利益點(diǎn)。

# 寫在最后 #

這篇文章淺析了關(guān)于如何簡(jiǎn)化互聯(lián)網(wǎng)金融產(chǎn)品的復(fù)雜頁(yè)面信息設(shè)計(jì)，從而降低用戶的認(rèn)知負(fù)荷。我們通過界定認(rèn)知負(fù)荷產(chǎn)生的方式，并采用相關(guān)的設(shè)計(jì)策略和設(shè)計(jì)方法，針對(duì)性地優(yōu)化互聯(lián)網(wǎng)金融產(chǎn)品的頁(yè)面信息設(shè)計(jì)。讓用戶可以更輕松地理解產(chǎn)品信息，同時(shí)也能夠更好地進(jìn)行投資決策。

其實(shí)對(duì)于產(chǎn)品設(shè)計(jì)者來(lái)說(shuō)，保持簡(jiǎn)單不僅僅體現(xiàn)在頁(yè)面信息設(shè)計(jì)中，更要貫穿于產(chǎn)品設(shè)計(jì)始終，只有這樣，才能讓產(chǎn)品保持長(zhǎng)生命周期，吸引更多的用戶。

/ THE END / 

??????

共創(chuàng)  / 體驗(yàn) / 成長(zhǎng)

期待與更多優(yōu)秀產(chǎn)品設(shè)計(jì)師一起成長(zhǎng)

掃碼進(jìn)群