92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

聊基金,不如聊聊基金那些設計

2021-3-25    鶴鶴

過去的一周,基金應該算是熱門話題中的頂流。微信里各種設計群、校友群、帶貨群、滑雪群都充斥著一片財富縮水的哀嚎。 
每逢這個時候,大家也就開始順勢討論起各種基金投資APP好不好用的問題。 
今天抽點時間,聊聊 招商銀行、 螞蟻財富、 天天基金這三家APP的基金詳情頁設計。 

undefined

基金產品的詳情頁大體是圍繞一只基金的概況、盤中行情、歷史數據、持倉情況、基金經理介紹、基金檔案、交易規則等一級模塊,來“客觀包裝”這只基金。 
一級模塊的信息下包含了眾多層次級信息,各家APP對于同一個次級信息,是否曝光在詳情頁的一級模塊里,都有著獨立的思考,這在很大程度上決定著信息分發和觸達的效率。 
為什么要強調“客觀包裝”,因為無論你看到與否,信息都在那里,而信息曝光的順序卻直接影響到用戶對基金的認知。 
就好像我們了解一個人,如果只是看他的穿搭、氣質、體態,可能會覺得這是一個藝術家。 
但你若先把眼睛蒙上,聽他講量化策略、深度學習,你發現這人居然是個技術男! 
比如我們挑一只基金,來看看它在三個APP的詳情頁里,分別長啥樣。 


01/ 招商銀行

總體觀感舒適,沒有信息密度過高導致的視覺焦躁感。用色非??酥?,留白空間較多。段落式結構清晰,文本層級和對比度清晰,便于信息檢索,但分段式布局有點old fashion。 
undefined
基金概況:在日內漲跌幅和最新凈值基礎上,補充了近1年收益率,可能是考慮到進入該詳情頁以后,行情模塊會默認定位到“成立以來收益率”(其他會普遍定位到近1年收益率),可能是給投資者建立“基金需要長線投資”的心理預期。 
信任力背書:白底通欄形式與整體UI規范相融,完全被淹沒在頁面里,不易被識別。應當在視覺表現層有所凸顯。 
數據看板:這是基金詳情里最重要的模塊之一,值得注意的是,業績走勢&凈值估算、業績排名&歷史回測這在別家往往會分成兩個模塊。 
這兩個模塊里有信息重疊交叉,比如近1月~近1年的收益情況在折線圖和列表里都能看到,與同類基金的相對位置關系也能可視化,但列表更具有量化結果的優勢,因而更受到專業投資者的青睞。 
而招行根據歷史收益、凈值、盤中估算3個維度整合成了一個模塊。一個模塊的優勢是折線圖和列表數據可以聯動觀察。只不過默認配置的三行數據有點少,查看更多就得跳轉。 
招行這個模塊令人詬病的點在于,一是收益走勢里缺了近6個月的維度,二是折線圖采用了曲線,且線寬過粗,導致不能像折現那樣直觀地反映出時間顆粒度,得手動長按觸發對應交易日的明細。 

undefined

基金診斷:招行自有的一套評估體系,內置有業績回測、夏普比率、最大回撤、基金經理任期評估等信息,相對更專業。而詳情頁一級模塊里展示的這個4個定性維度,怎么看都有點偏小白。 
基金持倉:這是最重要的模塊之二,如果把基金比作一道菜,這就是菜譜。跟做菜一樣,對每一道食材的烹調和火候把控決定了最終呈現出的風味。 
基金重倉股的盤中行情對于基金經理而言,就是每一道食材在制作中的狀態,可以幫助經驗投資者了解基金的布局在當下的市場狀況,以便做出決策。 
而限于銀行體系內無法接入證券交易所數據,招行在基金持倉這塊的盤中行情是空缺的,只能顯示持倉占比和市值估算。對于老手來說,難免是個缺憾。 

undefined

基金經理介紹:這一塊在布局結構上有點bug,按常理“現任經理”和“劉某某”屬于從屬關系,所以標題欄右側放置“歷任經理”并且用兩端封閉式分割線就不太合理。 

招行估計是考慮到沒有配置現任經理的詳情,又不想浪費標題右側的空間,才作此設計。

