金融產品體驗日記(三)丨中歐財富基金詳情頁設計拆解

0 評論 1518 瀏覽 15 收藏 25 分鐘

詳細拆解了中歐財富APP的基金詳情頁設計,從需求分析、設計策略到具體的設計亮點和缺陷,全面深入地分析了該頁面的功能價值、用戶需求滿足度以及用戶體驗。文章不僅為金融產品設計者提供了寶貴的參考,也為廣大投資者提供了選擇和使用基金APP的視角。

哈羅,大家好,我是廖爾摩斯!今天繼續向大家分享我的金融產品體驗日記,這次分享的是中歐財富的APP基金詳情頁設計拆解!

01 需求分析

1. 功能價值分析

基金詳情頁是一個基金APP產品權重最高的頁面之一,它不僅是用戶購買基金的落地頁,還是一支基金相關數據和信息的聚合頁。

它承擔著一個基金產品變現的最重要任務,吸引用戶購買。

2. 用戶需求分析

  • 基本型需求:了解一支基金詳細完整的信息,比如歷史業績走勢、凈值走勢、歷史業績等。
  • 期望性需求:詳情頁可以提供多維度的數據分析,比如基金比較、獨家觀點等,利于更好支撐投資決策。
  • 興奮型需求:有超出其他APP使用的體驗,比如新穎的交互體驗、頁面設計,還有獨家、稀缺的基金產品投資分析等。

3. 設計策略分析

基金詳情頁作為用戶購買基金的落地頁,整個頁面的設計策略應該循序漸進滿足用戶的需求,最后觸發購買,交互操作理應簡單、流暢、高效。

02 設計拆解

由于涉及到基金的購買,我把基金詳情頁拆分為三塊內容:

  • 基礎內容:提供什么基礎信息,能否幫助用戶快速了解基金。
  • 基金工具:提供什么基金工具,能否輔助用戶進行多維度的分析,為投資決策提供有效的支撐。
  • 申購流程:如何購買,流程是否順暢,體驗是否友好。

1. 基礎內容

  • 導航欄:基金標題和基金代碼,右邊是在線客服和分享。

設計亮點:

導航頭部的基金標題設置了左右滾動,不僅解決了標題字符數過長的問題,而且增加了頁面的動感,一舉兩得。

  • 基礎信息:包含基金名稱、基金代碼、最新凈值、日漲幅和基金經理等信息,右上角可進入基金診斷。

設計亮點:

右側加入了基金診斷功能,通過診斷的形式為用戶的投資決策提供了強有力的支撐。

  • 當前走勢圖:包含近三年的業績走勢和凈值走勢圖。

設計思考:

如果沒有一定的金融理財經驗,對于初步接觸基金產品的用戶來說,幾乎難以看懂。如果能針對新手加入一些基礎常識的普及或者視頻指導,用戶閱讀起來將會更容易。

  • 歷史數據:包含歷史業績和歷史凈值,可查看基金的歷史漲跌幅、累計凈值等數據。

  • 基金分析指標:包含收益能力、抗風險能力和投資性價比三個維度的數據,點擊更多可進入基金分析指標詳情頁。

  • 產品檔案:產品的詳細信息,包含產品概況、規模、分紅和基金經理等信息。

  • 費率結構:基金的認購費率、申購費率、贖回費率和基本運作費。

  • 交易確認日:包含產品的申購確認和贖回確認流程等信息。

  • 底部菜單欄:自選、基金對比、基金工具箱、定投和購買。

設計亮點:

為用戶提供了多種投資分析的基金工具,比如基金對比、基金提醒等。

2. 基金工具

2.1. 加自選

在基金APP中,「自選」是指用戶可以將自己關注或感興趣的基金產品添加到一個單獨的頁面中,以便于集中查看和管理,我們可以簡單理解為「收藏」。關于「自選」,我們后續會進行深度的拆解,本文不做詳細分析。

2.2. 基金對比

「基金對比」是一個常見的基金分析工具,主要幫助用戶加入其他基金進行綜合比較(最多5個),從而獲取投資分析決策。如果你看過鏈接的房源詳情頁拆解,這兩個功能可以說基本相似。

2.2.1. 欄目頁

  • 頭部:可自行添加對比基金,點擊后可輸入關鍵詞進行搜索。
  • TAB切換欄:提供熱門、自選、最近瀏覽和同賽道產品四個分類。

設計亮點:

這里的TAB分類設計得非常人性化,從四個維度向用戶提供可能會加入對比的基金,預判了客戶的操作。

設計缺陷:

頁面吸頂的空間比例過大,差不多占據了屏幕的一半,操作體驗不佳。

2.2.2. 詳情頁

包含基金信息、業績表現、盈利體驗、風險指標、資產配置、持有人結構、基金經理和交易規則8個維度的綜合比較。

設計亮點:

詳情頁的內容策劃出色,共計8個維度的內容對比,為用戶的投資決策提供了強有力的保障。

2.3. 基金診斷

