用體驗(yàn)設(shè)計方法論,結(jié)合商業(yè)訴求對APP進(jìn)行改版設(shè)計

2 評論 18417 瀏覽 187 收藏 23 分鐘

產(chǎn)品名稱:金融圈APP

設(shè)計團(tuán)隊(duì):金融圈UED設(shè)計中心

項(xiàng)目介紹:本項(xiàng)目為首頁改版方案,與產(chǎn)品經(jīng)理、交互、運(yùn)營和視覺四方共同討論得出的一期改版方向

設(shè)計目的:以體驗(yàn)設(shè)計方法論體系結(jié)合商業(yè)目標(biāo)對APP首屏進(jìn)行改版

1

體驗(yàn)設(shè)計方法論體系

主要從戰(zhàn)略、范圍、結(jié)構(gòu)、框架和表現(xiàn)層對產(chǎn)品剖析,通過定義體驗(yàn)和商業(yè)目標(biāo),兩者取平衡點(diǎn)對首屏進(jìn)行改版分析和設(shè)計方案。

體驗(yàn)設(shè)計流程:

  • 產(chǎn)品屬性:通過項(xiàng)目背景和用戶分析,后臺數(shù)據(jù)分析/用戶場景分析/交互五要素/商業(yè)目標(biāo)點(diǎn)出首屏存在的問題與可能性策略;
  • 用戶研究:通過定性和定量研究,分別進(jìn)行用戶訪談和問卷調(diào)研,獲得數(shù)據(jù)對相應(yīng)問題進(jìn)行驗(yàn)證和分析;
  • 設(shè)計目標(biāo):在理論分析和數(shù)據(jù)分析的前提下,構(gòu)建用戶連續(xù)行為體驗(yàn)地圖,對需求點(diǎn)進(jìn)行提取和過濾,建立目標(biāo)和戰(zhàn)略方向;
  • 方案輸出:結(jié)合商業(yè)目標(biāo)和體驗(yàn)?zāi)繕?biāo),通過權(quán)值矩陣對用戶行為偏好進(jìn)行可配置性推薦,綜合輸出設(shè)計方案。

2

戰(zhàn)略層

第一部分:項(xiàng)目背景

3

商業(yè)布局

金融圈以外匯起家,目前主要通過牛人榜單,打造小白跟單系統(tǒng),后陸續(xù)擴(kuò)展股票,P2P理財業(yè)務(wù),加入積分消費(fèi)的life生活。

4

產(chǎn)品定位

首頁TAB承載的是各業(yè)務(wù)線的精選內(nèi)容推薦給用戶,也是一個APP的門面,是直接轉(zhuǎn)化的第一道門。用戶通過理財,股票,外匯業(yè)務(wù)不同特點(diǎn)進(jìn)行交易,直接轉(zhuǎn)化產(chǎn)生價值。牛人圈打造牛人與小白的互動性,牛人發(fā)表進(jìn)行交易信息,吸引小白關(guān)注,從而達(dá)到潛在轉(zhuǎn)化的功能。用戶通過資訊可以獲取到與各業(yè)務(wù)線相關(guān)的消息內(nèi)容,知道近期的一些動態(tài),起到了輔助的作用。當(dāng)用戶在理財股票外匯任意進(jìn)行投資后產(chǎn)生積分,此時life生活的作用是對積分進(jìn)行消化,通過商品兌換,抽獎等吸引用戶消費(fèi)積分,積分不足時,可使用資金補(bǔ)足。

5

事件訪問

通過后臺數(shù)據(jù),發(fā)現(xiàn)用戶訪問我的tab的訪問比率在70%左右,大部分用戶從首頁選擇去到我的TAB去查看近期收益/賬戶詳情等,用戶跳出率較高,造成點(diǎn)擊流量的損失,而首頁又是整個APP的黃金位置,目前版本利用率很低。

6

功能引導(dǎo)

目前首頁的功能有活動、積分商城和業(yè)務(wù)線產(chǎn)品,功能不滿足以對新老用戶的使用。老用戶基本不需要用到目前的首頁,新用戶看不到新手教育引導(dǎo)性模塊,對新老用戶的引導(dǎo)性不足。

7

第二部分:用戶分析

8

場景分析

基于交互五要素的擴(kuò)展延伸,通過人、目的、行為、環(huán)境、媒介、疑點(diǎn)、要點(diǎn)和策略等進(jìn)行用戶的行為分析。對用戶產(chǎn)生連續(xù)行為的理性分析,也可結(jié)合數(shù)據(jù)進(jìn)行互證,但不作為唯一標(biāo)準(zhǔn),特殊情況需要結(jié)合商業(yè)/產(chǎn)品目標(biāo)綜合權(quán)衡,在本次前期起到了分析輔助作用。