其他相關:這部分包含的基金公司、基金檔案、交易規則屬于并列關系,理應出現的分割線卻沒有體現,雖不影響投資者使用但反映出UI組件規范缺乏一定邏輯性。

交易規則:在購買時間點缺少了T日(交易日)收盤時間(15:00前)提示和周歷提示。頁面空間是富余的,完全可以將信息曝光提高投資者的時間感知度,而不是跳轉二級頁面才能了解詳情。



02/ 天天基金

功能模塊十分豐富,cover了關于一只基金的所有直接和間接描述。直接的包含了概況、行情、歷史回測、持倉、經理介紹等內容,間接的包含了問答、討論、資訊、公告等內容。

在產品的廣度與深度方面,天天基金選擇了把廣度拉寬,將很多二級內容拍平,嵌入到一級頁面中,可以說非常適合經驗型投資者,但隨之而來的劣勢也十分明顯 - 頁面過長。

undefined

非常直觀,天天的基金頁面長度是招行(或螞蟻)的兩倍不止。

有了上面招行基金詳情頁的大致結構做支撐,這里就不把天天基金的頁面逐個模塊拆解分析了,我們挑一些有意思的來說。

基金概況:跟隨漲跌變化的紅/綠頁頭,這是天天最具標志性的設計之一,個人對此保留意見,這么大面積綠色在過去的一周,實在是令人焦慮。

凈值行情/歷史數據:天天基金在凈值模塊單列出了“單位凈值”和“累計凈值”的走勢圖,還直接標明了不同時段區間內的最高最低值。(“累計凈值”是基金自成立之日起至今的凈值表現,“單位凈值”是基金運作期間扣除分紅和份額拆分影響之后的凈值表現。)

undefined

聽說這是區分老基民和新人小白最直接的一道坎,當然作為一個UX設計師,我也就摻這一句,畢竟資格還遠遠夠不上老基民。

非常貼心的一點是,天天在這添加了定投該產品的收益可視化。根據歷史收益率回測和不同定投算法,進行一段時間內的收益率估算。與此類似設計的產品還有漲樂財富通。

undefined

特色數據:這也是經驗投資者非常重視的三個指標。波動率反映收益率波動的程度,越小越好;夏普比率指基金每承受一點風險能夠獲得多少超額收益,越高越好;最大回撤指基金凈值從最高到最低的降幅,越小越好。

基金持倉:這又是一個老基民的福利專區。上面分析過招行基金持倉tab的優勢,而天天直接把帶有重倉股盤中行情的持倉列表、資產/行業分布餅圖直接嵌入到一級頁面里,雖然默認只顯示前五只重倉股,但對于了解相關板塊行情也很有幫助。

undefined

這一模塊的二級頁面也支持投資者切換時間去觀察基金經理每一季度的調倉風格。其實我個人更傾向于直接把十大重倉股行情全都放進來,默認折疊需要時展開。畢竟調倉不是個高頻動作,我不會需要頻繁地跳進二級頁面去觀察調倉。

基金經理:作為后臺烹飪的cook,這塊的簡介過于“簡潔”了。其實次一級的經理詳情頁里有非常詳實的背景概述和任期間業績回報評估,完全可以精選一些標簽化的內容在一級模塊里完善包裝。

社交化:然后比較有意思的就是“社區”概念。天天基金上每只基金都分別有兩個“bar”,一個問答吧一個貼吧,貼吧包含了問答吧。

這里能體現出天天對于細分場景的重視。貼吧里的話題天南海北,吐槽的、圍觀的、提問的、表態的、發小作文的、曬收益/虧損的,啥都有。

天天的產品經理還是為提問用戶單獨開辟了一片凈土,讓內容的傳播與觸達更加高效。

回到UI層面,天天基金頁面的文本內容在邏輯結構上比較復雜,但視覺上沒有將不同層級的對比度拉開,導致文本信息過于平均,不利于重點信息的快速檢索。



03/ 螞蟻財富

