編輯導(dǎo)讀：今年，你打算買基金嗎？去年的基金市場可謂是跌宕起伏，不少人深陷其中卻又無法自拔。不管是大小基金平臺，都會對基民用戶做出很大功夫的交互設(shè)計引導(dǎo)以及選品的邏輯設(shè)計。本文作者對此進(jìn)行了分析，希望對你有幫助。

秉著與上期描寫保險體驗報告的同樣目的—復(fù)盤自我，這次來撰寫一期關(guān)于基金的設(shè)計文章；作者目前從事在關(guān)于保險和基金行業(yè)的saas公司，在接觸關(guān)于基金版塊的工作后，會發(fā)現(xiàn)無論是大小平臺，他們都會對基民用戶做出很大功夫的交互設(shè)計引導(dǎo)以及選品的邏輯設(shè)計。

一、體驗平臺及測試環(huán)境

平臺：支付寶（基金）10.2.53

操作系統(tǒng)：android

體驗時間：2021/01/09

二、首頁模塊構(gòu)成

支付寶基金頁面以上中末分區(qū)進(jìn)行拆解，上開頭部分由聚合金剛區(qū)、廣告、主C位卡片推薦組成，是用戶進(jìn)入到頁面第一視覺的呈現(xiàn)，其版塊體驗側(cè)重點是通過熱門直接影響用戶瀏覽走向；而聚合金剛區(qū)采用左滑的形式，將有限的內(nèi)容進(jìn)行擴(kuò)展，避免用戶自選應(yīng)用被擁擠的情況；

支付寶基金頁面中區(qū)按照風(fēng)險等級分類，由追求收益、省心投資、穩(wěn)健收益、基金榜單，并在分類列表中添加簡述細(xì)分類型選項；

中區(qū)的賣點和目的很全面，用戶在下滑瀏覽時，不僅是在做找的動作，更引導(dǎo)用戶去看和了解；根據(jù)自身風(fēng)險偏好做出匹配，并在列表中增加很明細(xì)賣點；

如：追求收益主題旁會添加選品的解析和購買持有時長的建議，并在除產(chǎn)品的基本信息外，還在產(chǎn)品左側(cè)的圖表顯示具體該基金根據(jù)細(xì)分選項所處的行業(yè)/業(yè)績表現(xiàn)/在管經(jīng)理/投資公司；避免產(chǎn)品進(jìn)行盲目和簡單的列表平鋪，讓用戶快速了解推薦的特點，更好的幫助用戶進(jìn)行“選”產(chǎn)品的動作；

末尾區(qū)的呈現(xiàn)內(nèi)容是比較偏投教和解讀，版塊一更是投資工具專區(qū)，集金牌經(jīng)理、行業(yè)解讀直播、專家為你選、基金知識等，外加版塊二熱點咨詢和財富號列表；側(cè)重“教”的動作，因為支付寶的用戶基數(shù)大，針對新用戶會主動的去承接和指引，利用工具去輔助決策和了解；

三、頂部聚合主題頁拆解

金剛區(qū)的目前排布分別是基金排行、熱門版塊、新發(fā)基金、省心定投、投顧管家、金選好基、金牌經(jīng)理、偏股基金、指數(shù)基金、偏債基金、精選組合、投資順風(fēng)車、長盈專區(qū)

板塊分析一：新發(fā)基金頁

“經(jīng)常玩基金的我們應(yīng)該了解基民的別稱“韭菜”，不是因為單方面的以“韭菜”老是被割而著名的，而是因為絕大部分的用戶其實是不懂基金的玩法的，所以為了讓用戶能快速購入在頁面上各個平臺會下很大的設(shè)計功夫，讓復(fù)雜變簡易，讓優(yōu)勢盡量曝光”

首先何為新發(fā)基金：新發(fā)基金就是指正在募集期的基金，該階段處于認(rèn)購模式，凈值為1，等到募集結(jié)束就可以進(jìn)行贖回，一般期限為1~3個月，甚至更長；

