金融產(chǎn)品體驗(yàn)日記(二)丨中歐財(cái)富APP首頁(yè)設(shè)計(jì)拆解

0 評(píng)論 2296 瀏覽 16 收藏 23 分鐘

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

1. 功能價(jià)值

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

2. 設(shè)計(jì)拆解

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

關(guān)于「開(kāi)戶」的拆解,有興趣的朋友可以去訪問(wèn)我之前的文章,我們就不再贅述。

2.1. 開(kāi)戶前

2.1.1. 用戶需求分析

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

2.1.2. 設(shè)計(jì)策略分析

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

用戶從注冊(cè)進(jìn)入到首頁(yè)以后,毫無(wú)疑問(wèn),首頁(yè)承擔(dān)著激活用戶開(kāi)戶的重任,如何通過(guò)高質(zhì)量的內(nèi)容來(lái)吸引用戶快速開(kāi)戶是首頁(yè)設(shè)計(jì)的一個(gè)挑戰(zhàn)。

2.1.3. 內(nèi)容拆解

  • 導(dǎo)航欄:從左至右設(shè)計(jì)了四個(gè)功能,智能助手、搜索、在線客服和消息通知。

設(shè)計(jì)亮點(diǎn):

智能助手和搜索框加入了動(dòng)態(tài)的設(shè)計(jì)元素,豐富了畫面的呈現(xiàn)方式,也利于引導(dǎo)用戶關(guān)注平臺(tái)的熱門基金。

  • 快速開(kāi)戶:投資開(kāi)戶的入口,包含綁卡、完善資料、風(fēng)險(xiǎn)測(cè)評(píng)和去投資四個(gè)步驟。
  • 綁卡/完善資料:引導(dǎo)用戶開(kāi)戶的入口,跳轉(zhuǎn)至開(kāi)戶頁(yè)面。
  • 風(fēng)險(xiǎn)測(cè)評(píng):跳轉(zhuǎn)至風(fēng)險(xiǎn)測(cè)評(píng)頁(yè)面,根據(jù)用戶的投資偏好和可承擔(dān)風(fēng)險(xiǎn)接受范圍快速給用戶進(jìn)行分類。
  • 去投資:新用戶最喜歡基金列表,包含穩(wěn)健優(yōu)選、海外機(jī)會(huì)、嚴(yán)選長(zhǎng)投等類型,用戶還可以領(lǐng)取福利金和0折卡。

設(shè)計(jì)亮點(diǎn):

開(kāi)戶入口非常醒目,并通過(guò)拆分成子任務(wù)形式降低用戶的認(rèn)知負(fù)荷,有效吸引新用戶快速開(kāi)戶。

  • 關(guān)于中歐:關(guān)于品牌的投資優(yōu)勢(shì)介紹,點(diǎn)擊后可進(jìn)入品牌介紹頁(yè)面,包含中歐財(cái)富和母公司中歐基金的產(chǎn)品介紹、選基策略、特色服務(wù)等內(nèi)容。

設(shè)計(jì)亮點(diǎn):

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

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

設(shè)計(jì)優(yōu)點(diǎn):

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

設(shè)計(jì)缺陷:

沒(méi)有固定的入口,設(shè)計(jì)不合理,需要用戶刷新頁(yè)面才能和「關(guān)于中歐」內(nèi)容切換。

  • 金剛區(qū):平臺(tái)熱門應(yīng)用的入口,一共兩排,每排5個(gè),支持用戶進(jìn)入應(yīng)用中心增刪功能,個(gè)性化設(shè)置。

設(shè)計(jì)亮點(diǎn):

充分給與用戶自主權(quán),可以靈活配置金剛區(qū)的應(yīng)用,防止因功能過(guò)多造成的認(rèn)知負(fù)荷,提升用戶操作便捷度。

  • 小輪播:包含領(lǐng)福利金、100%有獎(jiǎng)、穩(wěn)健短債和新基首發(fā)四個(gè)內(nèi)容,左右滑動(dòng)可切換。

設(shè)計(jì)亮點(diǎn):