螞蟻的基金詳情頁遵循整體UI風格采用了卡片式布局,信息架構更清楚。與前兩個案例中的文本信息相比,設計質感好了不少。 
頁頭的藍色背景標志著螞蟻集團的品牌基因,強化投資者對品牌的感知力度。且開辟了一個入口支持基金公司財富號里關于產品的宣導視頻。 

undefined

財富號視頻:視頻可以展開和收起。產品還給它配置了觀看人次,側面為該基金公司和旗下基金產品做熱度營銷。

基金概況:除了基金相關的基本信息以外,模塊內展示了晨星評級和關注人氣。既有客觀權威評估體系,也有用戶層的氛圍烘托,通過兩層信任力建設占領用戶心智。

信任力背書:“支付寶金選”是由支付寶理財智庫、中國證券報聯合推出的一套理財產品評估體系,背后有一些專家KOL背書。能夠篩選出部分歷史業績表現優異、基金經理業績突出的產品。

相比于前幾個信任力的營造,這一點的重要性和優先級遠遠勝出。因此在視覺層面也用黑金配色體現出權威性和尊享感。

能夠很明顯地察覺到互金平臺和金融機構在產品包裝上的玩法不同:互金平臺傾向于權威背書和人氣營銷,金融機構傾向于指標構建和數據展示。

行情/數據:這一模塊增加了一個可以手動關閉的tag,是關于“風險回報比率”的描述,一個聽上去類似“夏普比率”的指標。優勢在于螞蟻直接量化轉譯了指標的結果——“好于同類98%基金”,省去了投資者分析指標的過程。

基金經理介紹:關于這部分,雖然在基金經理介紹的二級詳情頁里,天天基金比螞蟻財富要詳實得多,但一級模塊里螞蟻的人物包裝還是更到位?!敖鹋*劦弥鳌焙蛯W歷/從業背景簡述能直觀地提高產品在用戶側的信任力。

持倉行情:這可以說是該頁面視覺創新的重頭戲。螞蟻財富由于相關個股數據缺失,并不能像招行和天天基金那樣橫向比對每個季度基金經理的調倉動作,對于經驗投資者研判這只基金來說,少了一個觀察維度。

undefined

而視覺層面的創新則顯得十分取巧,原本枯燥的個股行情列表被轉譯為可視化的矩陣,矩形的大小和底色能直接映射該股票的持倉占比和實時行情。并且橫向滑動的組件也支持在不跳轉的情況下完整顯示10只重倉股。

對于持有或長期關注這只基金的用戶而言,除非你要分析調倉,否則是不需要頻繁進入二級頁面查看持倉明細的。

以及細致到小數點后兩位的持倉占比,意義也不大,了解大致的配比關系即可。螞蟻這個可視化組件在帶來新穎視覺觀感的同時,也解決了這一問題。



結語

對于產品而言,信息架構往往是最容易有爭議的部分。而金融產品的信息深度和業務復雜度尤為明顯,與之俱來的必然是各平臺在架構策略上百花齊放。

