網站註冊流程的分析與研究

本文旨在提升網站註冊的成功率，讓用戶在註冊時有一個良好的體驗，用戶能夠方便的填完註冊表單的各項內容，快速完成註冊流程。在這裏我並不但願告訴你們一個標準答案，也沒法給出一個標準答案，由於每一個網站有各自的狀況，網站定位，用戶人羣，技術實力，重視程度都不一樣。我只是想概括下，在作註冊流程時應該注意哪些問題。

　　1、網站註冊流程設計資料整理

　　註冊流程的表單應該作到友好、清晰、合理和一致。在設計時應避免各類各樣的分散因素，給用戶提供一個清晰明確而且簡單的web表單。註冊表單的難易程度與用戶的註冊成功率和註冊速度是成反比的。在設計網站註冊流程時應該考慮如下問題：

　　(一)表單數量

　　一般狀況下，網站的用戶但願填寫的信息越少越好，能夠立刻瀏覽整個網站。而對於網站來說，但願用戶填寫更多的信息，這樣有利於網站收集更多的數據。固然如何在這二者之間尋找一個平衡點是很是困難的，網站的決策者須要考慮不少因素。固然咱們須要把用戶的體驗放在第一位，儘可能將表單數量降到最低，不要讓用戶填寫那些沒有用的信息。

　　如今有些網站使用快速註冊的方式鼓勵用戶註冊，快速註冊的必填項包括：賬號(E-mail)，密碼，重複密碼(若是用E-mail做爲帳號，能夠省略)，條款，要填寫的信息很是少，與登陸網站時填寫的信息同樣多。一個網站若是可以真正吸引住用戶，用戶爲了本身的須要會去主動完善本身的信息。

　　咱們能夠容許用戶對網站有必定的瞭解以後，再去註冊，或者有些功能的使用須要完善用戶的我的信息。固然一些社交類網站但願用戶提供更加詳細的我的資料，這樣能夠更好的爲用戶提供服務，如填寫教育背景，能夠找到本身的校友，可能認識的人等。

　　若是一個表單須要填寫不少的信息，且設計的很混亂，這樣的表單會給用戶一種壓迫感，使用戶過早的放棄註冊，下降註冊的成功率。

　　(二)表單標籤設計

　　1.標籤對齊方式

　　主要有三種對齊方式：垂直頂對齊、水平左對齊和水平右對齊。如今絕大數的網站註冊表單的標籤對齊方式是水平右對齊。

　　(1)垂直頂對齊。它主要適用於填寫表單數量少的狀況，由於垂直頂佔用的空間是水平對齊的2倍。這種對齊方式的好處是用戶能夠在一列中向下進行掃視，而不用去左右掃視。

　　(2)水平右對齊。目前大多數網站都用的是水平右對齊方式，用戶在使用右對齊時操做會比較快捷，用戶填寫表單時會更加快速方便。右對齊縮短了標籤與輸入框之間的距離，便於它們的一一對應;水平右對齊適用於那些表單排版不整齊的狀況下。這種對齊方式特別適用於中文標籤長度不一致時，這樣會給人一種很舒服的感受。

　　(3)水平左對齊。左對齊便於用戶對輸入標籤的掃描，但從標籤到輸入區的路徑較長，會影響到填寫速度。水平左對齊適用於那些表格排版相對整齊(寬度/填寫內容)，而且用戶能夠很好理解所填寫的內容。雖然標籤左對齊被認爲會使表單填寫最慢，那是由於須要更多的眼部注視和更長距離的視線移動。標籤左對齊的表單一般是更整齊、更清晰的佈局，傳達信息更清晰。它們能使用戶快速的掃視每一個標籤，增長了標籤的可讀性。

　　2.視覺設計

　　表單標籤設爲粗體更能讓標籤在前景中突顯出來，用戶也會以爲使用粗體標籤將使填寫變得更容易。若是想讓用戶去看標籤，那就使用帶陰影或有顏色字體的標籤。若是標籤不重要，那就不用刻意去這樣作。咱們須要避免用戶在填寫信息時感到迷惑。

　　(三)提示信息設計

　　一般狀況下提示信息應不引人注目但清晰，與標籤的字體顏色要有區別，應淡一些，一般會用灰色，作到不去幹擾用戶。提示信息應該作到言簡意賅，不要整段整段的出現，這樣會讓用戶感受到有種壓迫感。

　　1.提示信息表現形式

