本文深入分析了中歐財富APP開戶前后的首頁設計策略，從用戶需求到設計亮點，探討了如何通過高效的導航、情感化的內(nèi)容設計以及創(chuàng)新的交互體驗，提升用戶激活開戶的意愿和操作便捷性。

1. 功能價值

首頁是一個基金APP權重最高的頁面，它是用戶對APP的第一印象，決定了用戶對產(chǎn)品的初步感知。其次首頁也是典型的內(nèi)容聚合頁和流量分發(fā)頁，不僅要為用戶展示產(chǎn)品的內(nèi)容權重，還要為各子版塊進行有效的引流。

2. 設計拆解

基金產(chǎn)品由于涉及到金融投資，需要用戶進行開戶以后才能享受完整的服務，所以我們把首頁的拆解分為開戶前和開戶后。

關于「開戶」的拆解，有興趣的朋友可以去訪問我之前的文章，我們就不再贅述。

2.1. 開戶前

2.1.1. 用戶需求分析

• 基本型需求：通過首頁快速查找想要獲取的內(nèi)容，比如開戶入口、熱門基金等信息。
• 期望性需求：視覺體驗好，閱讀成本低，可簡單快速上手。
• 興奮型需求：有超出其他APP使用的體驗，比如發(fā)現(xiàn)一些有趣的內(nèi)容和福利，以及視覺風格沖擊力強，有差異化，能給人留下深刻的印象。

2.1.2. 設計策略分析

首頁是用戶對APP的第一印象，視覺設計權重理應最高，視覺感知往往決定了用戶對這個品牌的初步判斷，是否正規(guī)、是否專業(yè)以及是否值得信任。

用戶從注冊進入到首頁以后，毫無疑問，首頁承擔著激活用戶開戶的重任，如何通過高質量的內(nèi)容來吸引用戶快速開戶是首頁設計的一個挑戰(zhàn)。

2.1.3. 內(nèi)容拆解

• 導航欄：從左至右設計了四個功能，智能助手、搜索、在線客服和消息通知。

設計亮點：

智能助手和搜索框加入了動態(tài)的設計元素，豐富了畫面的呈現(xiàn)方式，也利于引導用戶關注平臺的熱門基金。

• 快速開戶：投資開戶的入口，包含綁卡、完善資料、風險測評和去投資四個步驟。
• 綁卡/完善資料：引導用戶開戶的入口，跳轉至開戶頁面。
• 風險測評：跳轉至風險測評頁面，根據(jù)用戶的投資偏好和可承擔風險接受范圍快速給用戶進行分類。
• 去投資：新用戶最喜歡基金列表，包含穩(wěn)健優(yōu)選、海外機會、嚴選長投等類型，用戶還可以領取福利金和0折卡。

設計亮點：

開戶入口非常醒目，并通過拆分成子任務形式降低用戶的認知負荷，有效吸引新用戶快速開戶。

• 關于中歐：關于品牌的投資優(yōu)勢介紹，點擊后可進入品牌介紹頁面，包含中歐財富和母公司中歐基金的產(chǎn)品介紹、選基策略、特色服務等內(nèi)容。

設計亮點：

內(nèi)容豐富、策劃出色，有效提升新用戶對品牌的信任度。

• 新手福利地圖：為新手量身定制的投資福利地圖，包含了新人優(yōu)惠、公眾號綁定、新手基金推薦和新手專區(qū)等內(nèi)容。

設計優(yōu)點：

頁面內(nèi)容策劃豐富，不僅有優(yōu)惠券等互惠互利，還有新手專區(qū)、熱門基金等內(nèi)容，有效吸引用戶開戶激活。

設計缺陷：

沒有固定的入口，設計不合理，需要用戶刷新頁面才能和「關于中歐」內(nèi)容切換。

• 金剛區(qū)：平臺熱門應用的入口，一共兩排，每排5個，支持用戶進入應用中心增刪功能，個性化設置。

設計亮點：