文章來源:站酷    作者:loven

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
黄色亚洲精品| 91精品久久久久久久久久不卡| 欧美精品一区二区三区四区| 亚洲石原莉奈一区二区在线观看| 久久se精品一区精品二区| 视频在线这里都是精品| 久久视频中文字幕| 日韩免费在线电影| 自拍视频在线播放| 欧美乱妇一区二区三区不卡视频| 亚洲一区在线观看免费| 综合综合综合综合综合网| 亚洲japanese制服美女| 日韩欧美一区二区三区在线视频| 日韩欧美一区在线| 日韩视频精品在线观看| 综合天堂久久久久久久| 欧美老少做受xxxx高潮| 99精品国产高清一区二区麻豆| 成人在线视频网| 在线观看黄色av| 麻豆精品少妇| 久久中文在线| 午夜精品免费| 久久久精品久久| 亚洲电影免费观看高清完整版在线观看| gogo人体一区| 国产日韩综合一区二区性色av| 好吊一区二区三区| 色av中文字幕一区| 制服丝袜亚洲网站| 久久国产精品久久久| 激情不卡一区二区三区视频在线| 亚洲一区二区日本| 欧美xxxx做受欧美护士| av一区二区高清| 久久久久久久久一区| 成人精品gif动图一区| 色综合天天综合网天天看片| 亚洲女人天堂视频| 日日夜夜亚洲精品| 欧美体内谢she精2性欧美| 欧美黄色录像片| 成人a免费在线看| 国产狼人综合免费视频| 亚洲区第一页| 一区二区三区四区不卡视频| 99热这里只有成人精品国产| 亚洲欧美日韩在线| 四虎8848精品成人免费网站| 黄色网一区二区| 日韩欧美一区二区在线视频| 极品少妇xxxx偷拍精品少妇| 欧美最猛性xxxxx免费| 成人免费视屏| 欧美亚洲在线日韩| 欧美成人小视频| 涩涩涩999| 日韩精品视频中文字幕| 国产精品99久久久久久宅男| 青青草原一区二区| 欧美日韩天堂| 亚洲靠逼com| 欧美视频久久| 午夜精品国产| 久久在线视频| 久久中文字幕在线| 中文字幕精品综合| 26uuu精品一区二区在线观看| 亚洲伊人影院| 成人在线小视频| 欧美在线观看一二区| 最新日韩欧美| 日韩一区在线免费观看| 电影亚洲精品噜噜在线观看| 日本免费新一区视频| 24小时免费看片在线观看| 国产精品99久久久久久久久| 97国产真实伦对白精彩视频8| 蜜臀精品久久久久久蜜臀| 久久久精彩视频| 九9re精品视频在线观看re6| 国产91亚洲精品久久久| 91黄视频在线观看| 西西裸体人体做爰大胆久久久| hd国产人妖ts另类视频| 97视频在线观看免费高清完整版在线观看| 青青草91久久久久久久久| 久久黄色av网站| 成人国产精品一级毛片视频| 97精品国产99久久久久久免费| 亚洲bt天天射| 成人午夜sm精品久久久久久久| 久久中文欧美| 国产精品网红福利| 国产精品一区二区不卡视频| 在线视频综合导航| 国产在线观看一区二区三区| 日韩三级视频| 日本精品一区二区三区在线播放| 欧美一二三在线| 老司机精品视频在线观看6| 最近2019中文字幕第三页视频| 成人h精品动漫一区二区三区| 中文字幕成人av| 成人自拍网站| eeuss国产一区二区三区四区| 国产精品推荐精品| 亚洲情趣在线观看| 亚洲综合成人网| 91麻豆国产语对白在线观看| 99精品热6080yy久久| 久久er99热精品一区二区| 亚洲天堂一区二区三区四区| 性欧美18xxxhd| 日韩精品一区二区三区四区| 亚洲第一精品福利| 亚洲成人黄色网| 亚洲美女av在线播放| 污污的网站在线免费观看| 免费看的黄色欧美网站| 亚洲欧洲精品天堂一级| 中文在线资源观看视频网站免费不卡| 有码一区二区三区| 欧美一区第一页| 天天综合一区| 亚洲猫色日本管| 日韩av成人在线| eeuss影院www在线播放| 麻豆久久久9性大片| 国产成人a亚洲精品| 国产精品久久久久久久app| 婷婷激情图片久久| 久久久久久久久久久黄色| 91精品91久久久中77777| 国产中文字幕日韩| 日韩亚洲欧美综合| 亚洲欧美日本在线| 亚洲欧美偷拍卡通变态| 蜜桃av在线播放| 亚洲美女在线视频| 日本在线免费播放| 日本一区视频在线播放| 伊人久久久久久久久久| 国产成人精品久久二区二区| 日韩美女视频在线观看| 欧美在线视频观看免费网站| 日韩毛片中文字幕| av资源网站在线观看| 日韩视频免费在线| 黄页网站大全一区二区| 国产精品热久久久久夜色精品三区| 精品视频色一区| 欧美熟乱第一页| 韩国理伦片一区二区三区在线播放| 超碰日本道色综合久久综合| 欧美图区在线视频| 色狠狠久久av五月综合|| 国产精品1区2区3区| 另类小说综合网| 久久久999成人| 欧美精品日韩三级| 亚洲欧洲午夜一线一品| 91麻豆蜜桃一区二区三区|