　　是靜態的幫助提示，仍是動態的幫助提示?靜態的幫助提示只是以前假定好的一些和用戶有關的提示信息，被放在輸入框的旁邊。動態的提示信息一般是在一些幫助圖標被點擊以後或者輸入框得到焦點時纔會出現的。若是提示信息比較多，能夠用動態提示信息，動態提示給用戶的感受是比較簡單和清晰。若是一開始就顯示不少，會讓用戶感受到這個網站規則太多，很不爽。固然這裏須要更多的考慮用戶心理。

　　2.提示信息的位置

　　提示信息須要被用戶方便地發現和理解。

　　(1)在輸入框下面。這樣作的壞處是會拉長頁面。而不須要用戶左右搖頭，提示信息與輸入框有明確的從屬關係。並且提示信息能夠佔據更寬的位置，這樣會使文字顯得更加精簡。

　　(2)在輸入框的右側。

　　這樣作能夠節約頁面長度，如今不少網站將提示信息放在輸入框的右側。固然這樣會使頁面文字比較多且密集，會增長頁面寬度，用戶須要左右搖頭。若是提示文字比較少，能夠用此方式。

　　(3)其它位置， 輸入框的上方或左側。

　　(四)反饋信息的設計

　　1.信息正確的反饋設計

　　信息正確的反饋會鼓勵用戶填寫剩下的信息，同時也要考慮反饋信息出現的位置。通常會出現信息正確的輔助圖標，大數狀況下是綠色對勾。

　　2. 警示信息的設計

　　(1)警示信息出現時間。

　　在填寫表單後即時顯示警示信息;仍是在點擊提交按鈕以後顯示警示信息。有的網站沒有即時顯示，用戶提交表單後才告訴用戶哪裏錯了，並且還要從新填寫密碼，對用戶很是不友好。警示信息不要過於敏感，有的網站當用戶什麼也沒有填寫時，點擊頁面空白處就會觸發警示信息。

　　(2)警示信息的視覺設計。

　　須要考慮是突出錯誤發生地，仍是警示信息自己。大部分警示信息使用紅色的字體，或者加上紅色的底色。警示信息的輔助圖標，有感嘆號，X號和禁止通行圖標。感嘆號，在交通標誌中表示危險，X號表示錯誤。紅圈中心橫向白線，在交通標誌表示禁止通行。我的感受用紅圈中心橫向白線比較好，畢竟用戶並無作錯什麼，也不會有什麼危險。

　　也須要考慮反饋信息出現的位置，同時儘可能避免出現彈出框的警示提醒。

　　(五)文案設計

　　表單的方案要作到簡單、明確。

　　a. 質量重於數量，一針見血地說出亮點，而非平鋪羅列

　　b. 盡力避免有特殊含義的文案，若是有專屬名詞請必定要解釋清楚，避免用戶的困惑

　　c. 盡力思考文案表面的亮點，什麼才最吸引用戶，有時「最新」字樣不必定是用戶最感興趣的

　　d. 在咱們以往的項目中多項數據和實踐強調證實文案真的很重要

　　(六)註冊賬戶的設計

　　1.網站帳號通常爲用戶名或E-mail，或者是二者兼有。

　　當被提示「該用戶名已被註冊」時，系統是否有必要自動生成不重複的用戶名供用戶選擇。是否須要提供給用戶一個登陸表單或者登陸鏈接，有多是用戶忘記在網站註冊過。

　　2.帳號的檢測。

　　包括自動檢測、 手動檢測和提交後檢測。自動檢測，當用戶輸入完帳號後，點擊下個輸入框的時候自動默認輸入用戶名完成開始檢測。手動檢測，提供一個檢測帳號的按鈕。最後一種是提交表單後，系統才告訴帳號是否可用。我的感受自動檢測比較好，很是友好，技術實現上也不會太難。

　　(七)關於密碼的設計

　　1.密碼安全程度。

　　有的網站會爲用戶實時顯示密碼安全程度，以此來提醒用戶設置密碼的安全性。這種狀況下，應該顯示滿分是多少，不要讓用戶去猜。固然這種設計有沒有必要，用戶是否會改變他們經常使用的密碼，還須要考慮。

　　2.確認密碼。

　　由於輸入的密碼以星號顯示出來，因此絕大多數網站都要求用戶確認本身的密碼，這樣作是否增長了用戶負擔。有數據顯示， 72%的狀況是有必要確認密碼的，可是許多例如Facebook，Friendster，LinkedIn, Stumbleupon, Pownce 和 Twitter的網站都不要求確認密碼。減小這一步的前提是註冊郵箱不能填寫錯誤。初始輸入密碼的輸入框應該不容許複製，重複輸入密碼的輸入框應該不容許粘貼，要達到重複輸入密碼的設計目的，確保輸入的密碼是正確的一致的。是否有其它好的處理方法。

　　3.密碼保護信息。

