設(shè)計(jì) “友好的注冊(cè)流程”,需注意5件小事
注冊(cè)流程通常被認(rèn)為是網(wǎng)站的核心流程之一,是用戶全面利用網(wǎng)站功能和服務(wù)的起點(diǎn)。但要想設(shè)計(jì)出真正“不讓用戶厭煩”的注冊(cè)流程,有5件小事不得不引起注意。
1. 注冊(cè)流程分類:根據(jù)網(wǎng)站需求不同選擇合適注冊(cè)流程
通過(guò)數(shù)十個(gè)網(wǎng)站的收集和調(diào)研發(fā)現(xiàn),注冊(cè)流程通常有以下三種類型:分步式注冊(cè)、新開(kāi)頁(yè)面的一步式注冊(cè)、彈窗打開(kāi)的一步式注冊(cè)。
分步式注冊(cè)
用戶來(lái)到注冊(cè)頁(yè)面后,需要途徑多個(gè)步驟流程,最終完成注冊(cè)的方式,以天貓、攜程、途牛的注冊(cè)流程為例。
天貓分步式注冊(cè)流程
攜程分步式注冊(cè)流程
途牛分步式注冊(cè)流程
(1)優(yōu)勢(shì)
這種方式能夠歸類信息,每一個(gè)步驟用戶僅需填寫少量?jī)?nèi)容,流程通暢性較強(qiáng);
(2)劣勢(shì)
流程進(jìn)程中存在用戶流失的風(fēng)險(xiǎn),且流程越長(zhǎng)流失率也會(huì)隨之增加。
(3)設(shè)計(jì)要點(diǎn)
- 分步式注冊(cè)流程步驟最多不超過(guò)4步,過(guò)多的步驟會(huì)引起用戶的反感而導(dǎo)致放棄注冊(cè);
- 每一步填寫的信息不宜過(guò)多且分類要清晰,避免信息的重復(fù)填寫;
- 最后一步為“注冊(cè)成功”并提供后續(xù)操作的引導(dǎo)入口,引導(dǎo)用戶開(kāi)始使用網(wǎng)站其他功能。
新開(kāi)頁(yè)面的一步式注冊(cè)
用戶點(diǎn)擊“注冊(cè)”入口后重新打開(kāi)一個(gè)注冊(cè)頁(yè)面,并在這個(gè)新的頁(yè)面上完成注冊(cè)流程,目前大多數(shù)網(wǎng)站都采取這種注冊(cè)方式。
知乎官網(wǎng)的注冊(cè)頁(yè)面
京東官網(wǎng)的注冊(cè)頁(yè)面
(1)優(yōu)勢(shì)
這種方式用戶僅需填寫一份表單即可完成注冊(cè),流程相對(duì)簡(jiǎn)單,頁(yè)面可設(shè)計(jì)空間較大;
(2)劣勢(shì)
用戶可能會(huì)一下面對(duì)N個(gè)需要填寫的項(xiàng)目,易失去完成注冊(cè)流程的動(dòng)力,尤其是當(dāng)注冊(cè)流程并不是必須流程時(shí)。
(3)設(shè)計(jì)要點(diǎn)
- 盡可能精簡(jiǎn)表單,使用戶不用一下面對(duì)繁重的填寫壓力,例如將非必填項(xiàng)目留到注冊(cè)完成后的完善資料流程,例如僅填寫一次設(shè)置密碼等等;
- 給予動(dòng)力的同時(shí)消除阻力,給予每一個(gè)完成表單的用戶獎(jiǎng)勵(lì),褒獎(jiǎng)他們用心完成你的表單,同時(shí)優(yōu)化你的表單功能,使它使用起來(lái)很友好。
彈窗打開(kāi)的一步式注冊(cè)
用戶點(diǎn)擊“注冊(cè)”入口后不重新打開(kāi)頁(yè)面,而是在原頁(yè)面上出現(xiàn)一個(gè)彈窗進(jìn)行注冊(cè)流程,除了展示方式外,基本與新開(kāi)頁(yè)面的一步式注冊(cè)遵循相同的設(shè)計(jì)原則。
Nike官網(wǎng)的注冊(cè)彈窗
Airbnb官網(wǎng)的注冊(cè)彈窗
優(yōu)酷官網(wǎng)的注冊(cè)彈窗
(1)優(yōu)勢(shì)
這種方式用戶無(wú)需跳轉(zhuǎn)至其他頁(yè)面,在當(dāng)前頁(yè)即可完成操作,注冊(cè)完成后仍留在當(dāng)前頁(yè)面,有利于用戶無(wú)縫瀏覽,也無(wú)需中斷當(dāng)前操作;
(2)劣勢(shì)
空間布局相對(duì)緊湊,需要盡量精簡(jiǎn)注冊(cè)信息。
(3)設(shè)計(jì)要點(diǎn)
- 彈出窗口需要與原網(wǎng)頁(yè)在視覺(jué)上形成明顯區(qū)分,將用戶的視覺(jué)集中到彈出的注冊(cè)表單上,如優(yōu)酷的注冊(cè)彈窗由于與原網(wǎng)頁(yè)區(qū)別不大導(dǎo)致視覺(jué)體驗(yàn)較差;
- 原則上,彈窗內(nèi)容顯示需要全部在屏幕上,不使用有滾動(dòng)控件的彈窗,因此彈出的注冊(cè)表單不宜過(guò)長(zhǎng)。
小結(jié)
注冊(cè)流程通常有以下三種類型:分布式注冊(cè)、新開(kāi)頁(yè)面的一步式注冊(cè)、彈窗打開(kāi)的一步式注冊(cè),無(wú)論哪種注冊(cè)流程都尤其優(yōu)勢(shì)和劣勢(shì),其設(shè)計(jì)的核心原則仍舊是精簡(jiǎn)注冊(cè)填寫項(xiàng),降低用戶的填寫難度的同時(shí)激發(fā)用戶填寫動(dòng)力。根據(jù)網(wǎng)站自身的特點(diǎn)啟用適合的注冊(cè)流程方式,才能最高效的引導(dǎo)用戶注冊(cè)成功。
?2. 注冊(cè)激勵(lì):激發(fā)用戶注冊(cè)動(dòng)力,鼓勵(lì)更多用戶注冊(cè)留資
注冊(cè)流程是一個(gè)展現(xiàn)網(wǎng)站會(huì)員福利的好機(jī)會(huì),網(wǎng)站可以通過(guò)各種激勵(lì)手段例如積分、打折、優(yōu)惠、活動(dòng)和會(huì)員制度來(lái)獲取新客。網(wǎng)站可以在注冊(cè)流程的各個(gè)階段滲透福利信息,但優(yōu)雅的告訴用戶日后可以獲得的福利,才是設(shè)計(jì)的關(guān)鍵。
注冊(cè)前激勵(lì)
注冊(cè)前告知用戶成為會(huì)員后可以獲得哪些福利,是一種常見(jiàn)的吸引用戶點(diǎn)擊“注冊(cè)”按鈕的手段,可以擴(kuò)大進(jìn)入注冊(cè)流程的流量,在相同轉(zhuǎn)化率的條件下可以獲得更多的新客。
airbnb官網(wǎng)的注冊(cè)獎(jiǎng)勵(lì)機(jī)制
優(yōu)酷官網(wǎng)的注冊(cè)引導(dǎo)語(yǔ)
利用情景語(yǔ)言激勵(lì)成為鼓勵(lì)用戶注冊(cè)或登錄的一種新的方式,隨著越來(lái)越多的90后、00后加入網(wǎng)絡(luò)大軍,豐富的情景語(yǔ)言可能比積分優(yōu)惠激勵(lì)更加符合這些用戶的喜好。
注冊(cè)中激勵(lì)
隨著用戶到達(dá)注冊(cè)頁(yè)面或注冊(cè)窗口,這里可能有更多的空白空間可以部署優(yōu)惠信息和會(huì)員政策,幫助正在注冊(cè)及即將成為會(huì)員的用戶了解未來(lái)將享受到的福利。當(dāng)然用戶也可能會(huì)通過(guò)點(diǎn)擊活動(dòng)圖片進(jìn)入活動(dòng)頁(yè),注冊(cè)流程的流失率會(huì)有一定增加,網(wǎng)站需要衡量是否在注冊(cè)過(guò)程中增加活動(dòng)鏈接。
去哪兒官網(wǎng)注冊(cè)頁(yè)面會(huì)員政策
注冊(cè)后激勵(lì)
在用戶完成注冊(cè)后,網(wǎng)站希望用戶留下更多的資料,因此很多網(wǎng)站在注冊(cè)流程完成后仍會(huì)提供入口鼓勵(lì)用戶完善信息。例如用戶通過(guò)注冊(cè)流程了解到某網(wǎng)站的會(huì)員積分政策,在注冊(cè)完成后提示用戶完善資料可以獲得額外的積分,這樣的組合方式一定程度上可以有效促進(jìn)用戶留資。
小結(jié)
在注冊(cè)流程中曝光會(huì)員福利信息有助于吸引用戶注冊(cè),但過(guò)度的宣傳及強(qiáng)硬的廣告也會(huì)引來(lái)用戶的厭煩,如何在其中找平衡,值得每一個(gè)運(yùn)營(yíng)人員深入思考。
3. 友好的表單填寫——消除用戶注冊(cè)的潛在阻力
注冊(cè)表單的填寫是注冊(cè)流程中最重要的一環(huán),用戶80%的操作都會(huì)在這一張小小的表單上完成,因此注冊(cè)表單的設(shè)計(jì)及功能操作也是注冊(cè)流程是否能順利進(jìn)行的關(guān)鍵。
信息填寫
(1)控制填寫項(xiàng)目數(shù)量——最有效的提升機(jī)制
由于注冊(cè)流程要求快速、輕快,因此僅保留必須填寫的項(xiàng)目,刪除非必需的選填項(xiàng),才能真正降低用戶填寫難度,最終提升用戶注冊(cè)轉(zhuǎn)化率。不同行業(yè)網(wǎng)站對(duì)于必要信息的需求是不同的,基本包含用戶名(手機(jī)/郵箱/用戶名),密碼及驗(yàn)證碼等信息。
根據(jù)對(duì)多個(gè)網(wǎng)站的分析發(fā)現(xiàn),注冊(cè)表單填寫項(xiàng)目的數(shù)量集中在3-6項(xiàng),最少不會(huì)少于3項(xiàng),最多可達(dá)到10幾項(xiàng)。
搜狐注冊(cè)表單項(xiàng)目為3項(xiàng)
由于手機(jī)實(shí)名制的政策影響,手機(jī)號(hào)+驗(yàn)證碼的驗(yàn)證方式基本可以確定一個(gè)用戶的準(zhǔn)確信息,因此一般情況下采用3項(xiàng)表單的網(wǎng)站都是使用這種模式驗(yàn)證用戶的信息,同時(shí)設(shè)置密碼也精簡(jiǎn)為1個(gè)填寫項(xiàng)目,以明文密碼替換傳統(tǒng)需要用戶輸入兩次密碼的形式。
(2)放寬輸入要求——給用戶更多信心,不要打擊用戶
放寬用戶輸入內(nèi)容的要求,包括格式、大小寫等,使系統(tǒng)更靈活而非讓用戶改變輸入習(xí)慣。關(guān)于輸入要求最生動(dòng)的示例應(yīng)該就是驗(yàn)證碼了,如今的用戶被網(wǎng)站各種稀奇古怪的驗(yàn)證碼已經(jīng)搞得筋疲力盡,如果你的網(wǎng)站提供給這些備受摧殘的用戶一些方便,那一定是極好的。還是那句話,給用戶更多信息,不要打擊用戶。
(3)信息留存——不要讓用戶的辛苦付之一炬
用戶處在復(fù)雜萬(wàn)變的網(wǎng)絡(luò)環(huán)境中,誤操作導(dǎo)致退出的問(wèn)題也會(huì)時(shí)常發(fā)生,因此當(dāng)用戶中途退出表單填寫時(shí),在一定時(shí)間內(nèi)系統(tǒng)需要保存用戶信息,避免用戶重復(fù)填寫。尤其是當(dāng)你的注冊(cè)表單有多個(gè)項(xiàng)目需要填寫時(shí)(當(dāng)然并不鼓勵(lì)這種做法),信息留存功能會(huì)顯得尤為重要。
智能交互
(1)智能判斷
當(dāng)用戶輸入信息時(shí),能夠判斷信息內(nèi)容,用戶可直觀的發(fā)現(xiàn)錯(cuò)誤及時(shí)改正,預(yù)期是當(dāng)用戶輸入復(fù)雜的數(shù)字或信息時(shí),智能判斷的功能能夠幫助用戶提升填寫的效率。
(2)智能填充
這個(gè)功能在注冊(cè)本身這個(gè)流程中應(yīng)用較少,但是在用戶留資的過(guò)程中會(huì)有用武之地。當(dāng)用戶輸入信息時(shí),系統(tǒng)自動(dòng)填充其他相關(guān)信息,節(jié)省填寫時(shí)間。根據(jù)網(wǎng)站性質(zhì)的不同,需要用戶留資的內(nèi)容各有不同,可能會(huì)涉及到身份證、生日、性別、地域、郵編、銀行卡號(hào)、開(kāi)戶銀行等各個(gè)方面的信息內(nèi)容,這些信息內(nèi)容有些是相關(guān)聯(lián)的,例如得知用戶的身份證信息后,性別及生日等信息就可以自動(dòng)填充,無(wú)需用戶自行填寫。
小結(jié)
注冊(cè)表單是網(wǎng)站眾多表單之一,符合一切表單填寫的基本原則,但是也有著其不可忽視的特殊性。一方面精簡(jiǎn)表單是促進(jìn)用戶注冊(cè)最有效的方式,另一方面優(yōu)化表單易用性可以提升填寫效率,雙管齊下才能有效提升用戶注冊(cè)轉(zhuǎn)化。
4. 輸入注釋及錯(cuò)誤提示:預(yù)防及解決用戶錯(cuò)誤填寫
用戶常常會(huì)有這樣的抱怨,為什么我輸入的密碼不符合規(guī)范?哪里有寫密碼填寫規(guī)范是什么?用戶名已存在那怎么辦?如果一個(gè)注冊(cè)表單能夠讓用戶發(fā)出這樣的疑問(wèn),那一定是表單的輸入注釋及錯(cuò)誤提示沒(méi)有做好。
填寫前提示
避免使用晦澀的專業(yè)術(shù)語(yǔ),并提供可讀性強(qiáng)的提示引導(dǎo)用戶填寫,通過(guò)占位符、文本、圖片等多種形式為用戶提供填寫前提示。
很多密碼填寫都會(huì)遇到格式的問(wèn)題,在用戶填寫前告知密碼填寫規(guī)范,可以有效降低用戶錯(cuò)誤輸入的風(fēng)險(xiǎn)。
提示信息除了像上圖顯示的那樣通過(guò)占位符的方式展現(xiàn),也可以當(dāng)每項(xiàng)輸入項(xiàng)獲得熱焦點(diǎn)的時(shí),顯示該項(xiàng)的提示信息,并在失去焦點(diǎn)的時(shí)候進(jìn)行驗(yàn)證(不要再用戶點(diǎn)擊完成按鈕的時(shí)候在做這些事),這樣可以避免填寫時(shí)無(wú)法繼續(xù)閱讀占位符所寫提示的問(wèn)題。
錯(cuò)誤提示
錯(cuò)誤提示是在用戶輸入的信息發(fā)生錯(cuò)誤時(shí)才顯示的提示,有以下幾種錯(cuò)誤提示的方式:1. 進(jìn)行有效的即時(shí)校驗(yàn),讓用戶能及時(shí)修改、補(bǔ)充缺漏的信息,如驗(yàn)證碼輸入錯(cuò)誤后及時(shí)提示,刷新驗(yàn)證碼讓用戶重新填寫;2. 使用填寫控制來(lái)限制用戶的行為,如在預(yù)定機(jī)票時(shí)返回時(shí)間無(wú)法選擇出發(fā)時(shí)間之前的日期,出發(fā)城市不能跟到達(dá)城市一樣等;3. 系統(tǒng)自動(dòng)修正等等。
用戶出現(xiàn)錯(cuò)誤時(shí)除了提供及時(shí)的錯(cuò)誤提示外,還可以清楚的說(shuō)明原因并提供有效的解決方案。例如用戶在填寫郵箱時(shí),系統(tǒng)發(fā)現(xiàn)該郵箱已注冊(cè),可為用戶提供登錄入口等。
小結(jié)
在填寫之前告知用戶填寫規(guī)則避免出錯(cuò),一旦出錯(cuò)及時(shí)提醒并提供有效的解決方案,良好的表單提示能夠給用戶繼續(xù)完成表單帶來(lái)動(dòng)力。
5. 注冊(cè)完成并不是結(jié)束:將用戶引導(dǎo)至網(wǎng)站期望他們?nèi)サ牡胤?/h2>
注冊(cè)完成對(duì)于用戶來(lái)說(shuō)并不是終點(diǎn),用戶不是為了注冊(cè)而注冊(cè),而是為了完成某些特定的目的,例如購(gòu)買前需要注冊(cè)、投資前需要注冊(cè)等等。因此不能讓用戶一直停留在注冊(cè)完成頁(yè),而是要將他們引導(dǎo)到網(wǎng)站期望用戶去到的地方。
簡(jiǎn)單來(lái)說(shuō)就是需要考慮以下3個(gè)問(wèn)題:
- 用戶從哪里來(lái)的?(跳轉(zhuǎn)到注冊(cè)頁(yè)的前一個(gè)頁(yè)面是什么)
- 注冊(cè)后最關(guān)鍵路徑是什么?(前往購(gòu)買、前往留資、返回前頁(yè))
- 除了最關(guān)鍵路徑,還可以提供用戶哪些行為入口?(與關(guān)鍵路徑形成差異)
用戶從哪里來(lái)的直接關(guān)系到后續(xù)頁(yè)面的跳轉(zhuǎn)邏輯,如果用戶從獨(dú)立頁(yè)面(首頁(yè)、結(jié)果頁(yè))等前往注冊(cè),與用戶在流程中(如購(gòu)買流程中需要注冊(cè))前往注冊(cè),這兩個(gè)流程的后續(xù)頁(yè)面就有明顯的差異。
篩選最關(guān)鍵路徑意味著網(wǎng)站核心價(jià)值的體現(xiàn),如電商類網(wǎng)站希望用戶注冊(cè)完成后即可開(kāi)始購(gòu)買,而資訊類網(wǎng)站更希望用戶注冊(cè)后仍然完善興趣信息,以便網(wǎng)站更好的匹配和推薦。
除了最關(guān)鍵信息,也需要其他入口來(lái)契合不同的用戶群體的特殊需求,滿足需求的多樣性。
總結(jié)
注冊(cè)頁(yè)面及注冊(cè)窗口的設(shè)計(jì)已經(jīng)變得越來(lái)越通用化,網(wǎng)站可以通過(guò)套用注冊(cè)模板實(shí)現(xiàn)注冊(cè)功能,但設(shè)計(jì)一款符合網(wǎng)站核心價(jià)值且高效的注冊(cè)頁(yè)面也需要注意以下5件“小事”。
- 選擇適當(dāng)?shù)淖?cè)方式
- 適時(shí)適量體現(xiàn)會(huì)員優(yōu)惠
- 良好的表單設(shè)計(jì)
- 前置填寫提示、及時(shí)錯(cuò)誤提示
- 注冊(cè)后引導(dǎo)
本文由 @108haungqing?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
感謝作者分享
寫的很好,感謝作者分享,很受用
我愛(ài)你
感謝分享,很受用
??
真不錯(cuò),沉淀分享是最好的學(xué)習(xí)
謝謝,也是對(duì)我自己工作的部分總結(jié)