支付寶新發(fā)基金頁面的設(shè)計以基金經(jīng)理為核心展開，展示上也突出基金經(jīng)理；從設(shè)計來看，專題頁的設(shè)計以橙色為主，一方面符合響亮、注目以及活潑的氣氛，同時也迎合新發(fā)、首發(fā)的開張大吉愿景；

除了頭圖部分采用簡易的背景圖片，以及新發(fā)基金標(biāo)題，還有三個對于頁面內(nèi)容的簡概的小標(biāo)簽，緊接著就是占據(jù)視覺中心的banner卡片，目前卡片展示為3張，而卡片是以基金經(jīng)理及基金組合展現(xiàn)；因為新發(fā)基金披露的信息是很少的，發(fā)布信息有限，沒有任何歷史業(yè)績可以參考其次沒經(jīng)歷過市場波動，所以在新發(fā)基金上會重點介紹在管經(jīng)理的優(yōu)勢；

卡片呈現(xiàn)分為三部分：標(biāo)題、經(jīng)理、產(chǎn)品

標(biāo)題為今日主打，隨著平臺新發(fā)基金越來越多，會定期更替新的產(chǎn)品上架。

經(jīng)理介紹—該卡片介紹的是董事總經(jīng)理：李曉星和張萍，為了讓用戶更加堅信產(chǎn)品的可靠性和安全性，展現(xiàn)的一般是基金公司甄選的實力經(jīng)理和團(tuán)隊來打理，在交互上，經(jīng)理名稱和職位會顏色上進(jìn)行放大展現(xiàn)，對基金經(jīng)理介紹會從多個維度來說明，從團(tuán)隊實力、管理規(guī)模、獲得獎項、過往業(yè)績等占比較重；

下方是基金經(jīng)理的推薦語，側(cè)面介紹對基金的預(yù)判性看法和行業(yè)預(yù)估，為的是在卡片中占到一定的簡述基金布局；

底部是基金產(chǎn)品介紹和買入按鈕，交互上為了能讓用戶瀏覽視角聚焦到產(chǎn)品上，將產(chǎn)品信息作為最深的顏色呈現(xiàn)，其基金標(biāo)簽用彩色醒目，作為提醒用戶該基金所屬的風(fēng)險、類型等，在右側(cè)添加了基金詳情按鈕，一般新發(fā)基金的購買按鈕是直接進(jìn)行購買頁面，給予不了太多用戶信息，詳情按鈕則是給用戶一個了解目前基金的具體信息和募集進(jìn)度的入口；

詳情按鈕的下方會有一個已買入用戶的輪播位，提醒該基金目前正處于火熱階段；

購買按鈕是顏色占比最重，也是最核心目的的表現(xiàn)，按鈕呈現(xiàn)的越大越醒目，已開售的會顯示買入文案，正在啟動階段的基金會顯示訂閱提醒文案，并在對下方提示該基金的結(jié)束募集時間。

上圖版塊處于用戶進(jìn)入新發(fā)基金后，瀏覽主C卡片后的聚焦區(qū)域，會將目前推送的金選投顧banner放在中心，作為活動或者版塊的回流位置，而下方的重磅預(yù)告，則是以即將開售產(chǎn)品進(jìn)行宣傳和引導(dǎo)關(guān)注的版塊；

從交互效果上看，引人醒目的側(cè)重開售時間、關(guān)注按鈕、推薦語及標(biāo)簽，而對于基金經(jīng)理及基金名稱則是弱化，一方面是版塊能呈現(xiàn)的內(nèi)容是很緊張的，能夠反饋的像主C的經(jīng)理信息不多，所以更加注重的是引導(dǎo)用戶進(jìn)行關(guān)注即可，在卡片上以醒目的推薦簡述和基金標(biāo)簽作為信息反饋；

而在下方的特色新基首發(fā)和熱門新基再開從文字上來解讀，證明想要呈現(xiàn)的目的就是以已經(jīng)上架不久且近期很火熱的新發(fā)基金作為入口， 但單做一個入口而不做一個列表或者版塊來介紹熱門或特色新發(fā)基金，是因為頁面的主要架構(gòu)以透露和展示新鮮的基金為主，而已經(jīng)進(jìn)入買入期的基金來說，是具有可以應(yīng)對市場能力的基金，已經(jīng)具備摘掉“新發(fā)”的頭銜，給與一個簡單的入口只是作為一個回流的作用；