充分給與用戶自主權，可以靈活配置金剛區(qū)的應用，防止因功能過多造成的認知負荷，提升用戶操作便捷度。

• 小輪播：包含領福利金、100%有獎、穩(wěn)健短債和新基首發(fā)四個內(nèi)容，左右滑動可切換。

設計亮點：

通過贈禮以及抽獎等趣味性形式引導新用戶激活開戶。

• 瓷片區(qū)：包含市場溫度、每日熱點、基金自選和指數(shù)選基等內(nèi)容，點擊可進入相應版塊或基金詳情頁。

• 穩(wěn)健理財：穩(wěn)健性基金產(chǎn)品推薦，分為精選理財、活錢管理、安穩(wěn)理財和穩(wěn)重求進四個分類，點擊「更多」進入一級欄目「基金」。

• 追求收益：分為看海外、看指數(shù)、看賽道和看經(jīng)理四個分類，可切換對應熱門基金，點擊「更多」進入一級欄目「基金」。

設計思考：

對于新用戶來說，穩(wěn)健理財和追求收益其實還難以理解，在「開戶前」這個場景中，是不是把這兩塊內(nèi)容先隱藏更好，把「引導開戶」作為整個頁面設計的目標。

• 人生四筆錢：包含主理人筆記（跳轉公眾號）、活錢管理（跳轉滾錢寶）、財富成長（跳轉超級股票全明星）、穩(wěn)健理財（中歐固收佳）和人生規(guī)劃（跳轉水滴養(yǎng)老和水滴英才計劃）五個內(nèi)容，點擊「更多」進入一級欄目「投顧」。

設計亮點：

情感化設計，通過拆分四大高頻理財場景，有效吸引用戶激活轉化。

• 投資有料：資訊欄目，主要采集微信公眾號及第三方文章，為用戶提供行業(yè)資訊。

設計缺陷：

資訊欄目的文章更新頻率過低，出現(xiàn)了很多2023年的文章，其次直接采集第三方文章的內(nèi)容也導致了排版風格不統(tǒng)一，容易造成用戶的視覺感知混亂。

• 版權信息：平臺的版權信息，包括品牌介紹、聯(lián)系方式、聯(lián)系郵箱等信息。

設計缺陷：

熱線電話不能直接撥打，沒有預判用戶可能產(chǎn)生的行為。

• 菜單欄：底部菜單欄，包含首頁、自選、投顧、基金和我的五個一級欄目。

設計優(yōu)點：

「首頁」Icon按鈕交互形式有創(chuàng)意，當用戶開始瀏覽頁面之后，圖標會更換為箭頭，用戶點擊箭頭可快速返回頁面頂部，體驗友好，節(jié)省用戶操作時間。

2.1.4. 小結

中歐財富的首頁設計相對中規(guī)中矩，沒有過于出彩的設計，但也沒有明顯的缺陷。

• 內(nèi)容層：內(nèi)容相對豐滿，長達5屏的首頁幾乎塞滿了平臺的各種熱門應用，也給用戶做了相對清晰的導航提示，比如開戶注冊的引導，相對來說設計形式還算不錯，能有效吸引用戶激活開戶。
• 視覺層：頁面設計普通，不夠精致，特別是頭部，缺乏視覺沖擊力，過于平淡，沒有加入品牌基因也沒有形成任何視覺差異化。
• 交互層：整體的交互操作還算流暢，各子版塊的入口也相對清晰，整體的交互操作體驗一般。

2.2. 開戶后

2.2.1. 用戶需求分析

• 基本型需求：了解平臺最新推薦的基金產(chǎn)品以及內(nèi)容，快速入手。
• 期望性需求：進入APP就能了解到每天準確的收益和資產(chǎn)數(shù)據(jù)。
• 興奮型需求：有超出其他APP使用的體驗，比如首頁內(nèi)容更新的頻率，推薦的基金產(chǎn)品組合等。

2.2.2. 設計策略分析

