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