通過(guò)贈(zèng)禮以及抽獎(jiǎng)等趣味性形式引導(dǎo)新用戶激活開(kāi)戶。

  • 瓷片區(qū):包含市場(chǎng)溫度、每日熱點(diǎn)、基金自選和指數(shù)選基等內(nèi)容,點(diǎn)擊可進(jìn)入相應(yīng)版塊或基金詳情頁(yè)。

  • 穩(wěn)健理財(cái):穩(wěn)健性基金產(chǎn)品推薦,分為精選理財(cái)、活錢管理、安穩(wěn)理財(cái)和穩(wěn)重求進(jìn)四個(gè)分類,點(diǎn)擊「更多」進(jìn)入一級(jí)欄目「基金」。

  • 追求收益:分為看海外、看指數(shù)、看賽道和看經(jīng)理四個(gè)分類,可切換對(duì)應(yīng)熱門基金,點(diǎn)擊「更多」進(jìn)入一級(jí)欄目「基金」。

設(shè)計(jì)思考:

對(duì)于新用戶來(lái)說(shuō),穩(wěn)健理財(cái)和追求收益其實(shí)還難以理解,在「開(kāi)戶前」這個(gè)場(chǎng)景中,是不是把這兩塊內(nèi)容先隱藏更好,把「引導(dǎo)開(kāi)戶」作為整個(gè)頁(yè)面設(shè)計(jì)的目標(biāo)。

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

設(shè)計(jì)亮點(diǎn):

情感化設(shè)計(jì),通過(guò)拆分四大高頻理財(cái)場(chǎng)景,有效吸引用戶激活轉(zhuǎn)化。

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

設(shè)計(jì)缺陷:

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

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

設(shè)計(jì)缺陷:

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

  • 菜單欄:底部菜單欄,包含首頁(yè)、自選、投顧、基金和我的五個(gè)一級(jí)欄目。

設(shè)計(jì)優(yōu)點(diǎn):

「首頁(yè)」Icon按鈕交互形式有創(chuàng)意,當(dāng)用戶開(kāi)始瀏覽頁(yè)面之后,圖標(biāo)會(huì)更換為箭頭,用戶點(diǎn)擊箭頭可快速返回頁(yè)面頂部,體驗(yàn)友好,節(jié)省用戶操作時(shí)間。

2.1.4. 小結(jié)

中歐財(cái)富的首頁(yè)設(shè)計(jì)相對(duì)中規(guī)中矩,沒(méi)有過(guò)于出彩的設(shè)計(jì),但也沒(méi)有明顯的缺陷。

  • 內(nèi)容層:內(nèi)容相對(duì)豐滿,長(zhǎng)達(dá)5屏的首頁(yè)幾乎塞滿了平臺(tái)的各種熱門應(yīng)用,也給用戶做了相對(duì)清晰的導(dǎo)航提示,比如開(kāi)戶注冊(cè)的引導(dǎo),相對(duì)來(lái)說(shuō)設(shè)計(jì)形式還算不錯(cuò),能有效吸引用戶激活開(kāi)戶。
  • 視覺(jué)層:頁(yè)面設(shè)計(jì)普通,不夠精致,特別是頭部,缺乏視覺(jué)沖擊力,過(guò)于平淡,沒(méi)有加入品牌基因也沒(méi)有形成任何視覺(jué)差異化。
  • 交互層:整體的交互操作還算流暢,各子版塊的入口也相對(duì)清晰,整體的交互操作體驗(yàn)一般。

2.2. 開(kāi)戶后

2.2.1. 用戶需求分析

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

2.2.2. 設(shè)計(jì)策略分析

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

2.2.3. 內(nèi)容拆解

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

  • 導(dǎo)航欄:和「開(kāi)戶前」一致。
  • 用戶資產(chǎn)及收益:實(shí)時(shí)更新用戶每日的總資產(chǎn)和收益數(shù)據(jù),點(diǎn)擊后跳轉(zhuǎn)至財(cái)富管家欄目。

  • 金剛區(qū):和「開(kāi)戶前」一致。
  • 投資好機(jī)會(huì):按不同的場(chǎng)景、主題和收益率向用戶推薦平臺(tái)熱門基金,比如最新熱賣、高股息等分類。

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