• 在用戶開戶以后，首頁最大的任務就是為用戶推薦高品質的基金產(chǎn)品，吸引用戶購買。
• 首頁作為用戶進入的第一個界面以及使用頻率相對最高的界面之一，要為用戶提供最及時的信息以及最高頻的使用工具，讓用戶可以快速跳轉至所關注的內(nèi)容欄目。

2.2.3. 內(nèi)容拆解

和「開戶前」內(nèi)容相比，「開戶后」首頁變化的內(nèi)容主要是第一屏，其他重復的內(nèi)容我們就不再贅述。

• 導航欄：和「開戶前」一致。
• 用戶資產(chǎn)及收益：實時更新用戶每日的總資產(chǎn)和收益數(shù)據(jù)，點擊后跳轉至財富管家欄目。

• 金剛區(qū)：和「開戶前」一致。
• 投資好機會：按不同的場景、主題和收益率向用戶推薦平臺熱門基金，比如最新熱賣、高股息等分類。

• 瓷片區(qū)：和「開戶前」一致。
• 穩(wěn)健理財：和「開戶前」一致。
• 追求收益：和「開戶前」一致。
• 人生四筆錢：和「開戶前」一致。
• 投資有料：和「開戶前」一致。

2.2.4. 小結

可以看出，中歐財富「開戶后」和「開戶前」的首頁內(nèi)容沒有太大的變化，只是為用戶在第一屏展示了用戶資產(chǎn)和收益數(shù)據(jù)，以及加入了一些熱門基金產(chǎn)品。這樣的設計，相對平庸，幾乎沒有任何亮點。

2.3. 其他功能

首頁作為用戶使用最高頻的頁面，中歐財富的首頁還設計了智能助手、搜索、在線客服和消息中心。

2.3.1. 智能助手

智能助手主要為用戶提供平臺的快捷功能入口和行情看板。

• 特別關注：為用戶推薦的精選投資內(nèi)容。
• 查看今日行情：點擊可查看當日大盤概覽、近一周熱門主題指數(shù)行情。
• 在線客服：跳轉至在線客服模塊。
• 全部服務：平臺精選的熱門應用，包括看市場、管賬戶的熱門工具，點擊后可直接跳轉。

設計缺陷：

「智能助手」這個欄目所提供的功能和用戶心智不太匹配，只能勉強滿足最基礎的導航功能，而不能實現(xiàn)“智能”。

2.3.2. 搜索

搜索是一個基金APP比較重要的高頻功能，主要為用戶提供基金的檢索，用戶可以輸入關鍵詞、代碼進行檢索。

2.3.2.1. 引導頁

包含搜索歷史、熱門搜索和訪問足跡三塊內(nèi)容。

設計缺陷：

①熱門搜索版塊的字體設計欠缺統(tǒng)一性，它是隨著基金字符數(shù)的長短而變化，字符數(shù)越多，字體就越小。

②引導頁沒有預判客戶的意圖，用戶從首頁的搜索框進入后，指針沒有在輸入框，鍵盤也沒有彈出來，用戶需要再次點擊輸入框才能進入搜索查詢。

其他優(yōu)秀基金產(chǎn)品（匯添富基金-現(xiàn)金寶）搜索效果參考：

2.3.2.2. 結果頁

中歐財富的搜索結果頁內(nèi)容豐富，頭部是相關基金的搜索結果，接下來有大家也關注、投顧、重倉股等內(nèi)容。

設計亮點：

在搜索框開始輸入關鍵詞，系統(tǒng)就開始動態(tài)檢索，不需要用戶點擊鍵盤的「搜索」，結果就已經(jīng)展示出來，體驗比較友好。

2.3.3. 在線客服

在線客服是一個非常重要的功能，主要幫助用戶解決在產(chǎn)品使用過程中的基礎操作問題。

• 常見分類：系統(tǒng)默認近期動態(tài)、投顧服務、活期存取和賬戶管理四個分類，用戶點擊問題即可獲取相應解答；
• 菜單欄：用戶也可在底部菜單欄輸入問題，系統(tǒng)會進行系統(tǒng)解答，同時也支持人工客服。

設計缺陷：