9

目標(biāo)對象

本次商業(yè)目標(biāo)主要重點(diǎn)關(guān)注新用戶,對未注冊用戶引導(dǎo)注冊,對已注冊用戶引導(dǎo)第一次投資,對老用戶引導(dǎo)繼續(xù)投資提升利益。需充分利用首頁對新老用戶進(jìn)行轉(zhuǎn)化。

10

用戶關(guān)注

不同用戶的關(guān)注點(diǎn)不同,比如新用戶可能更關(guān)注平臺安全性、產(chǎn)品認(rèn)知和利益相關(guān)內(nèi)容。因?yàn)樾率钟脩暨€不懂,需要對產(chǎn)品詳情有一定了解才會去購買。而作為老用戶已經(jīng)投資過,那么他的關(guān)注點(diǎn)會有變化,如新品動態(tài),吸引力,利益等。

11

疑點(diǎn)分析

針對新老用戶的關(guān)注點(diǎn),分析用戶在使用過程中可能出產(chǎn)生什么疑惑。

新用戶:

這個產(chǎn)品是做什么的?

這個平臺安全嗎?

購買哪個比較好?

怎么購買理財,外匯,股票類的產(chǎn)品?

收益如何?

……

老用戶:

有什么新活動?

是否能繼續(xù)提升自己利益?

以前買過的產(chǎn)品有什么新變化?

……

12

相關(guān)策略

對新老用戶的疑惑進(jìn)行相應(yīng)的理論性策略分析,對于新用戶來說應(yīng)在首頁體現(xiàn)產(chǎn)品介紹、引導(dǎo)注冊、平臺保障、用戶動態(tài)以及產(chǎn)品推薦等;對老用戶來說應(yīng)在首頁體現(xiàn)資金安全、最新活動、利益相關(guān)和產(chǎn)品動態(tài)等。

思考點(diǎn):

  • 什么用戶?
  • 在什么場景下?
  • 進(jìn)行什么行為操作?
  • 不同的關(guān)注在哪里?
  • 會產(chǎn)生什么疑惑?
  • 相應(yīng)的策略是什么?

(注:此部分為理論性分析,后續(xù)結(jié)合數(shù)據(jù)驗(yàn)證。)

13

范圍層

第三部分:用戶訪談

14

用戶招募

主要目的是了解用戶對金融圈首頁的關(guān)注行為,了解用戶對本品/競品的意見分析。

  • 男女比例2:1
  • 新老用戶比例2:1

15

行為分析

新用戶:需考慮產(chǎn)品發(fā)現(xiàn)和體驗(yàn)過程。打開首頁→ 了解產(chǎn)品→ 推薦吸引→ 新手購買→ 收益過程;

老用戶:更側(cè)重產(chǎn)品的入口和收益。打開首頁→ 內(nèi)容入口→ 查找產(chǎn)品→ 購買產(chǎn)品。

16

關(guān)注差異

在訪談中,新老用戶關(guān)注點(diǎn)不同,新用戶更關(guān)注推薦、介紹、可信度、風(fēng)格、內(nèi)容豐富以及收益;老用戶更關(guān)注推薦、清晰入口和收益,同時近期收益是兩者共同關(guān)注點(diǎn)。

17

用戶期望

對首頁的期望,以用戶為中心的橫向與縱向拓展更能體現(xiàn)人性化。

  1. 個人的投資信息,可展示我購買過的產(chǎn)品內(nèi)容,關(guān)注我購買過的產(chǎn)品收益。
  2. 針對我的產(chǎn)品推薦,可根據(jù)我的資產(chǎn)情況推薦產(chǎn)品,可實(shí)時顯示關(guān)注的內(nèi)容信息。
  3. 近期的動態(tài)/資訊變化,關(guān)注的內(nèi)容信息、資訊,有適時變化的好玩入口。

18

訪談小結(jié)

新用戶:

  1. 優(yōu)化新手指引,精心推薦新手產(chǎn)品(可從樣式/布局/數(shù)據(jù)提升吸引力);
  2. 簡單易懂的產(chǎn)品介紹說明,方便新用戶了解與購買;
  3. 簡化新手購買流程,體現(xiàn)收益享受的過程。

老用戶:

  1. 有目標(biāo)性地為老用戶推送產(chǎn)品;
  2. 清晰歸類布局,方便老用戶查找產(chǎn)品入口。