上方是新發(fā)基金的列表版塊，版塊細(xì)分為：正在開售、即將開售以及募集結(jié)束三個階段，并且在滾動的期間，分類欄會一直懸浮在頂部作為目前看到哪種階段的提示；單從各階段的產(chǎn)品內(nèi)容上來看，其實大同小異，唯一不同的是產(chǎn)品信息的顏色作為階段區(qū)分。

正在開售階段，也是新發(fā)基金最重要的階段，所以從顏色上看會更加鮮明奪目，基本以主題橙色為主，和重磅預(yù)售類似，在時間和按鈕以及標(biāo)簽上作為最核心的交互信息；而不同于重磅預(yù)售的是，產(chǎn)品名稱沒有弱化，是因為列表版塊的目的主要還是以產(chǎn)品的買入為主，而不是關(guān)注;加上列表呈現(xiàn)的內(nèi)容區(qū)域會大很多，在中心處加上了基金經(jīng)理的推薦語，作為一個基金經(jīng)理所反饋的信息展示；

即將開售階段的產(chǎn)品，為了讓用戶冷靜安逸的等候該基金，則選用以藍(lán)色為主，藍(lán)色代表神秘、希望及守候的寓意，在內(nèi)容上和其他類型一樣，盡可能的披露更多的信息反饋；

募集結(jié)束階段的基金在顏色上會置灰，并在右側(cè)明注結(jié)束募集的圖表，表明該基金已進(jìn)入建倉階段；所以在內(nèi)容上主要將產(chǎn)品的名稱及在管經(jīng)理及團(tuán)隊進(jìn)行了醒目的顏色標(biāo)識，告知用戶該基金未來是有何人進(jìn)行引領(lǐng)和管理；

板塊分析二：金選好基頁

金選好基主題頁的內(nèi)容從框架感來看，類似產(chǎn)品列表的形式，摒棄了花哨的排版，更實質(zhì)的是以篩選的條件作為核心的工具輔助用戶進(jìn)行選基；

為了達(dá)到讓用戶了解到主題頁的目的和邏輯，在頭圖上做了很明顯的概述；標(biāo)題取名“金選好基·追求更高收益，這就讓用戶快速接收了該版塊的基金是聚焦超額收益的信息，且側(cè)面反應(yīng)了該版塊的基金會伴隨著中高風(fēng)險的特點；

同時除了以平臺支付寶理財智庫和中國證券報的聯(lián)名以外，更讓人引起注意的是“12位專家評審團(tuán)”和“服務(wù)超2000w用戶的的小標(biāo)簽”，不僅反饋出該板塊是具有安全和權(quán)威的核心體現(xiàn)，更是讓用戶知道已在版塊嘗試的用戶基數(shù)很大，為了是打造一個很可靠很活躍的主題版塊；

而對版塊的實質(zhì)性進(jìn)行質(zhì)疑和不解的用戶會在頭圖的右上方有解讀入口icon；

解讀頁從內(nèi)容看會非常全面且數(shù)據(jù)反饋的明顯，讓人不得不信服，在頭圖就會告知用戶，金選好基的主題列表不是隨意上架展示，而是以百里挑一的2.6％入選率篩選出來，且收益和幅度大量超額業(yè)績基準(zhǔn)；

內(nèi)容的架構(gòu)也不是五花八門，而是以金選文字解讀、賽道分布、收益業(yè)績數(shù)據(jù)圖表、評審標(biāo)準(zhǔn)，和調(diào)研深度以及針對不同風(fēng)險用戶開展的其他金選專區(qū)回流版塊；

從“是什么”“表現(xiàn)如何”“怎么做”的維度來說明，所以支付寶在該版塊設(shè)計的功夫可謂是很驚艷，雖然解讀icon的入口很小很弱化，但是讓給那些真正想了解并且點開瀏覽的用戶，一個很放心很可靠的“定心丸”。

