網(wǎng)站注冊流程設計

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