首頁:

  1. 區(qū)分登錄與未登錄狀態(tài),展示不同狀態(tài)內(nèi)容;
  2. 清晰明確的模塊區(qū)分,突出主次內(nèi)容;
  3. 根據(jù)用戶的個人投資情況顯示信息。

19

第四部分:問卷調(diào)研

20

問卷目標(biāo)

  1. 新老用戶平均占比
  2. 對注冊行為的傾向
  3. 老用戶關(guān)注差異
  4. 新用戶關(guān)注差異

21

過濾用戶

通過之前的分析和訪談,定義出可以區(qū)分新老用戶的問卷,通過第一問的不同選擇,跳轉(zhuǎn)到相應(yīng)的問題,有目的性地區(qū)分新老用戶關(guān)注點(diǎn)優(yōu)先級差異。通過網(wǎng)絡(luò)問卷,收集到150份問卷數(shù)量,新用戶平均占比70%,老用戶平均占比30%。

22

數(shù)據(jù)分析

1、新用戶

  • 最關(guān)心的前三:安全保障、近期收益、產(chǎn)品介紹;
  • 其次:購買熱度、產(chǎn)品推薦、最新活動。
  • 解析:新手用戶與老用戶的區(qū)別是,【新用戶】會更關(guān)注熱度,是否很多人買(從眾效應(yīng))

23

2、老用戶

  • 最關(guān)心的前三:安全保障、近期收益、產(chǎn)品介紹
  • 其次:最新活動、產(chǎn)品推薦、風(fēng)格吸引
  • 解析:老用戶與新手用戶的區(qū)別是,【老用戶】會更關(guān)注最新活動,持續(xù)提升利益

24

3、注冊行為關(guān)注點(diǎn)

  • 用戶對注冊最關(guān)注的是先了解后購買,少數(shù)會被福利吸引。
  • 解析:用戶的心理訴求是先了解再注冊,在推注冊送福利時的注冊入口需綜合考慮,太過強(qiáng)硬可能導(dǎo)致體驗(yàn)降低。

25

第五部分:目標(biāo)建立

26

體驗(yàn)地圖

基于上述理論與數(shù)據(jù)結(jié)合,最終確認(rèn)體驗(yàn)問題要點(diǎn)。

用戶進(jìn)入首頁時:

  1. 頁面布局不夠清晰;
  2. 條目信息雜多閱讀困難;
  3. 快捷入口較少;
  4. 沒有新手引導(dǎo)性模塊;
  5. 沒有平臺安全性與介紹指引。

注冊/綁卡時:

  1. 首頁綁卡入口較弱不夠明顯;
  2. 我的tab綁卡入口較深。

準(zhǔn)備投資時:

  1. 各業(yè)務(wù)的具體區(qū)別告知不足;
  2. 不知道大家都投了什么;
  3. 外匯復(fù)制面板操作性低。

投資后:

  1. 首頁推薦的并不是我想要的;
  2. 首頁內(nèi)容與其他模塊重復(fù)性高;
  3. 隨時關(guān)心的收益要跳去我的tab查看。

27

需求提取

通過理論性分析,用戶訪談,問卷調(diào)研,三者綜合獲取到的需求信息點(diǎn)有:近期收益、安全保障、新手指引、購買熱度、產(chǎn)品介紹、產(chǎn)品推薦、熱門活動、清晰界面以及操作簡便。

28

需求層級

通過KANO模型對需求層級進(jìn)行區(qū)分。

  • 反向因素:引導(dǎo)性差,板塊不清晰,內(nèi)容量不足
  • 基本因素:有什么產(chǎn)品,熱門的活動,產(chǎn)品介紹,新手指引
  • 期望因素:實(shí)時收益,購買熱度,流暢操作,安全保障
  • 興奮因素:收益提高,期限縮短,精準(zhǔn)推薦

29

確定目標(biāo)

區(qū)分體驗(yàn)?zāi)繕?biāo)和商業(yè)目標(biāo),兩者綜合考慮:

  • 體驗(yàn)優(yōu)化:對新用戶需要體現(xiàn)購買熱度,安全保障,近期收益,產(chǎn)品介紹。對老用戶需要體現(xiàn)活動,安全保障,近期收益,產(chǎn)品介紹;
  • 商業(yè)價值:對新用戶需要吸引注冊,引導(dǎo)第一次投資。對老用戶需要引導(dǎo)繼續(xù)投資。

30

