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

本文旨在提高網站註冊的成功率,讓用戶在註冊時有一個良好的體驗,用戶可以方便的填完註冊表單的各項內容,快速完成註冊流程。在這裏我並不希望告訴大家一個標準答案,也無法給出一個標準答案,因爲每個網站有各自的情況,網站定位,用戶人羣,技術實力,重視程度都不同。我只是想歸納下,在做註冊流程時應該注意哪些問題。

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

  註冊流程的表單應該做到友好、清晰、合理和一致。在設計時應避免各種各樣的分散因素,給用戶提供一個清晰明確並且簡單的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.新的頁面的出現

  儘量不要設置跳出頁面的鏈接,註冊是單線流程,如果提示的內容很多,可以使用層彈出的展現方式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章