「基金診斷」也是一個常見的基金分析工具,主要為用戶提供多維度的綜合診斷幫助用戶解決買基前的困擾,其次也可以定期查看基金的表現管控投資風險。

  • 頭部:基金基礎信息,包括基金類型、風險類型等,右邊可以直接跳轉到基金詳情頁。
  • 綜合診斷:五個維度,分別是投資性價比、收益能力、超額勝率、抗跌能力和穩定性,通過雷達圖的形式給出評估成果。

設計亮點:

雷達圖的設計加入了動態的元素,模擬了診斷的加載流程畫面,提升了視覺沖擊力,有效吸引用戶注意力。

  • 收益能力:結合近三年業績走勢、年度表現等內容生成的投資建議。
  • 抗風險性:結合近三年最大回撤、夏普比率等內容生成的投資建議。
  • 基金經理:基金經理的詳細資料,還有最新的季度觀點。

  • 持倉分析:根據定期報告生成的多維度數據分析,包括持股集中度、行業偏好、重倉股風格等。
  • 市場機會:中歐財富投顧團隊的投研觀點。
  • 特別關注:近一年基金規模的變動數據。
  • 底部菜單欄:包含基金PK、加自選、定投和購買四個功能。

設計亮點:

底部菜單欄提供基金定投和申購的入口,無需再次跳轉,直接發起購買,降低用戶操作成本。

2.4. 看經理

基金經理決定了一支基金的投資目標、策略和方向,可以說,基金經理決定了用戶的投資是否會實現盈利還是虧損。

  • 基礎信息:包含基金經理的姓名、簡介、管理規模、基金管理年限和從業年化回報等信息。
  • 基金經理觀點:基金經理對于投資市場的個人觀點。
  • 在管基金:基金經理正在管理的基金,包括任期回報率等信息。
  • 歷任基金:基金經理過去管理的歷任基金。

設計缺陷:

頁面設計粗糙,不精致,特別是頭部的基金經理頭像等信息的設計形式,過于平庸,無法吸引用戶注意力。

2.5. 基金提醒

基金產品的凈值增迭每天都在變動,所以「基金提醒」就是向用戶提供一個提醒工具,用戶可以設置一個目標凈值提醒,包括漲幅、跌幅等比例,系統就會第一時間向用戶發送消息提醒。

設計亮點:

設計體貼,支持用戶手動輸入數據,也設計了常用的數據標簽,方便用戶操作。

2.6. 定投計算器

「定投」是一種常見的基金購買方式,就像去銀行定期存款一樣,后面我們會單獨拆解定投專區,本文也不做詳細分析。進入定投計算器后,用戶可以設置定投的時間周期、分紅方式以及定投金額,系統就會為用戶計算真實的投資回報率。

設計缺陷:

定投計算結果展示形式不佳,彈窗高度太低,導致內容展示空間過小,閱讀體驗欠佳。

2.7. 持倉回顧

基金的歷史持倉數據展示,這里其實是跳轉至「產品檔案-持倉」頁面。

2.8.看報告

關于基金最新的相關分析報告,幫助用戶提供全面的分析決策。

設計缺陷:

頁面設計形式不佳,理應加入一個列表頁展示歷史報告,方便用戶更好的檢索閱讀。

2.9.相關產品

向用戶推薦同賽道或同類型的相關產品。

3. 申購流程

所謂「申購」就是購買,這個詞語屬于基金行業的一個專業名詞。接下來我們看看中歐財富的兩種申購方式和流程。

3.1. 定投

在上文的「定投計算器」我簡單介紹過「定投」的概念,它屬于基金投資中的一種穩健投資方式,就像在銀行存定期一樣,支持用戶按固定的周期、金額購買基金,降低投資的風險。中歐財富的定投方式又分為兩種,一種是按固定金額購買的經典定投,另一種是根據市場行情調整的智慧定投。

3.1.1. 經典定投

經典定投就是每期按固定的金額購買,屬于最傳統也是最常規的定投方式。

3.1.1.1. 操作頁

  • 每期定投金額:用戶每期定投的金額,這個金額是固定的,用戶后期也可以自己修改。
  • 支付方式:包含超級滾錢寶(中歐財富APP的錢包)和銀行卡支付.
  • 扣款周期:支持每周、每雙周和每月定期買入。
  • 開啟目標止盈:用戶可手動設置目標止盈數據,系統就會暫停購買(我們可以把它理解為投資有風險,見好就收)。

3.1.1.2. 風險提醒

在用戶提供基金購買申請以后,系統會根據用戶的風險承受能力類型和基金收益風險類型進行判斷,如果兩者不匹配,系統會主動提醒用戶需要謹慎投資購買。

設計亮點:

系統彈窗提供了風險測評重新評估的入口,遵循了費茨定律設計原則,提升了用戶的操作效率,避免用戶還需要返回用戶中心查找風險測評重新評估。

拓展閱讀:

關于風險提醒,我在「中歐財富-開戶」一文中提到過,金融投資是一個非常敏感的行業,所以基金產品在用戶申購基金前都會設計「風險測評」這個環節,主要是根據用戶的年收入、投資承受能力、偏好和目標快速把用戶分類,從而避免因盲目投資造成的經濟損失。