戰(zhàn)略方向

  • 區(qū)分登錄態(tài),通過區(qū)分登錄態(tài)和非登錄態(tài),針對性地在首頁展示不同模塊。
  • 精準(zhǔn)推薦,通過區(qū)分新用戶和老用戶,針對性地推薦不同產(chǎn)品和后臺配置信息。

31

結(jié)構(gòu)層、框架層、表現(xiàn)層

第六部分:設(shè)計方案

32

功能架構(gòu)+頁面布局

  • 沉浸式banner:全部活動
  • 登錄注冊與收益配置區(qū):根據(jù)用戶狀態(tài)配置引導(dǎo)注冊,引導(dǎo)綁卡,收益展示
  • 可配置導(dǎo)航區(qū):根據(jù)用戶行為偏好配置未登錄,理財偏好,股票偏好,外匯偏好
  • 可配置推薦通欄:根據(jù)用戶狀態(tài)配置安全保障,了解平臺,其他配置
  • 理財配置區(qū):根據(jù)用戶狀態(tài)與偏好配置新手標(biāo),理財標(biāo),推薦活動
  • 股票配置區(qū):根據(jù)用戶狀態(tài)與偏好配置了解玩法引導(dǎo)開戶,推薦牛人,推薦活動比賽
  • 外匯配置區(qū):根據(jù)用戶狀態(tài)與偏好配置了解玩法引導(dǎo)開戶,推薦牛人,推薦活動比賽
  • life配置區(qū):根據(jù)用戶狀態(tài)配置商品,專題
  • 滾動交易消息區(qū):近期交易簡報
  • 平臺保障圖:眾安保險

33

34

權(quán)值矩陣

通過權(quán)值矩陣對用戶行為進(jìn)行偏好分級,不同的用戶行為對應(yīng)不同的分值(如理財投資1000元+1分,外匯進(jìn)行了復(fù)制交易100美金+2分等等,股票…),得分最高則為該業(yè)務(wù)的行為偏好。

  • 理財權(quán)值得分=x1+x2+x3+…
  • 股票權(quán)值得分=y1+y2+y3+…
  • 外匯權(quán)值得分=z1+z2+z3+…

若計得用戶理財權(quán)值高于外匯和股票時,則根據(jù)此偏好推薦相應(yīng)的內(nèi)容,其他類推。

335

交互原型

A區(qū):banner區(qū)

  1. 默認(rèn)banner沉浸式顯示,點(diǎn)擊右方 “活動” 圖標(biāo)進(jìn)入【全部活動】頁面;
  2. 下滑超過banner區(qū)時,頂部欄出現(xiàn),標(biāo)題顯示“金融圈”字樣。

B區(qū):登錄注冊與收益配置區(qū)

  1. 首次下載/退出登錄;
  2. 用戶未綁卡;
  3. 綁卡后,顯示理財賬戶昨日收益;
  4. 只開通股票賬戶,顯示股票今日收益;
  5. 只開通外匯賬戶,顯示外匯今日收益;
  6. 同時存在理財和股票情況;
  7. 同時存在股票和外匯情況;
  8. 同時存在理財和外匯情況;
  9. 三戶全開情況。

C區(qū):用戶推送入口導(dǎo)航配置區(qū)

  1. 默認(rèn)配置life生活,奪寶計劃,股票專區(qū),外匯專區(qū);
  2. 其他配置入口根據(jù)用戶行為,業(yè)務(wù)線后臺OA配置。

D區(qū):用戶推送活動配置區(qū)

  1. 默認(rèn)配置安全保障H5,了解金融圈H5;
  2. 其他配置活動根據(jù)用戶行為,業(yè)務(wù)線后臺OA配置。

E區(qū):理財配置區(qū)

  1. 用戶未投資,推薦新人福利專享標(biāo),引導(dǎo)第一次轉(zhuǎn)化;
  2. 已購買理財,有最新理財活動時,推送活動引導(dǎo)參與;
  3. 已購買理財,熱門理財標(biāo)的推薦,引導(dǎo)二次轉(zhuǎn)化。

F區(qū):股票配置區(qū)

  1. 用戶股票未開戶,推送介紹+開戶入口;
  2. 用戶已開戶,有最新活動時,推送股票活動引導(dǎo)參與;
  3. 用戶已開戶,推送股票牛人,引導(dǎo)跟單。

G區(qū):外匯配置區(qū)

  1. 用戶外匯未開戶,推送介紹+開戶入口;
  2. 用戶已開戶,有最新活動時,推送外匯活動引導(dǎo)參與;
  3. 用戶已開戶,推送外匯牛人,引導(dǎo)復(fù)制。