2.2.4. 小結(jié)

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

2.3. 其他功能

首頁(yè)作為用戶使用最高頻的頁(yè)面,中歐財(cái)富的首頁(yè)還設(shè)計(jì)了智能助手、搜索、在線客服和消息中心。

2.3.1. 智能助手

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

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

設(shè)計(jì)缺陷:

「智能助手」這個(gè)欄目所提供的功能和用戶心智不太匹配,只能勉強(qiáng)滿足最基礎(chǔ)的導(dǎo)航功能,而不能實(shí)現(xiàn)“智能”。

2.3.2. 搜索

搜索是一個(gè)基金APP比較重要的高頻功能,主要為用戶提供基金的檢索,用戶可以輸入關(guān)鍵詞、代碼進(jìn)行檢索。

2.3.2.1. 引導(dǎo)頁(yè)

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

設(shè)計(jì)缺陷:

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

②引導(dǎo)頁(yè)沒(méi)有預(yù)判客戶的意圖,用戶從首頁(yè)的搜索框進(jìn)入后,指針沒(méi)有在輸入框,鍵盤也沒(méi)有彈出來(lái),用戶需要再次點(diǎn)擊輸入框才能進(jìn)入搜索查詢。

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

2.3.2.2. 結(jié)果頁(yè)

中歐財(cái)富的搜索結(jié)果頁(yè)內(nèi)容豐富,頭部是相關(guān)基金的搜索結(jié)果,接下來(lái)有大家也關(guān)注、投顧、重倉(cāng)股等內(nèi)容。

設(shè)計(jì)亮點(diǎn):

在搜索框開(kāi)始輸入關(guān)鍵詞,系統(tǒng)就開(kāi)始動(dòng)態(tài)檢索,不需要用戶點(diǎn)擊鍵盤的「搜索」,結(jié)果就已經(jīng)展示出來(lái),體驗(yàn)比較友好。

2.3.3. 在線客服

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

  • 常見(jiàn)分類:系統(tǒng)默認(rèn)近期動(dòng)態(tài)、投顧服務(wù)、活期存取和賬戶管理四個(gè)分類,用戶點(diǎn)擊問(wèn)題即可獲取相應(yīng)解答;
  • 菜單欄:用戶也可在底部菜單欄輸入問(wèn)題,系統(tǒng)會(huì)進(jìn)行系統(tǒng)解答,同時(shí)也支持人工客服。

設(shè)計(jì)缺陷:

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

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

2.3.4. 消息中心

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

設(shè)計(jì)缺陷:

界面設(shè)計(jì)粗糙,圖標(biāo)不精致,體驗(yàn)欠佳。

2.3.5. 小結(jié)

首頁(yè)的四個(gè)功能和首頁(yè)整體的設(shè)計(jì)一樣,相對(duì)中規(guī)中矩,可以滿足用戶的需求,但幾乎沒(méi)有亮點(diǎn)。

3. 體驗(yàn)小結(jié)

首頁(yè)作為一個(gè)APP權(quán)重最高的頁(yè)面,從中歐財(cái)富的設(shè)計(jì)拆解中發(fā)現(xiàn)它的設(shè)計(jì)相對(duì)平庸,沒(méi)有清晰的設(shè)計(jì)策略,也沒(méi)有考慮開(kāi)戶前和開(kāi)戶后這兩個(gè)場(chǎng)景切換之后用戶需求的變化,只能滿足用戶的基本型需求。

3.1. 設(shè)計(jì)亮點(diǎn)

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

3.2. 設(shè)計(jì)缺陷

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

專欄作家

廖爾摩斯,微信公眾號(hào):設(shè)計(jì)大偵探,人人都是產(chǎn)品經(jīng)理專欄作家。連續(xù)創(chuàng)業(yè)者,目標(biāo)是成為全世界拆解產(chǎn)品設(shè)計(jì)最多的設(shè)計(jì)師。

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

題圖來(lái)自Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!