　　a.密碼提示問題。網站會提供一些設定好的問題，並應該容許用戶 「自定義」密碼提示問題。提示問題不要含糊不清。問題的答案不要有多種可能，如格式不同，可能縮寫等。

　　b.密碼保護郵箱(安全郵箱)。主要能夠經過該郵箱找回密碼。由於不多使用此功能，因此用戶極可能會忘記哪一個郵箱是密碼保護郵箱。如何提醒用戶呢?是否能夠直接告訴用戶密碼保護郵箱，或者只告訴用戶，郵箱所屬的網站，儘可能讓用戶能夠方便記起。能夠在驗證經過頁面提供到安全郵箱的連接，省去了用戶輸入郵箱地址，減輕用戶的負擔。

　　(八)校驗碼

　　對於網站來講，驗證碼越複雜越安全，從用戶的角度來看，越簡單越好。有的網站是不能在不刷新頁面的狀況下實時刷新校驗碼的，這個在可用性上是很是糟糕的一件事。網站使用校驗碼，應該是易讀的，或者在不可讀的狀況用戶能夠實時刷新校驗碼。必定要簡單，不要讓用戶去猜。國內有的用中文進行校驗，我的感受這樣會增長用戶的負擔，中間還要切換輸入法。

　　最好是全英文或者全數字，這樣能夠減輕用戶的負擔。全英文應該告知是否區分大小寫。固然全數字，多是最簡單的。還有字符要單獨佔位，不要相互疊加，背景色不要對字符造成干擾，不要讓用戶在註冊時花很長時間。

　　(九)服務條款和註冊後出口

　　1.服務條款和提交按鈕

　　(1)服務條款表現形式。

　　a.用一句話作連接，放在提交按鈕的下邊，以新窗口打開，不影響用戶的註冊流程，提交按鈕含有贊成條款的表述。b.勾選該項後方可註冊，或已默認勾選。c.瀏覽框的形式。註冊時到底會有多少用戶閱讀服務條款呢?

　　(2)提交按鈕的對齊方式：提交按鈕左對齊，右對齊，中間。

　　2.註冊後出口：感謝信息

　　註冊完後，用戶將去哪裏?大多數網站在成功註冊以後會提供一個簡單的感謝信息(一般還帶有一個登陸的連接)，並提供網站主要功能的入口，還鼓勵用戶使用網站的其它功能。還有的只提供了一個基礎的「謝謝你」的消息，或直接跳轉到首頁，或去驗證郵箱。

　　(十)其它

　　1. 填寫表單的好處

　　註冊時須要告訴用戶註冊網站的好處，不少用戶是在吃到閉門羹時纔去註冊網站的。

　　2.單頁與多頁表單

　　若是表單數量過多，能夠考慮設計成多頁表單，可是必定要告訴用戶，一共有幾步，如今在哪裏，將要去哪裏。註冊步驟引導能夠是文字，也能夠是圖片。

　　若是單頁表單過長，能夠進行邏輯分組，並將相關的控件放在一塊兒。這樣在填寫表單時，用戶會感到比較有條理。

　　3. 表單的必填項和選填項

　　表單的必填項和選填項的關係要清晰，包括哪些是必填項，哪些是選填項，以及它們之間的邏輯關係、顯示關係。這些能夠經過視覺設計和佈局來區分。有的將可選項設計爲斜體並用其它弱色代表。有的是將必填項和選填項進行分組。經常使用的是在必填項加*號，用來區分必填項與選填項。如今須要考慮是否有必要在必填項的標籤前加*號(全爲必填項除外)。

　　4.有必要確認E-mail嗎?

　　只有小部分的網站須要確認E-mail。咱們沒有任何理由讓用戶重複輸入E-mail地址，畢竟用戶可以看到他們輸的是什麼，由於E-mail地址的區域不像是密碼區域那樣是以星狀顯示的。

　　5.須要使用取消按鈕和重置按鈕嗎?

　　固然不須要，用戶不想註冊了，能夠直接關閉網頁，結束註冊流程。這些狀況中的一些取消按鈕正好出如今「條款和協議」的下面。因此若是用戶不一樣意服務條款，他們會退出這個流程。

　　6.註冊頁面寬度

　　頁面寬度爲800px時，用戶會彙集在屏幕的中心位置，不用左看右看。

　　7.自動識別填寫

　　有的輸入值能夠默認爲系統識別的值，沒必要用戶填寫，固然用戶能夠根據本身的實際狀況修改，如填寫地址。

　　8.新的頁面的出現

　　儘可能不要設置跳出頁面的連接，註冊是單線流程，若是提示的內容不少，可使用層彈出的展示方式。