H區(qū):我的life生活配置區(qū)

  1. 未登錄/積分為0,不展示積分,OA配置展示商品;
  2. 未登錄/積分為0,不展示積分,OA配置展示活動;
  3. 已登錄,展示當(dāng)前積分,OA根據(jù)用戶兌換行為配置相關(guān)的活動或商品。

(思路分享,原型只提供小圖)

36

優(yōu)化對比

改版前:

  1. Banner區(qū)
  2. 固定式life生活入口
  3. 固定式理財產(chǎn)品推薦
  4. 固定式股票牛人推薦
  5. 固定式外匯牛人推薦
  6. 平臺保障圖

改版后:

  • 優(yōu)化點(diǎn)
  1. 沉浸式Banner擴(kuò)展空間,下滑后出現(xiàn)頂部
  2. 根據(jù)用戶行為推送life 活動 / 商品 / 積分顯示
  3. 根據(jù)用戶行為推送理財 新手標(biāo) / 熱門標(biāo) / 活動
  4. 根據(jù)用戶行為推送股票 玩法與開戶 / 活動 / 牛人
  5. 根據(jù)用戶行為推送外匯 玩法與開戶 / 活動 / 牛人
  6. 平臺保障圖+滾動的即時交易信息強(qiáng)化安全感
  • 新增點(diǎn)
  1. 根據(jù)用戶狀態(tài)配置登錄注冊綁卡與收益展示
  2. 根據(jù)用戶行為配置導(dǎo)航入口
  3. 根據(jù)用戶行為配置推薦通欄 活動 / 介紹 / 保障

37

38

結(jié)語:

首頁承載的是商業(yè)價值的轉(zhuǎn)化,將用戶關(guān)心的核心要素前置于首頁作為引子,把原來跳走于我的TAB的用戶流量留于首頁。同時引導(dǎo)用戶注冊/綁卡/開戶,根據(jù)用戶行為權(quán)值得分高低配置玩法介紹/產(chǎn)品/活動推薦,促進(jìn)相關(guān)轉(zhuǎn)化和首頁商業(yè)內(nèi)容的曝光度。

一期方案的核心要點(diǎn):

  1. 引導(dǎo)用戶流向?qū)崿F(xiàn)商業(yè)價值的提升;
  2. 根據(jù)用戶行為偏好生成的動態(tài)首頁。

二期方案將重組架構(gòu),提煉用戶關(guān)心的核心,進(jìn)一步引導(dǎo)用戶流向,帶來更多的優(yōu)化體驗(yàn)與商業(yè)價值。

 

作者:星夜Design

來源:微信公眾號【艾歐交互設(shè)計】

版權(quán):人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范,任何轉(zhuǎn)載的稿件都會明確標(biāo)注作者和來源,若標(biāo)注有誤,請聯(lián)系主編QQ:419297645

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 內(nèi)容寫得很豐富,但有幾個疑問:
    1、這是真實(shí)優(yōu)化的流程嗎?若一個首頁的優(yōu)化要經(jīng)過這么多步驟,而且這還是僅僅是一個首頁,都這么搞,從考慮優(yōu)化再落地這時間必定很長,在移動互聯(lián)網(wǎng)時代似乎不太現(xiàn)實(shí)吧?
    2、前面需求的分析與后面的設(shè)計優(yōu)化并沒有一一對應(yīng)起來,有點(diǎn)拖離了。
    3、最重要的一點(diǎn):看了舊版的設(shè)計風(fēng)格,再看新版的,現(xiàn)在主流的金融APP首頁都是這種風(fēng)格,可以說基本抄+結(jié)合自身產(chǎn)品的特點(diǎn)就可以畫出來了,前面的折騰似乎沒什么必要。

    來自廣東 回復(fù)
    1. 不是帖主,但看不慣你的回答,所以回復(fù)
      1.沒有什么所謂移動互聯(lián)網(wǎng)時代,靠譜的產(chǎn)品都是一點(diǎn)一滴做起來的,追求快才是混互聯(lián)網(wǎng)最大的禁忌
      3.做產(chǎn)品最怕一知半解隨意抄來用,借鑒參考的基礎(chǔ)是知道自己要什么,不是隨便看人家一個元素做得好就抄來用,最后實(shí)現(xiàn)的東西就是四不像,歪七扭八,還美言之大家都是這樣做的

      真的很少產(chǎn)品會做這種成套的分析,大家都只是抄,根本不知道自己要做什么,還以為自己做得很快,難怪越來越多的人當(dāng)產(chǎn)品,整個職業(yè)水準(zhǔn)在降低

      來自廣東 回復(fù)