又到了兩年一度的官網(wǎng)改版時刻！其實(shí)自我入職以來一直覺得官網(wǎng)的登錄和注冊流程體驗(yàn)不是很好，頁面加載速度非常慢，同時我也想了解一下當(dāng)時的產(chǎn)品經(jīng)理在設(shè)計(jì)這部分功能時的所思所想，不如趁著這次機(jī)會好好分析和學(xué)習(xí)一下吧！
分析與思考
注冊流程
- 官網(wǎng)提供了2種注冊方式：手機(jī)號注冊和微信注冊。
- 手機(jī)號注冊流程目前沒有太大的問題。
- 微信注冊的入口有兩處，合計(jì)流失率>33%。推測：
- 用戶忘記自己先前有注冊過，輸入手機(jī)號后發(fā)現(xiàn)賬號已被注冊。（此時應(yīng)該引導(dǎo)他去綁定賬號）
- 除此之外，暫時還沒找到更多合理的推測。接著我便去了解了一下其他產(chǎn)品支持第三方賬號注冊的目的：為了可以直接拿到第三方賬號里的用戶信息，減少用戶注冊需要填寫的項(xiàng)目，從而簡化流程。而事實(shí)上目前官網(wǎng)微信掃碼之后，還需要用戶去補(bǔ)充企業(yè)名稱、手機(jī)號信息，實(shí)則并沒有起到簡化流程的作用。又去問了下當(dāng)時這樣設(shè)計(jì)的目的，是為了引導(dǎo)用戶去綁定小程序。通過我的實(shí)際驗(yàn)證的時候發(fā)現(xiàn)：微信注冊根本無法綁定小程序，微信注冊僅僅起到了快捷登錄的效果，并不是設(shè)想的可以直接進(jìn)入小程序控制端，還需要重新綁定一次，完全不符合當(dāng)時設(shè)計(jì)的目的。
微信綁定流程
目前僅支持通過手機(jī)號/郵箱密碼綁定微信，流失率>21%，推測：
- 用戶沒有設(shè)置過密碼無法綁定。目前綁定的方式單一，只有手機(jī)號/郵箱密碼綁定這一種。而目前官網(wǎng)、SEM頁面注冊都不需要設(shè)置密碼，若用戶沒有自發(fā)去個人賬戶設(shè)置，無法進(jìn)行綁定。
- 用戶對于綁定的概念不明確。用戶到達(dá)綁定頁面后發(fā)現(xiàn)自己走錯了，下一步會選擇回到繼續(xù)注冊的流程。
- 用戶在綁定時發(fā)現(xiàn)自己忘記了密碼，去走忘記密碼的流程了。
登錄流程
- 官網(wǎng)提供了三種登錄方式，賬號密碼登錄、手機(jī)驗(yàn)證碼登錄和微信登錄（默認(rèn)的登錄方式）。
- 根據(jù)已有數(shù)據(jù)比對，賬號密碼登錄按鈕的點(diǎn)擊次數(shù)明顯高于手機(jī)驗(yàn)證碼登錄，推測：
- 賬密登錄是用戶更傾向使用的登錄方式，畢竟網(wǎng)頁現(xiàn)在有記住密碼的功能
- 密碼容易輸錯（需關(guān)注忘記密碼流程）
- 驗(yàn)證碼容易輸錯（因?yàn)楸旧砦易约涸诘卿洉r驗(yàn)證碼就老是輸錯，一旦出現(xiàn)了o或0基本都會輸錯，后來去問了開發(fā)大哥，驗(yàn)證碼功能是他們自己寫的，并未使用第三方插件。）
- 在微信登錄流程中，對于未使用微信注冊過的用戶，82%選擇了去綁定微信，推測：
- 用戶多來自于SEM渠道，也忘記自己沒有使用微信注冊過。經(jīng)過驗(yàn)證發(fā)現(xiàn)其中有79%的用戶確實(shí)都是來自于SEM注冊渠道。
- 微信登錄為默認(rèn)的登錄方式，但目前欠缺使用相關(guān)的數(shù)據(jù)統(tǒng)計(jì)。后來了解到當(dāng)初選擇微信登錄作為默認(rèn)登錄方式，也是為了鼓勵用戶綁定小程序，而實(shí)際上并沒有達(dá)到綁定小程序的目的，也給用戶初次登錄加大了難度。
頁面布局與設(shè)計(jì)
- 目前的注冊頁和登錄頁都采用的是左右結(jié)構(gòu)，左側(cè)強(qiáng)調(diào)的是注冊試用活動和產(chǎn)品slogan，還用了動畫效果，很容易剝奪視線。
- 注冊頁有很多多余的信息，頁留下了很多導(dǎo)向其他頁面的入口。用戶被分散注意力是輕而易舉的事情，最后就會導(dǎo)致注冊流失。
- 頁面有大圖和動畫，并且微信登錄作為默認(rèn)的登錄方式，加載微信二維碼也會影響到加載速度，這是不可避免的。
以上就是我的分析與思考過程啦，除此之外，我還順便調(diào)研了下一些企業(yè)級產(chǎn)品官網(wǎng)的注冊、登錄流程。希望能給設(shè)計(jì)師一些頁面布局上的啟發(fā)吧！也順便學(xué)習(xí)一下新的交互動效！
企業(yè)調(diào)研
1 Worktile
1.1 注冊
注冊--1
注冊--2
流程分兩步走
- 注冊企業(yè)（注冊手機(jī)號）
- 填寫注冊信息
收集信息
- 手機(jī)號
- 姓名
- 登錄密碼
- 企業(yè)/團(tuán)隊(duì)名稱
設(shè)計(jì)布局
- 沒有其他頁面的調(diào)整或信息干擾
-
獲得焦點(diǎn)時，輸入框標(biāo)簽（說明文字）有一個向上切入的效果，輸入框的樣式改變很有特色，后來發(fā)現(xiàn)chrome登錄輸入框也是這樣設(shè)計(jì)的。
- 填寫信息后，點(diǎn)擊【完成注冊】，按鈕上的文字會變成【注冊中……】，這個細(xì)節(jié)設(shè)計(jì)的很好。（網(wǎng)易七魚也是哦）即時反饋
比如表單的提交按鈕，可能因?yàn)閿?shù)據(jù)太大或網(wǎng)絡(luò)問題，當(dāng)點(diǎn)擊提交按鈕時可能會有一定時間的延遲，如果沒有及時的反饋，用戶可能以為點(diǎn)擊提交無效，為了避免這種情況，可以讓按鈕有一個動態(tài)效果的變化，比如在按鈕上增加一個進(jìn)度條動畫，讓用戶知道提交正在進(jìn)行。
1.2 登錄
登錄
2 Ucloud
2.1 注冊
注冊--1
注冊--2
注冊--3：xxxx@xxx.com激活成功，將于3s內(nèi)自動跳轉(zhuǎn)至控制臺（開始倒計(jì)時）
流程
- 填寫注冊信息
- 激活賬號（郵箱）
收集信息
- 郵箱（用戶名）
- 手機(jī)號
- 密碼
使用需要實(shí)名認(rèn)證，所以企業(yè)名稱不作為注冊流程的必填項(xiàng)
2.2 登錄
登錄
僅支持郵箱登錄
3 釘釘
3.1 注冊
注冊--1
注冊--3
注冊分兩步
- 注冊賬號
- 完善企業(yè)信息
收集的信息
- 手機(jī)號
- 企業(yè)/團(tuán)隊(duì)名稱
- 真實(shí)姓名
- 登錄密碼
設(shè)計(jì)布局
- 用戶感知的是注冊非常快捷。用戶到達(dá)注冊頁后第一感知是：我只需要填寫手機(jī)號就可以注冊了。而事實(shí)上，填完手機(jī)號就會出現(xiàn)驗(yàn)證碼的輸入框。
- 到達(dá)第2步才告知用戶完整的注冊流程是有3步，這個時候用戶已經(jīng)通過了手機(jī)號驗(yàn)證了，只要將手機(jī)號驗(yàn)證環(huán)節(jié)拿下后面的都好說了。
3.2 登錄
登錄
支持app掃碼登錄、手機(jī)號登錄（即將下線）
4 百度智能云
4.1 注冊
注冊
注冊只有一步
- 注冊賬號
收集信息
- 用戶名
- 密碼
- 手機(jī)號
4.2 登錄
登錄
百度智能云市場賬號與百度賬號打通，用戶可以直接使用百度賬號登錄
支持百度賬號（手機(jī)號/郵箱/用戶名）登錄和云市場用戶名登錄
5 網(wǎng)易七魚
5.1 注冊
注冊--1
注冊--2
注冊分兩步走
- 注冊手機(jī)號
- 完善企業(yè)信息（完成！進(jìn)入試用）
收集信息
- 手機(jī)號
- 企業(yè)名稱
- 郵箱
- 密碼
5.3 登錄
登錄
6 飛書
6.1 注冊
注冊--1
注冊--2
注冊--3
注冊--4
注冊分為三步，每步用戶只需填寫1項(xiàng)或2項(xiàng)
- 填寫手機(jī)號
- 填寫驗(yàn)證碼
- 完善團(tuán)隊(duì)信息
- 邀請其他團(tuán)隊(duì)成員（可跳過）
收集信息
- 手機(jī)號
- 姓名
- 團(tuán)隊(duì)名稱
設(shè)計(jì)布局
選中輸入框后，輸入框中的提示文字會有一個向上縮起的效果！
6.2 登錄
手機(jī)號登錄
支持app掃碼登錄（默認(rèn)）、手機(jī)號登錄、郵箱登錄
- 注冊時用戶無需填寫郵箱，只有在用戶主動修改個人信息時會要求用戶填寫郵箱，若不填無法保存修改，所以郵箱登錄是嵌在手機(jī)號登錄板塊的，而不是與掃碼和手機(jī)號登錄為統(tǒng)一級別的登錄方式）
改版方案
流程
- 注冊增加了“密碼”作為必填項(xiàng)，而“郵箱”從注冊必填項(xiàng)轉(zhuǎn)移到補(bǔ)充信息的板塊，與“行業(yè)性質(zhì)”、“公司規(guī)模”同一級別。（原來的想法是企業(yè)名稱、行業(yè)性質(zhì)和公司規(guī)模是屬于同一級別的，不過由于某一特殊要求就只能做到加上密碼了）
- 增加了手機(jī)驗(yàn)證碼輸錯三次，再次點(diǎn)擊發(fā)送手機(jī)驗(yàn)證碼，需要進(jìn)行驗(yàn)證
- 密碼登錄作為默認(rèn)的登錄方式，且不需要填寫驗(yàn)證碼即可登錄
- 綁定微信、找回密碼的流程更加清晰
- 移去微信注冊流程，僅支持手機(jī)號注冊
官網(wǎng)3.0注冊和登錄流程 .png
頁面&交互
- 流程相關(guān)居中展示。移去一切可能會影響到登錄、注冊流程，讓用戶分心的信息
- 有加載動畫，緩解用戶等待的焦慮感
- 由于注冊時對密碼要求是大寫、小寫和數(shù)字的組合，我們在這次改版中加上了鍵盤大小寫切換的提示。
總結(jié)
- 優(yōu)化上線后，因?yàn)槊艽a登錄作為默認(rèn)的登錄方式了，明顯發(fā)現(xiàn)忘記密碼的用戶開始增多，一周內(nèi)找回密碼的短信數(shù)已經(jīng)超過了以往一個月的發(fā)送數(shù)量，因此后續(xù)需要關(guān)注這些用戶找回密碼的情況。
- 從反饋數(shù)據(jù)來看，一定程度解決了注冊和微信綁定流失率高的問題，注冊成功人數(shù)環(huán)比增長了8%，微信綁定成功的人數(shù)環(huán)比增長了11%。
- 數(shù)據(jù)是驅(qū)動產(chǎn)品增長的，每一個功能的優(yōu)化與迭代都有他的目的所在，如何論證是否真正達(dá)到了目的，數(shù)據(jù)是最好的武器。
- 在需求提出之前，深入調(diào)研真的非常重要。對于一個產(chǎn)品經(jīng)理來說，如果因?yàn)樽约呵捌诘恼{(diào)研不足，功能開發(fā)上線后與實(shí)際目標(biāo)不符合，造成各方面成本的浪費(fèi)，是非常不應(yīng)該的。
