關(guān)于支付寶平臺(tái)基金版塊設(shè)計(jì)︱新發(fā)及金選篇
編輯導(dǎo)讀:今年,你打算買基金嗎?去年的基金市場(chǎng)可謂是跌宕起伏,不少人深陷其中卻又無法自拔。不管是大小基金平臺(tái),都會(huì)對(duì)基民用戶做出很大功夫的交互設(shè)計(jì)引導(dǎo)以及選品的邏輯設(shè)計(jì)。本文作者對(duì)此進(jìn)行了分析,希望對(duì)你有幫助。
秉著與上期描寫保險(xiǎn)體驗(yàn)報(bào)告的同樣目的—復(fù)盤自我,這次來撰寫一期關(guān)于基金的設(shè)計(jì)文章;作者目前從事在關(guān)于保險(xiǎn)和基金行業(yè)的saas公司,在接觸關(guān)于基金版塊的工作后,會(huì)發(fā)現(xiàn)無論是大小平臺(tái),他們都會(huì)對(duì)基民用戶做出很大功夫的交互設(shè)計(jì)引導(dǎo)以及選品的邏輯設(shè)計(jì)。
一、體驗(yàn)平臺(tái)及測(cè)試環(huán)境
平臺(tái):支付寶(基金)10.2.53
操作系統(tǒng):android
體驗(yàn)時(shí)間:2021/01/09
二、首頁模塊構(gòu)成
支付寶基金頁面以上中末分區(qū)進(jìn)行拆解,上開頭部分由聚合金剛區(qū)、廣告、主C位卡片推薦組成,是用戶進(jìn)入到頁面第一視覺的呈現(xiàn),其版塊體驗(yàn)側(cè)重點(diǎn)是通過熱門直接影響用戶瀏覽走向;而聚合金剛區(qū)采用左滑的形式,將有限的內(nèi)容進(jìn)行擴(kuò)展,避免用戶自選應(yīng)用被擁擠的情況;
支付寶基金頁面中區(qū)按照風(fēng)險(xiǎn)等級(jí)分類,由追求收益、省心投資、穩(wěn)健收益、基金榜單,并在分類列表中添加簡(jiǎn)述細(xì)分類型選項(xiàng);
中區(qū)的賣點(diǎn)和目的很全面,用戶在下滑瀏覽時(shí),不僅是在做找的動(dòng)作,更引導(dǎo)用戶去看和了解;根據(jù)自身風(fēng)險(xiǎn)偏好做出匹配,并在列表中增加很明細(xì)賣點(diǎn);
如:追求收益主題旁會(huì)添加選品的解析和購(gòu)買持有時(shí)長(zhǎng)的建議,并在除產(chǎn)品的基本信息外,還在產(chǎn)品左側(cè)的圖表顯示具體該基金根據(jù)細(xì)分選項(xiàng)所處的行業(yè)/業(yè)績(jī)表現(xiàn)/在管經(jīng)理/投資公司;避免產(chǎn)品進(jìn)行盲目和簡(jiǎn)單的列表平鋪,讓用戶快速了解推薦的特點(diǎn),更好的幫助用戶進(jìn)行“選”產(chǎn)品的動(dòng)作;
末尾區(qū)的呈現(xiàn)內(nèi)容是比較偏投教和解讀,版塊一更是投資工具專區(qū),集金牌經(jīng)理、行業(yè)解讀直播、專家為你選、基金知識(shí)等,外加版塊二熱點(diǎn)咨詢和財(cái)富號(hào)列表;側(cè)重“教”的動(dòng)作,因?yàn)橹Ц秾毜挠脩艋鶖?shù)大,針對(duì)新用戶會(huì)主動(dòng)的去承接和指引,利用工具去輔助決策和了解;
三、頂部聚合主題頁拆解
金剛區(qū)的目前排布分別是基金排行、熱門版塊、新發(fā)基金、省心定投、投顧管家、金選好基、金牌經(jīng)理、偏股基金、指數(shù)基金、偏債基金、精選組合、投資順風(fēng)車、長(zhǎng)盈專區(qū)
板塊分析一:新發(fā)基金頁
“經(jīng)常玩基金的我們應(yīng)該了解基民的別稱“韭菜”,不是因?yàn)閱畏矫娴囊浴熬虏恕崩鲜潜桓疃?,而是因?yàn)榻^大部分的用戶其實(shí)是不懂基金的玩法的,所以為了讓用戶能快速購(gòu)入在頁面上各個(gè)平臺(tái)會(huì)下很大的設(shè)計(jì)功夫,讓復(fù)雜變簡(jiǎn)易,讓優(yōu)勢(shì)盡量曝光”
首先何為新發(fā)基金:新發(fā)基金就是指正在募集期的基金,該階段處于認(rèn)購(gòu)模式,凈值為1,等到募集結(jié)束就可以進(jìn)行贖回,一般期限為1~3個(gè)月,甚至更長(zhǎng);
支付寶新發(fā)基金頁面的設(shè)計(jì)以基金經(jīng)理為核心展開,展示上也突出基金經(jīng)理;從設(shè)計(jì)來看,專題頁的設(shè)計(jì)以橙色為主,一方面符合響亮、注目以及活潑的氣氛,同時(shí)也迎合新發(fā)、首發(fā)的開張大吉愿景;
除了頭圖部分采用簡(jiǎn)易的背景圖片,以及新發(fā)基金標(biāo)題,還有三個(gè)對(duì)于頁面內(nèi)容的簡(jiǎn)概的小標(biāo)簽,緊接著就是占據(jù)視覺中心的banner卡片,目前卡片展示為3張,而卡片是以基金經(jīng)理及基金組合展現(xiàn);因?yàn)樾掳l(fā)基金披露的信息是很少的,發(fā)布信息有限,沒有任何歷史業(yè)績(jī)可以參考其次沒經(jīng)歷過市場(chǎng)波動(dòng),所以在新發(fā)基金上會(huì)重點(diǎn)介紹在管經(jīng)理的優(yōu)勢(shì);
卡片呈現(xiàn)分為三部分:標(biāo)題、經(jīng)理、產(chǎn)品
標(biāo)題為今日主打,隨著平臺(tái)新發(fā)基金越來越多,會(huì)定期更替新的產(chǎn)品上架。
經(jīng)理介紹—該卡片介紹的是董事總經(jīng)理:李曉星和張萍,為了讓用戶更加堅(jiān)信產(chǎn)品的可靠性和安全性,展現(xiàn)的一般是基金公司甄選的實(shí)力經(jīng)理和團(tuán)隊(duì)來打理,在交互上,經(jīng)理名稱和職位會(huì)顏色上進(jìn)行放大展現(xiàn),對(duì)基金經(jīng)理介紹會(huì)從多個(gè)維度來說明,從團(tuán)隊(duì)實(shí)力、管理規(guī)模、獲得獎(jiǎng)項(xiàng)、過往業(yè)績(jī)等占比較重;
下方是基金經(jīng)理的推薦語,側(cè)面介紹對(duì)基金的預(yù)判性看法和行業(yè)預(yù)估,為的是在卡片中占到一定的簡(jiǎn)述基金布局;
底部是基金產(chǎn)品介紹和買入按鈕,交互上為了能讓用戶瀏覽視角聚焦到產(chǎn)品上,將產(chǎn)品信息作為最深的顏色呈現(xiàn),其基金標(biāo)簽用彩色醒目,作為提醒用戶該基金所屬的風(fēng)險(xiǎn)、類型等,在右側(cè)添加了基金詳情按鈕,一般新發(fā)基金的購(gòu)買按鈕是直接進(jìn)行購(gòu)買頁面,給予不了太多用戶信息,詳情按鈕則是給用戶一個(gè)了解目前基金的具體信息和募集進(jìn)度的入口;
詳情按鈕的下方會(huì)有一個(gè)已買入用戶的輪播位,提醒該基金目前正處于火熱階段;
購(gòu)買按鈕是顏色占比最重,也是最核心目的的表現(xiàn),按鈕呈現(xiàn)的越大越醒目,已開售的會(huì)顯示買入文案,正在啟動(dòng)階段的基金會(huì)顯示訂閱提醒文案,并在對(duì)下方提示該基金的結(jié)束募集時(shí)間。
上圖版塊處于用戶進(jìn)入新發(fā)基金后,瀏覽主C卡片后的聚焦區(qū)域,會(huì)將目前推送的金選投顧banner放在中心,作為活動(dòng)或者版塊的回流位置,而下方的重磅預(yù)告,則是以即將開售產(chǎn)品進(jìn)行宣傳和引導(dǎo)關(guān)注的版塊;
從交互效果上看,引人醒目的側(cè)重開售時(shí)間、關(guān)注按鈕、推薦語及標(biāo)簽,而對(duì)于基金經(jīng)理及基金名稱則是弱化,一方面是版塊能呈現(xiàn)的內(nèi)容是很緊張的,能夠反饋的像主C的經(jīng)理信息不多,所以更加注重的是引導(dǎo)用戶進(jìn)行關(guān)注即可,在卡片上以醒目的推薦簡(jiǎn)述和基金標(biāo)簽作為信息反饋;
而在下方的特色新基首發(fā)和熱門新基再開從文字上來解讀,證明想要呈現(xiàn)的目的就是以已經(jīng)上架不久且近期很火熱的新發(fā)基金作為入口, 但單做一個(gè)入口而不做一個(gè)列表或者版塊來介紹熱門或特色新發(fā)基金,是因?yàn)轫撁娴闹饕軜?gòu)以透露和展示新鮮的基金為主,而已經(jīng)進(jìn)入買入期的基金來說,是具有可以應(yīng)對(duì)市場(chǎng)能力的基金,已經(jīng)具備摘掉“新發(fā)”的頭銜,給與一個(gè)簡(jiǎn)單的入口只是作為一個(gè)回流的作用;
上方是新發(fā)基金的列表版塊,版塊細(xì)分為:正在開售、即將開售以及募集結(jié)束三個(gè)階段,并且在滾動(dòng)的期間,分類欄會(huì)一直懸浮在頂部作為目前看到哪種階段的提示;單從各階段的產(chǎn)品內(nèi)容上來看,其實(shí)大同小異,唯一不同的是產(chǎn)品信息的顏色作為階段區(qū)分。
正在開售階段,也是新發(fā)基金最重要的階段,所以從顏色上看會(huì)更加鮮明奪目,基本以主題橙色為主,和重磅預(yù)售類似,在時(shí)間和按鈕以及標(biāo)簽上作為最核心的交互信息;而不同于重磅預(yù)售的是,產(chǎn)品名稱沒有弱化,是因?yàn)榱斜戆鎵K的目的主要還是以產(chǎn)品的買入為主,而不是關(guān)注;加上列表呈現(xiàn)的內(nèi)容區(qū)域會(huì)大很多,在中心處加上了基金經(jīng)理的推薦語,作為一個(gè)基金經(jīng)理所反饋的信息展示;
即將開售階段的產(chǎn)品,為了讓用戶冷靜安逸的等候該基金,則選用以藍(lán)色為主,藍(lán)色代表神秘、希望及守候的寓意,在內(nèi)容上和其他類型一樣,盡可能的披露更多的信息反饋;
募集結(jié)束階段的基金在顏色上會(huì)置灰,并在右側(cè)明注結(jié)束募集的圖表,表明該基金已進(jìn)入建倉階段;所以在內(nèi)容上主要將產(chǎn)品的名稱及在管經(jīng)理及團(tuán)隊(duì)進(jìn)行了醒目的顏色標(biāo)識(shí),告知用戶該基金未來是有何人進(jìn)行引領(lǐng)和管理;
板塊分析二:金選好基頁
金選好基主題頁的內(nèi)容從框架感來看,類似產(chǎn)品列表的形式,摒棄了花哨的排版,更實(shí)質(zhì)的是以篩選的條件作為核心的工具輔助用戶進(jìn)行選基;
為了達(dá)到讓用戶了解到主題頁的目的和邏輯,在頭圖上做了很明顯的概述;標(biāo)題取名“金選好基·追求更高收益,這就讓用戶快速接收了該版塊的基金是聚焦超額收益的信息,且側(cè)面反應(yīng)了該版塊的基金會(huì)伴隨著中高風(fēng)險(xiǎn)的特點(diǎn);
同時(shí)除了以平臺(tái)支付寶理財(cái)智庫和中國(guó)證券報(bào)的聯(lián)名以外,更讓人引起注意的是“12位專家評(píng)審團(tuán)”和“服務(wù)超2000w用戶的的小標(biāo)簽”,不僅反饋出該板塊是具有安全和權(quán)威的核心體現(xiàn),更是讓用戶知道已在版塊嘗試的用戶基數(shù)很大,為了是打造一個(gè)很可靠很活躍的主題版塊;
而對(duì)版塊的實(shí)質(zhì)性進(jìn)行質(zhì)疑和不解的用戶會(huì)在頭圖的右上方有解讀入口icon;
解讀頁從內(nèi)容看會(huì)非常全面且數(shù)據(jù)反饋的明顯,讓人不得不信服,在頭圖就會(huì)告知用戶,金選好基的主題列表不是隨意上架展示,而是以百里挑一的2.6%入選率篩選出來,且收益和幅度大量超額業(yè)績(jī)基準(zhǔn);
內(nèi)容的架構(gòu)也不是五花八門,而是以金選文字解讀、賽道分布、收益業(yè)績(jī)數(shù)據(jù)圖表、評(píng)審標(biāo)準(zhǔn),和調(diào)研深度以及針對(duì)不同風(fēng)險(xiǎn)用戶開展的其他金選專區(qū)回流版塊;
從“是什么”“表現(xiàn)如何”“怎么做”的維度來說明,所以支付寶在該版塊設(shè)計(jì)的功夫可謂是很驚艷,雖然解讀icon的入口很小很弱化,但是讓給那些真正想了解并且點(diǎn)開瀏覽的用戶,一個(gè)很放心很可靠的“定心丸”。
回到金選好基頁面,列表信息反饋的看似和基金排行榜一樣的篩選條件,但是為了避免讓人誤以為又是一頁排行榜;支付寶在內(nèi)容上呈現(xiàn)的會(huì)更加具體和明細(xì);篩選條件有三處,一處是已經(jīng)設(shè)置排列完畢的分類欄,另一處則是右側(cè)的高級(jí)篩選icon按鈕,最后是底部以漲跌幅的時(shí)間數(shù)據(jù)來篩選呈現(xiàn);
分類欄也是通過針對(duì)基金所屬不同的表現(xiàn)來進(jìn)行整理呈現(xiàn):金牛經(jīng)理、晨星五星、老牌?;?、高夏普比率、買入0費(fèi)率;
解釋一下這些分類的含義及目的:
金牛經(jīng)理:金牛經(jīng)理是一項(xiàng)由中國(guó)證券報(bào)社主辦的獎(jiǎng)項(xiàng),其行業(yè)認(rèn)可度高,從分類上看可以表明,該基金是由一位獲得過金牛獎(jiǎng)項(xiàng),資深且專業(yè)可靠的經(jīng)理進(jìn)行打理,側(cè)面加強(qiáng)用戶對(duì)該分類的參考意向;
晨星五星:該獎(jiǎng)項(xiàng)是頒發(fā)給基金的獎(jiǎng)項(xiàng),星越多證明該基金業(yè)績(jī)?cè)胶?,最高?星;和金牛經(jīng)理分類一樣,同樣具有很強(qiáng)烈的參考價(jià)值;
老牌?;簭淖置嫔峡?,該基金就是一款已經(jīng)沉淀很久,經(jīng)歷了多輪市場(chǎng)變動(dòng)的考驗(yàn);且支付寶的老牌?;脑u(píng)審標(biāo)準(zhǔn)是以成立超過8年,歷史年化收益率大于10%,且穩(wěn)定優(yōu)異,而近五年收益率超1/3的種種條件才能進(jìn)行展示,所以老牌牛基的苛刻條件也證實(shí)了這類基金是值得參考的;
高夏普比率:夏普比率是對(duì)基金的收益與風(fēng)險(xiǎn)綜合考慮的指標(biāo),指標(biāo)越高收益越高,而風(fēng)險(xiǎn)也高;
買入0費(fèi)率:通俗的字面意思,就是當(dāng)投資者買入時(shí)不需要支付高額的手續(xù)費(fèi),買入多少就會(huì)有多少份額,但也側(cè)面表明該基金可能會(huì)是短期投資的C類基金或者貨幣基金
解讀完分類欄后,再看右側(cè)高級(jí)篩選,高級(jí)篩選的維度除了以分類欄的標(biāo)簽外,會(huì)以行業(yè)、成立年限、產(chǎn)品規(guī)模、買入費(fèi)率進(jìn)行排列選擇,根據(jù)已有的186只基金屬性進(jìn)行拆解后,便于輔助用戶進(jìn)行篩選;
金選好基的產(chǎn)品列表信息,可能基于用戶的偏好,在信息上同樣側(cè)重將推薦語、漲跌幅數(shù)值、基金標(biāo)簽作醒目放大處理;而對(duì)于基金名稱和屬性標(biāo)簽(例如:五星 晨星評(píng)級(jí))則是作弱化處理,這是由于用戶在已知條件中篩選或展示了該基金的標(biāo)簽,無需反復(fù)提示,更多的是在推薦語進(jìn)行明確的概述,讓用戶的側(cè)重點(diǎn)放在基金的收益率上;
對(duì)于底部漲跌幅數(shù)據(jù)的篩選欄,用戶進(jìn)行滑動(dòng)瀏覽會(huì)一直懸浮在底部,這是為了讓用戶不僅可以從屬性的維度進(jìn)行篩選,同時(shí)可以從收益率來查找更合適自己的基金;
四、結(jié)語
其實(shí)基金也是服務(wù)業(yè),對(duì)于大部分基民來說在生活中根本無暇去考慮我持有的基金到底情況如何,花在研究基金身上的時(shí)間更是比來一把王者榮耀的時(shí)間少之又少;為了能夠把握這些基金能有積極的去投入資金,花在視覺上和邏輯上的成本會(huì)相對(duì)要占比多一些,就像我們?nèi)テ放撇蛷d,可海底撈的服務(wù)就是比一般的火鍋店要舒服的多,而看似清清寡寡的門店和默不作聲的服務(wù)員,你寧愿繞開多走幾家多看幾家都不會(huì)去把錢放在這家去踩雷;
謝謝閱讀,最后提示各位看官,基金有風(fēng)險(xiǎn)!投資需謹(jǐn)慎哦!我是錦鯉,下期會(huì)發(fā)布后續(xù)的關(guān)于金剛區(qū)其他主題版塊~
本文由 @鏟平錦鯉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
遲遲還沒有對(duì)基金下手,不過最近央視推出的一檔《基金》節(jié)目聽說很不錯(cuò)
有很多平臺(tái)底部也會(huì)有投教版塊 可以看看哦