天天看點

《社交網站界面設計(原書第2版)》——3.2 注冊

是什麼

使用者想通路某個需要建立或者儲存個人資訊的網站或應用。使用者想為網站的社群貢獻内容,并且想将這些内容歸檔儲存以便後續使用(參見圖3-1和圖3-2)。

《社交網站界面設計(原書第2版)》——3.2 注冊

圖3-1:Facebook的注冊界面收集了足以提供價值的資訊

《社交網站界面設計(原書第2版)》——3.2 注冊

何時使用

網站的功能要求留下個人資訊或隐私資訊,并且隐私和安全非常重要。

财務往來要求記錄計費、物流和交易資訊。

使用者想參與線上活動(評論留言、寫部落格、發文章、發照片、建立自己的人際網)并且這種參與活動需要身份确認并且/或者與使用者建立社群的目的、聲譽、建立個人資訊或知識庫有關。

如何使用

隻收集使用者登入網站最必要的資訊,如圖3-3所示。通常隻需要一個電子郵件位址(供登入時使用)和密碼。甚至你需要考慮一下是否有必要注冊。

為了獲得更佳的使用者體驗時才會收集其他資訊。你可以問問自己,你要收集的資料是否在網站的其他地方、其他時刻可能被用到(見圖3-3)。

《社交網站界面設計(原書第2版)》——3.2 注冊

圖3-3:Pack在要求你注冊前就為你的狗狗開啟資訊建立過程了。直到第3個界面才要求你建立一系列認證證書。這個過程完成時,你已經建立了一個個人賬戶,你的狗狗也有了自定義的資料

解釋你所收集的每條資訊會對使用者有什麼好處。例如:

○ 郵政編碼或者其他位址資訊可以幫你找到附近的餐廳和商店。

○ 手機号碼可以接收網站向手機發送的内容,也可以用該手機向網站釋出内容。

盡量在使用者浏覽網站的最後可能的時刻再要求使用者注冊,例如:當使用者想儲存他們建立的視訊時再要求其注冊。

在移動體驗中使用螢幕鍵盤時,應使用自定義鍵盤來給使用者提供額外的安全以及更簡單的輸入資訊方式。例如,當要求電子郵件位址時,要提供@和.符号,如圖3-4所示。

《社交網站界面設計(原書第2版)》——3.2 注冊

在注冊之後,讓使用者繼續回到原來的任務中。如果他們是通過随意浏覽或搜尋引擎而進入網站的,那麼注冊後要跳轉到最可能鼓勵他們開始使用該網站的那個頁面。

避免簡單地将注冊時的各種輸入框分頁呈現、逐漸收集。這種方式很可能會降低效率,并且會讓使用者反感注1。

允許通過電子郵件位址的使用來建立唯一的辨別符,郵件位址是驗證使用者的唯一資訊。

不用強迫使用者建立一個與電子郵件位址不同的使用者名,除非該使用者是網站早期的試用者,否則随着時間的流逝,他想用的賬戶名(通常是他自己的名字)已經被占用的機率就會越來越高(參見圖3-5)。最樂觀的情況就是:這樣做隻是會讓你的使用者感到不快;而最糟的情況就是:你的使用者會棄你的網站而去,并且會心生敵意。

《社交網站界面設計(原書第2版)》——3.2 注冊

允許使用者使用與别人相同的昵稱進行回報并在使用者和系統之間進行互動。

要清楚标明哪些元素是使用者名和密碼所需要的。是否需要包含大寫字母和數字?是否區分字母的大小寫?是否有最少6個字元、最多15個字元的限制?要提前告知使用者,而不是以錯誤提示的形式提供這些資訊。傑拉德·斯布爾(Jared Spool)稱這種設計為防禦性設計。提前描述清楚某一行為的期望和結果,可以有效預防任務中斷并能確定更成功的注冊過程體驗。

當使用者填寫完表單時要給予回報,如圖3-6所示。在該示例中,當輸入框中的資料填寫正确(例如,一個完全可識别的電子郵件位址)時會在後面顯示對鈎,或者通過密碼強度檢測來訓示密碼的安全程度。

《社交網站界面設計(原書第2版)》——3.2 注冊

當使用者輸入密碼時,使用短暫的延遲來将他們剛剛輸入的字元轉換為星号顯示。另一種做法是在注冊過程中用純文字形式顯示密碼以供使用者驗證,并且隻在登入過程中隐藏它。

在點選“送出”按鈕前,要在同一行提供與上下文有關的出錯資訊來驗證日期和資料格式,或者檢查使用者名是否可用(參見圖3-7)。這樣做既可以緩解使用者的憤怒情緒,又可以盡量避免使用者放棄注冊任務。

《社交網站界面設計(原書第2版)》——3.2 注冊

圖3-7:當輸入框中填寫的某些資訊不正确時,StumbleUpon的系統資料庫單會在同一行提供出錯資訊。該系統資料庫單使用錯誤提示來提醒使用者填寫的資訊不正确,并在使用者輸入資訊時提供提示資訊來提醒使用者可用的資料或者格式

請確定密碼所要求的安全等級與使用者所建立或儲存的資料安全級别相比對。儲存菜單和在銀行付款的安全級别其差别是很大的,是以,使用者對網站的安全性和所用密碼類型的期望也大不相同,你應該做出相應的調整。

隻在非常必要的情況下使用驗證碼。驗證碼是為了“證明”注冊該服務的人是“人”而不是“機器”。不幸的是,有些邪惡的家夥們會通過雇傭廉價勞動力來讀取驗證碼,這樣他們就能輕松繞過驗證碼建立賬戶,用以發送垃圾郵件或進行其他類型的攻擊。由于驗證碼還需要實作可達性方面的應變方法,而且通常都難以讀取,是以你一定要確定是否有必要使用它。

在移動體驗中,當顯示多個輸入框時要包含“下一個”“上一個”“完成”,或者特殊的鍵盤,這樣使用者就可以在不離開鍵盤區域的情況下,直接從一個輸入框移動到另一個。

如果你需要二級認證(也稱為二進制認證、兩步驗證或者多重因素驗證),當你需要一個二級認證問題或者PIN時,應立刻告知使用者。確定他們知道這個安全體系如何保證他們的資訊安全。

你也可以考慮跳過整個系統資料庫單并且允許使用者使用OAuth啟用的服務,例如谷歌、Microsoft、Twitter或者Facebook Connect注冊。

為何使用

如果在使用者執行某項任務的過程中要求其“注冊”,就會中斷使用者原有的操作。當需要存儲個人資訊或使用者産生的内容時,這種中斷是必要且可被接受的,但這并不意味着網站可以利用這種手段來收集使用者的生活細節和他的子女資訊。

為了獲得更好的使用者體驗,使用者很樂意提供他們認為必要的資訊。如果除了唯一辨別符和密碼外還需要其他資訊,必須清楚說明為什麼需要這些資訊以及提供這些資訊後會為使用者帶來哪些好處。注冊過程就是跟使用者讨價還價的過程,如果你沒有清楚地說明其價值或者其價值看上去不夠大,他們将會放棄注冊并離開你的網站(參見圖3-8)。

可達性

系統資料庫單應該很容易通過鍵盤來導航,隻要點選“傳回”鍵即可觸發“送出”按鈕。

《社交網站界面設計(原書第2版)》——3.2 注冊

圖3-8:Pinterest的注冊界面非常簡單,并提供了為什麼注冊有價值的相關資訊(例如,有300多億Pins等待探索)

相關模式

登入

PIN

二進制認證

指紋或Bio指紋

登入連續性

退出

服務條款

繼續閱讀