本文旨在提高網(wǎng)站注冊的成功率，讓用戶在注冊時有一個良好的體驗，用戶可以方便的填完注冊表單的各項內(nèi)容，快速完成注冊流程。在這里我并不希望告訴大家一個標(biāo)準(zhǔn)答案，也無法給出一個標(biāo)準(zhǔn)答案，因為每個網(wǎng)站有各自的情況，網(wǎng)站定位，用戶人群，技術(shù)實力，重視程度都不同。我只是想歸納下，在做注冊流程時應(yīng)該注意哪些問題。
本文分為三部分，第一部分參考了眾多前輩寫的相關(guān)文章，并進行了系統(tǒng)的整理，并加上了自己的一些主觀意識。由于參考的文章眾多，在這里不一一列舉了。第二部分，主要對國內(nèi)外一些網(wǎng)站的注冊流程進行了測試，提出了一些問題和建議。第三部分，從理論到實踐，再到理論。歸納總結(jié)出在整個注冊流程設(shè)計中應(yīng)該注意的問題，使之更加系統(tǒng)和詳細(xì)。
一、網(wǎng)站注冊流程設(shè)計資料整理
注冊流程的表單應(yīng)該做到友好、清晰、合理和一致。在設(shè)計時應(yīng)避免各種各樣的分散因素，給用戶提供一個清晰明確并且簡單的web表單。注冊表單的難易程度與用戶的注冊成功率和注冊速度是成反比的。在設(shè)計網(wǎng)站注冊流程時應(yīng)該考慮以下問題：
（一）表單數(shù)量
通常情況下，網(wǎng)站的用戶希望填寫的信息越少越好，可以馬上瀏覽整個網(wǎng)站。而對于網(wǎng)站來講，希望用戶填寫更多的信息，這樣有利于網(wǎng)站收集更多的數(shù)據(jù)。當(dāng)然如何在這兩者之間尋找一個平衡點是非常困難的，網(wǎng)站的決策者需要考慮很多因素。當(dāng)然我們需要把用戶的體驗放在第一位，盡量將表單數(shù)量降到最低，不要讓用戶填寫那些沒有用的信息。
現(xiàn)在有些網(wǎng)站使用快速注冊的方式鼓勵用戶注冊，快速注冊的必填項包括：賬號（E-mail），密碼，重復(fù)密碼（如果用E-mail作為賬號，可以省略），條款，要填寫的信息非常少，與登錄網(wǎng)站時填寫的信息一樣多。一個網(wǎng)站如果能夠真正吸引住用戶，用戶為了自己的需要會去主動完善自己的信息。
我們可以允許用戶對網(wǎng)站有一定的了解之后，再去注冊，或者有些功能的使用需要完善用戶的個人信息。當(dāng)然一些社交類網(wǎng)站希望用戶提供更加詳細(xì)的個人資料，這樣可以更好的為用戶提供服務(wù)，如填寫教育背景，可以找到自己的校友，可能認(rèn)識的人等。
如果一個表單需要填寫很多的信息，且設(shè)計的很混亂，這樣的表單會給用戶一種壓迫感，使用戶過早的放棄注冊，降低注冊的成功率。
（二）表單標(biāo)簽設(shè)計
1.標(biāo)簽對齊方式
主要有三種對齊方式：垂直頂對齊、水平左對齊和水平右對齊?，F(xiàn)在絕大數(shù)的網(wǎng)站注冊表單的標(biāo)簽對齊方式是水平右對齊。
（1）垂直頂對齊。它主要適用于填寫表單數(shù)量少的情況，因為垂直頂占用的空間是水平對齊的2倍。這種對齊方式的好處是用戶可以在一列中向下進行掃視，而不用去左右掃視。
（2）水平右對齊。目前大多數(shù)網(wǎng)站都用的是水平右對齊方式，用戶在使用右對齊時操作會比較快捷，用戶填寫表單時會更加快速方便。右對齊縮短了標(biāo)簽與輸入框之間的距離，便于它們的一一對應(yīng)；水平右對齊適用于那些表單排版不整齊的情況下。這種對齊方式特別適用于中文標(biāo)簽長度不一致時，這樣會給人一種很舒服的感覺。
（3）水平左對齊。左對齊便于用戶對輸入標(biāo)簽的掃描，但從標(biāo)簽到輸入?yún)^(qū)的路徑較長，會影響到填寫速度。水平左對齊適用于那些表格排版相對整齊（寬度/填寫內(nèi)容），并且用戶可以很好理解所填寫的內(nèi)容。雖然標(biāo)簽左對齊被認(rèn)為會使表單填寫最慢，那是因為需要更多的眼部注視和更長距離的視線移動。標(biāo)簽左對齊的表單通常是更整齊、更清晰的布局，傳達信息更清晰。它們能使用戶快速的掃視每個標(biāo)簽，增加了標(biāo)簽的可讀性。
2.視覺設(shè)計
表單標(biāo)簽設(shè)為粗體更能讓標(biāo)簽在前景中突顯出來，用戶也會覺得使用粗體標(biāo)簽將使填寫變得更容易。如果想讓用戶去看標(biāo)簽，那就使用帶陰影或有顏色字體的標(biāo)簽。如果標(biāo)簽不重要，那就不用刻意去這樣做。我們需要避免用戶在填寫信息時感到迷惑。
（三）提示信息設(shè)計
通常情況下提示信息應(yīng)不引人注目但清晰，與標(biāo)簽的字體顏色要有區(qū)別，應(yīng)淡一些，通常會用灰色，做到不去干擾用戶。提示信息應(yīng)該做到言簡意賅，不要整段整段的出現(xiàn)，這樣會讓用戶感覺到有種壓迫感。
1.提示信息表現(xiàn)形式
是靜態(tài)的幫助提示，還是動態(tài)的幫助提示？靜態(tài)的幫助提示只是之前假定好的一些和用戶有關(guān)的提示信息，被放在輸入框的旁邊。動態(tài)的提示信息通常是在一些幫助圖標(biāo)被點擊之后或者輸入框獲得焦點時才會出現(xiàn)的。如果提示信息比較多，可以用動態(tài)提示信息，動態(tài)提示給用戶的感覺是比較簡單和清晰。如果一開始就顯示很多，會讓用戶感覺到這個網(wǎng)站規(guī)則太多，很不爽。當(dāng)然這里需要更多的考慮用戶心理。
2.提示信息的位置
提示信息需要被用戶方便地發(fā)現(xiàn)和理解。
（1）在輸入框下面。這樣做的壞處是會拉長頁面。而不需要用戶左右搖頭，提示信息與輸入框有明確的從屬關(guān)系。而且提示信息可以占據(jù)更寬的位置，這樣會使文字顯得更加精簡。
（2）在輸入框的右側(cè)。
這樣做可以節(jié)約頁面長度，現(xiàn)在很多網(wǎng)站將提示信息放在輸入框的右側(cè)。當(dāng)然這樣會使頁面文字比較多且密集，會增加頁面寬度，用戶需要左右搖頭。如果提示文字比較少，可以用此方式。
（3）其它位置， 輸入框的上方或左側(cè)。
（四）反饋信息的設(shè)計
1.信息正確的反饋設(shè)計
信息正確的反饋會鼓勵用戶填寫剩下的信息，同時也要考慮反饋信息出現(xiàn)的位置。一般會出現(xiàn)信息正確的輔助圖標(biāo)，大數(shù)情況下是綠色對勾。
2. 警示信息的設(shè)計
（1）警示信息出現(xiàn)時間。
在填寫表單后即時顯示警示信息；還是在點擊提交按鈕之后顯示警示信息。有的網(wǎng)站沒有即時顯示，用戶提交表單后才告訴用戶哪里錯了，而且還要重新填寫密碼，對用戶非常不友好。警示信息不要過于敏感，有的網(wǎng)站當(dāng)用戶什么也沒有填寫時，點擊頁面空白處就會觸發(fā)警示信息。
（2）警示信息的視覺設(shè)計。
需要考慮是突出錯誤發(fā)生地，還是警示信息本身。大部分警示信息使用紅色的字體，或者加上紅色的底色。警示信息的輔助圖標(biāo)，有感嘆號，X號和禁止通行圖標(biāo)。感嘆號，在交通標(biāo)志中表示危險，X號表示錯誤。紅圈中心橫向白線，在交通標(biāo)志表示禁止通行。個人感覺用紅圈中心橫向白線比較好，畢竟用戶并沒有做錯什么，也不會有什么危險。
也需要考慮反饋信息出現(xiàn)的位置，同時盡量避免出現(xiàn)彈出框的警示提醒。
（五）文案設(shè)計
表單的方案要做到簡單、明確。
a. 質(zhì)量重于數(shù)量，一針見血地說出亮點，而非平鋪羅列
b. 盡力避免有特殊含義的文案，如果有專屬名詞請一定要解釋清楚，避免用戶的困惑
c. 盡力思考文案表面的亮點，什么才最吸引用戶，有時“最新”字樣不一定是用戶最感興趣的
d. 在我們以往的項目中多項數(shù)據(jù)和實踐強調(diào)證明文案真的很重要
（六）注冊帳戶的設(shè)計
1.網(wǎng)站賬號一般為用戶名或E-mail，或者是兩者兼有。
當(dāng)被提示“該用戶名已被注冊”時，系統(tǒng)是否有必要自動生成不重復(fù)的用戶名供用戶選擇。是否需要提供給用戶一個登錄表單或者登錄連接，有可能是用戶忘記在網(wǎng)站注冊過。
2.賬號的檢測。
包括自動檢測、 手動檢測和提交后檢測。自動檢測，當(dāng)用戶輸入完賬號后，點擊下個輸入框的時候自動默認(rèn)輸入用戶名完成開始檢測。手動檢測，提供一個檢測賬號的按鈕。最后一種是提交表單后，系統(tǒng)才告訴賬號是否可用。個人感覺自動檢測比較好，非常友好，技術(shù)實現(xiàn)上也不會太難。
（七）關(guān)于密碼的設(shè)計
1.密碼安全程度。
有的網(wǎng)站會為用戶實時顯示密碼安全程度，以此來提醒用戶設(shè)置密碼的安全性。這種情況下，應(yīng)該顯示滿分是多少，不要讓用戶去猜。當(dāng)然這種設(shè)計有沒有必要，用戶是否會改變他們常用的密碼，還需要考慮。
2.確認(rèn)密碼。
因為輸入的密碼以星號顯示出來，所以絕大多數(shù)網(wǎng)站都要求用戶確認(rèn)自己的密碼，這樣做是否增加了用戶負(fù)擔(dān)。有數(shù)據(jù)顯示， 72%的情況是有必要確認(rèn)密碼的，但是許多例如Facebook，F(xiàn)riendster，LinkedIn, Stumbleupon, Pownce 和 Twitter的網(wǎng)站都不要求確認(rèn)密碼。減少這一步的前提是注冊郵箱不能填寫錯誤。初始輸入密碼的輸入框應(yīng)該不允許復(fù)制，重復(fù)輸入密碼的輸入框應(yīng)該不允許粘貼，要達到重復(fù)輸入密碼的設(shè)計目的，確保輸入的密碼是正確的一致的。是否有其它好的處理方法。
3.密碼保護信息。
a.密碼提示問題。網(wǎng)站會提供一些設(shè)定好的問題，并應(yīng)該允許用戶 “自定義”密碼提示問題。提示問題不要含糊不清。問題的答案不要有多種可能，如格式不一樣，可能縮寫等。
b.密碼保護郵箱（安全郵箱）。主要可以通過該郵箱找回密碼。因為很少使用此功能，所以用戶很可能會忘記哪個郵箱是密碼保護郵箱。如何提醒用戶呢？是否可以直接告訴用戶密碼保護郵箱，或者只告訴用戶，郵箱所屬的網(wǎng)站，盡量讓用戶可以方便記起?？梢栽隍炞C通過頁面提供到安全郵箱的鏈接，省去了用戶輸入郵箱地址，減輕用戶的負(fù)擔(dān)。
（八）校驗碼
對于網(wǎng)站來說，驗證碼越復(fù)雜越安全，從用戶的角度來看，越簡單越好。有的網(wǎng)站是不能在不刷新頁面的情況下實時刷新校驗碼的，這個在可用性上是非常糟糕的一件事。網(wǎng)站使用校驗碼，應(yīng)該是易讀的，或者在不可讀的情況用戶可以實時刷新校驗碼。一定要簡單，不要讓用戶去猜。國內(nèi)有的用中文進行校驗，個人感覺這樣會增加用戶的負(fù)擔(dān)，中間還要切換輸入法。
最好是全英文或者全數(shù)字，這樣可以減輕用戶的負(fù)擔(dān)。全英文應(yīng)該告知是否區(qū)分大小寫。當(dāng)然全數(shù)字，可能是最簡單的。還有字符要單獨占位，不要相互疊加，背景色不要對字符形成干擾，不要讓用戶在注冊時花很長時間。
（九）服務(wù)條款和注冊后出口
1.服務(wù)條款和提交按鈕
（1）服務(wù)條款表現(xiàn)形式。
a.用一句話做鏈接，放在提交按鈕的下邊，以新窗口打開，不影響用戶的注冊流程，提交按鈕含有同意條款的表述。b.勾選該項后方可注冊，或已默認(rèn)勾選。c.瀏覽框的形式。注冊時到底會有多少用戶閱讀服務(wù)條款呢?
（2）提交按鈕的對齊方式：提交按鈕左對齊，右對齊，中間。
2.注冊后出口：感謝信息
注冊完后，用戶將去哪里？大多數(shù)網(wǎng)站在成功注冊之后會提供一個簡單的感謝信息（通常還帶有一個登錄的鏈接），并提供網(wǎng)站主要功能的入口，還鼓勵用戶使用網(wǎng)站的其它功能。還有的只提供了一個基礎(chǔ)的“謝謝你”的消息，或直接跳轉(zhuǎn)到首頁，或去驗證郵箱。
（十）其它
1. 填寫表單的好處
注冊時需要告訴用戶注冊網(wǎng)站的好處，很多用戶是在吃到閉門羹時才去注冊網(wǎng)站的。
2.單頁與多頁表單
如果表單數(shù)量過多，可以考慮設(shè)計成多頁表單，但是一定要告訴用戶，一共有幾步，現(xiàn)在在哪里，將要去哪里。注冊步驟引導(dǎo)可以是文字，也可以是圖片。
如果單頁表單過長，可以進行邏輯分組，并將相關(guān)的控件放在一起。這樣在填寫表單時，用戶會感到比較有條理。
3. 表單的必填項和選填項
表單的必填項和選填項的關(guān)系要清晰，包括哪些是必填項，哪些是選填項，以及它們之間的邏輯關(guān)系、顯示關(guān)系。這些可以通過視覺設(shè)計和布局來區(qū)分。有的將可選項設(shè)計為斜體并用其它弱色表明。有的是將必填項和選填項進行分組。常用的是在必填項加*號，用來區(qū)分必填項與選填項。現(xiàn)在需要考慮是否有必要在必填項的標(biāo)簽前加*號（全為必填項除外）。
4.有必要確認(rèn)E-mail嗎？
只有小部分的網(wǎng)站需要確認(rèn)E-mail。我們沒有任何理由讓用戶重復(fù)輸入E-mail地址，畢竟用戶能夠看到他們輸?shù)氖鞘裁?，因為E-mail地址的區(qū)域不像是密碼區(qū)域那樣是以星狀顯示的。
5.需要使用取消按鈕和重置按鈕嗎？
當(dāng)然不需要，用戶不想注冊了，可以直接關(guān)閉網(wǎng)頁，結(jié)束注冊流程。這些情況中的一些取消按鈕正好出現(xiàn)在“條款和協(xié)議”的下面。所以如果用戶不同意服務(wù)條款，他們會退出這個流程。
6.注冊頁面寬度
頁面寬度為800px時，用戶會聚集在屏幕的中心位置，不用左看右看。
7.自動識別填寫
有的輸入值可以默認(rèn)為系統(tǒng)識別的值，不必用戶填寫，當(dāng)然用戶可以根據(jù)自己的實際情況修改，如填寫地址。
8.新的頁面的出現(xiàn)
盡量不要設(shè)置跳出頁面的鏈接，注冊是單線流程，如果提示的內(nèi)容很多，可以使用層彈出的展現(xiàn)方式。(第一部分完)
————————————————————————————————————
第一次寫這么長的文章，難免有錯誤，加之本人乃半路出家，水平有限，肯定有不足之處，歡迎指正（拍磚也是允許的）。
在第二部分，我將會介紹對國內(nèi)外網(wǎng)站注冊流程的測試情況，敬請期待！