回到金選好基頁面，列表信息反饋的看似和基金排行榜一樣的篩選條件，但是為了避免讓人誤以為又是一頁排行榜；支付寶在內(nèi)容上呈現(xiàn)的會更加具體和明細(xì)；篩選條件有三處，一處是已經(jīng)設(shè)置排列完畢的分類欄，另一處則是右側(cè)的高級篩選icon按鈕，最后是底部以漲跌幅的時間數(shù)據(jù)來篩選呈現(xiàn)；

分類欄也是通過針對基金所屬不同的表現(xiàn)來進(jìn)行整理呈現(xiàn)：金牛經(jīng)理、晨星五星、老牌?；?、高夏普比率、買入0費率；

解釋一下這些分類的含義及目的：

金牛經(jīng)理：金牛經(jīng)理是一項由中國證券報社主辦的獎項，其行業(yè)認(rèn)可度高，從分類上看可以表明，該基金是由一位獲得過金牛獎項，資深且專業(yè)可靠的經(jīng)理進(jìn)行打理，側(cè)面加強(qiáng)用戶對該分類的參考意向；

晨星五星：該獎項是頒發(fā)給基金的獎項，星越多證明該基金業(yè)績越好，最高為5星；和金牛經(jīng)理分類一樣，同樣具有很強(qiáng)烈的參考價值；

老牌牛基：從字面上看，該基金就是一款已經(jīng)沉淀很久，經(jīng)歷了多輪市場變動的考驗；且支付寶的老牌牛基的評審標(biāo)準(zhǔn)是以成立超過8年，歷史年化收益率大于10％，且穩(wěn)定優(yōu)異，而近五年收益率超1/3的種種條件才能進(jìn)行展示，所以老牌?；目量虠l件也證實了這類基金是值得參考的；

高夏普比率：夏普比率是對基金的收益與風(fēng)險綜合考慮的指標(biāo)，指標(biāo)越高收益越高，而風(fēng)險也高；

買入0費率：通俗的字面意思，就是當(dāng)投資者買入時不需要支付高額的手續(xù)費，買入多少就會有多少份額，但也側(cè)面表明該基金可能會是短期投資的C類基金或者貨幣基金

解讀完分類欄后，再看右側(cè)高級篩選，高級篩選的維度除了以分類欄的標(biāo)簽外，會以行業(yè)、成立年限、產(chǎn)品規(guī)模、買入費率進(jìn)行排列選擇，根據(jù)已有的186只基金屬性進(jìn)行拆解后，便于輔助用戶進(jìn)行篩選；

金選好基的產(chǎn)品列表信息，可能基于用戶的偏好，在信息上同樣側(cè)重將推薦語、漲跌幅數(shù)值、基金標(biāo)簽作醒目放大處理；而對于基金名稱和屬性標(biāo)簽（例如：五星 晨星評級）則是作弱化處理，這是由于用戶在已知條件中篩選或展示了該基金的標(biāo)簽，無需反復(fù)提示，更多的是在推薦語進(jìn)行明確的概述，讓用戶的側(cè)重點放在基金的收益率上；

對于底部漲跌幅數(shù)據(jù)的篩選欄，用戶進(jìn)行滑動瀏覽會一直懸浮在底部，這是為了讓用戶不僅可以從屬性的維度進(jìn)行篩選，同時可以從收益率來查找更合適自己的基金；

四、結(jié)語

其實基金也是服務(wù)業(yè)，對于大部分基民來說在生活中根本無暇去考慮我持有的基金到底情況如何，花在研究基金身上的時間更是比來一把王者榮耀的時間少之又少；為了能夠把握這些基金能有積極的去投入資金，花在視覺上和邏輯上的成本會相對要占比多一些，就像我們?nèi)テ放撇蛷d，可海底撈的服務(wù)就是比一般的火鍋店要舒服的多，而看似清清寡寡的門店和默不作聲的服務(wù)員，你寧愿繞開多走幾家多看幾家都不會去把錢放在這家去踩雷；

謝謝閱讀，最后提示各位看官，基金有風(fēng)險！投資需謹(jǐn)慎哦！我是錦鯉，下期會發(fā)布后續(xù)的關(guān)于金剛區(qū)其他主題版塊~

本文由 @鏟平錦鯉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。