3.1.1.3. 交易頁

購買成功,基金也會自動加入自選,方便用戶隨時可以查詢數據。

3.1.2. 智慧定投

智慧定投和經典定投的區別是智慧定投每期定投的金額其實是不固定的,它的原理是由中歐財富滾滾財富研究院編制的數量算法來進行投資,目標是實現“市場越跌、買入越多”,力求幫助投資人提升收益。

我們可以簡單理解為智慧定投相當于劃定了一個投資區間,每期投資的金額不固定,最終根據市場數據而定。在功能內容設計上,智慧定投和經典定投的購買流程幾乎沒有任何區別,我們就不再贅述。

設計亮點:

智慧定投滿足了用戶的興奮型需求,不僅可以降低投資風險,還可以根據市場行情及時調整,提升投資回報。

3.2. 購買

和定投不同,購買就是一次性的購入。在購入流程上,兩者是一致的,系統會根據用戶的風險承受能力類型和基金收益風險類型進行判斷,如果兩者不匹配,系統會主動提醒用戶需要謹慎投資購買。

  • 購買金額:用戶購買的金額,可直接輸入。
  • 分紅方式:包含現金分紅和紅利再投(把賺來的錢繼續購買投資)兩種形式。
  • 支付方式:包含超級滾錢寶(中歐財富APP的錢包)和銀行卡支付.

03 體驗小結

通過以上內容的拆解,我們對中歐財富的基金詳情頁設計進行一個全面的總結。

  • 內容層:頁面整體的內容策劃出色,不管是基金的業績走勢、基金分析指標這些基礎內容,還是基金診斷、基金對比這些工具,中歐財富都為用戶提供了足夠豐富的信息和功能,幫助用戶做好投資決策。
  • 視覺層:視覺設計尚可,雖然不亮眼,但也中規中矩。其中最大的問題主要是整個詳情頁的字體大小、各元素之間的間距排版不夠和諧和統一,所以整體呈現給用戶的視覺體驗就非常一般。
  • 體驗層:在交互操作體驗這塊,中歐財富的基金詳情頁還算不錯,整個功能的操作都非常流暢,不管是基礎信息的預覽,基金工具的操作,還是兩種方式的基金購買,操作起來都沒有任何的BUG。

總之,中歐財富的基金詳情頁設計可以稱得上行業一個基準,滿足了用戶的期望型需求,沒有給用戶留下深刻的印象,但也沒有糟糕的體驗陷阱。

1. 設計亮點

  • 基金詳情頁-導航欄:導航頭部的基金標題設置了左右滾動,不僅解決了標題字符數過長的問題,而且增加了頁面的動感,一舉兩得。
  • 基金詳情頁-基礎信息:右側加入了基金診斷功能,通過診斷的形式為用戶的投資決策提供了強有力的支撐。
  • 基金詳情頁-當前走勢圖:如果沒有一定的金融理財經驗,對于初步接觸基金產品的用戶來說,幾乎難以看懂。如果能針對新手加入一些基礎常識的普及或者視頻指導,用戶閱讀起來將會更容易。
  • 基金詳情頁-底部菜單欄:為用戶提供了多種投資分析的基金工具。
  • 基金對比-欄目頁:這里的TAB分類設計得非常人性化,從四個維度向用戶提供可能會加入對比的基金,預判了客戶的操作。
  • 基金對比-詳情頁:詳情頁的內容策劃出色,共計8個維度的內容對比,為用戶的投資決策提供了強有力的保障。
  • 基金診斷:雷達圖的設計加入了動態的元素,模擬了診斷的加載流程畫面,提升了視覺沖擊力,有效吸引用戶注意力。
  • 基金診斷:底部菜單欄提供基金定投和申購的入口,無需再次跳轉,直接發起購買,降低用戶操作成本。
  • 基金提醒:設計體貼,支持用戶手動輸入數據,也設計了常用的數據標簽,方便用戶操作。
  • 經典定投-風險提醒:系統彈窗提供了風險測評重新評估的入口,遵循了費茨定律設計原則,提升了用戶的操作效率,避免用戶還需要返回用戶中心查找風險測評重新評估。
  • 智慧定投:智慧定投滿足了用戶的興奮型需求,不僅可以降低投資風險,還可以根據市場行情及時調整,提升投資回報。

2. 設計缺陷

  • 基金對比-欄目頁:頁面吸頂的空間比例過大,差不多占據了屏幕的一半,操作體驗不佳。
  • 看經理:頁面設計粗糙,不精致,特別是頭部的基金經理頭像等信息的設計形式,過于平庸,無法吸引用戶注意力。
  • 定投計算器:定投計算結果展示形式不佳,彈窗高度太低,導致內容展示空間過小,閱讀體驗欠佳。
  • 看報告:頁面設計形式不佳,理應加入一個列表頁展示歷史報告,方便用戶更好的檢索閱讀。

專欄作家

廖爾摩斯,微信公眾號:設計大偵探,人人都是產品經理專欄作家。連續創業者,目標是成為全世界拆解產品設計最多的設計師。

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!