①底部的輸入框沒有做響應式處理，在蘋果全屏手機端底部發(fā)生了重疊，難以操作。

②界面設計字體過小，不易閱讀，特別是底部菜單欄的按鈕，樣式粗糙，容易出現(xiàn)誤操作。

2.3.4. 消息中心

用戶在平臺操作的消息通知，包含公告新聞、賬戶會員和資產(chǎn)動態(tài)消息提醒。

設計缺陷：

界面設計粗糙，圖標不精致，體驗欠佳。

2.3.5. 小結

首頁的四個功能和首頁整體的設計一樣，相對中規(guī)中矩，可以滿足用戶的需求，但幾乎沒有亮點。

3. 體驗小結

首頁作為一個APP權重最高的頁面，從中歐財富的設計拆解中發(fā)現(xiàn)它的設計相對平庸，沒有清晰的設計策略，也沒有考慮開戶前和開戶后這兩個場景切換之后用戶需求的變化，只能滿足用戶的基本型需求。

3.1. 設計亮點

• 導航欄：智能助手和搜索框加入了動態(tài)的設計元素，豐富了畫面的呈現(xiàn)方式，也利于引導用戶關注平臺的熱門基金。
• 快速開戶：開戶入口非常醒目，并通過拆分成子任務形式降低用戶的認知負荷，有效吸引新用戶快速開戶。
• 關于中歐：內(nèi)容豐富、策劃出色，有效提升新用戶對品牌的信任度。
• 新手福利地圖：頁面內(nèi)容策劃豐富，不僅有優(yōu)惠券等互惠互利，還有新手專區(qū)、熱門基金等內(nèi)容，有效吸引用戶開戶激活。
• 金剛區(qū)：充分給與用戶自主權，可以靈活配置金剛區(qū)的應用，防止因功能過多造成的認知負荷，提升用戶操作便捷度。
• 「開戶前」小輪播：通過贈禮以及抽獎等趣味性形式引導新用戶激活開戶。
• 人生四筆錢：情感化設計，通過拆分四大高頻理財場景，有效吸引用戶激活轉化。
• 菜單欄：「首頁」Icon按鈕交互形式有創(chuàng)意，當用戶開始瀏覽頁面之后，圖標會更換為箭頭，用戶點擊箭頭可快速返回頁面頂部，體驗友好，節(jié)省用戶操作時間。
• 搜索：在搜索框開始輸入關鍵詞，系統(tǒng)就開始動態(tài)檢索，不需要用戶點擊鍵盤的「搜索」，結果就已經(jīng)展示出來，體驗比較友好。

3.2. 設計缺陷

• 新手福利地圖：沒有固定的入口，設計不合理，需要用戶刷新頁面才能和「關于中歐」內(nèi)容切換。
• 投資有料：資訊欄目的文章更新頻率過低，出現(xiàn)了很多2023年的文章，其次直接采集第三方文章的內(nèi)容也導致了排版風格不統(tǒng)一，容易造成用戶的視覺感知混亂。
• 版權信息：熱線電話不能直接撥打，沒有預判用戶可能產(chǎn)生的行為。
• 智能助手：這個欄目所提供的功能和用戶心智不太匹配，只能勉強滿足最基礎的導航功能，而不能實現(xiàn)“智能”。
• 搜索：①熱門搜索版塊的字體設計欠缺統(tǒng)一性，它是隨著基金字符數(shù)的長短而變化，字符數(shù)越多，字體就越小。②引導頁沒有預判客戶的意圖，用戶從首頁的搜索框進入后，指針沒有在輸入框，鍵盤也沒有彈出來，用戶需要再次點擊輸入框才能進入搜索查詢。
• 在線客服：①底部的輸入框沒有做響應式處理，在蘋果全屏手機端底部發(fā)生了重疊，難以操作。②界面設計字體過小，不易閱讀，特別是底部菜單欄的按鈕，樣式粗糙，容易出現(xiàn)誤操作。
• 消息中心：界面設計粗糙，圖標不精致，體驗欠佳。