精品国产av无码一区二区三区,亚洲旡码a∨一区二区三区,激情久久无码天堂

在設計注冊/登錄界面時要注意的常見問題

yoyo

2016-01-18

3 評論 19211 瀏覽 336 收藏

10 分鐘

如何為網站設計用戶登錄流程是一個老生常談的話題。隨著時代的發展，新用戶注冊、登錄到真正加入一個網站的過程一直在變化，從簡單的信息填寫發展到全面的注冊方式，再從系統的注冊回歸簡約直觀的登錄體驗，新用戶的登錄流程經歷了一個迂回的變遷過程。現如今，絕大多數的網站已經放棄了復雜、繁復的注冊流程，將用戶可能會遭遇障礙、引起用戶反感和煩躁的部分去除，盡可能簡單的讓用戶完成注冊和登錄流程。

當用戶完成注冊之后，可以選擇性地提供額外的信息，而這些信息可能會給給用戶帶來更加定制化的用戶體驗。為了安全起見，絕大多數的網站還是提供了郵箱驗證甚至電話驗證的環節，甚至提供備用安全郵箱的驗證機制。

登錄與注冊

隨著注冊流程的優化和簡化，登錄界面和注冊界面現在很容易被混淆。造成這種混淆的原因不止是簡化。首先許多網站會選擇將登錄和注冊界面設計地非常相似，甚至將其直接容納到同一個界面當中去。許多用戶不經意間在一個網站注冊過好幾個帳號的事情，并不鮮見。

evernote_login_signin-700x480 問題不僅僅存在于流程上。在中文中，“登錄”和“注冊”兩個詞在視覺上有很明顯的差異，但是英文中，“Sign Up”和“Sign In”也是很容易引起混淆的。

所以，為了讓用戶不再有不必要的混淆，最好是設計不同的界面，并進行差異化的視覺和內容的設計，確保用戶不會誤判。在這里說說反例，AxureShare 的登錄/注冊界面就非常典型地勾勒出簡化后的重復布局是具有何等的迷惑性。

郵箱地址和用戶名

在注冊環節，還有一個特別值得注意的問題就是用戶名和注冊郵箱的問題。當用戶注冊時候，最好不要讓用戶去創建獨特的用戶名，并且以此用作登錄服務的唯一憑證。絕大多數的用戶會有至少2個郵箱——一個用作工作，一個用作私人用（在中國許多人可能只有一個郵箱，QQ郵箱……）。所以，最好的方式是讓用戶使用郵箱登錄，注冊用戶可以在登錄之后修改信息，增加輔助郵箱，可以添加用戶名。

stripe_payments 另外，在移動端發展迅猛的今天，讓用戶使用手機號登錄也是非常不錯的方案。首先手機號具有獨特性，作為登錄帳號擁有便捷性和易于記憶的特征，作為常用的帳號存在，更易于用戶使用。

值得一提的是，手機號還符合目前流行的兩步驗證安全機制，系統可以更加便捷地為用戶發送驗證碼。

展現流程

進度條是用戶界面中最重要的存在之一，它為用戶呈現進度，設定目標，并將信息反饋給用戶。進度條讓用戶可以清晰地了解他已經完成多少，還有多少有待完成。也正是有了進度條，復雜的加入環節才得以分割、簡化，并且顯得更加清晰。

progressBar-large-700x350 LinkedIn 在這方面做的相當突出，它將用戶信息的完成度完全量化，激勵用戶不斷添加內容完善個人信息。

linkedin_progress

動效

動效是目前最常用也最實用的元素之一。使用動效來告訴用戶如何填寫表單，將動效和行為召喚按鈕等設計結合到一起，可以讓用戶明白下一步的操作流程。

readmeio_login-1-700x376 readmeio_register-1-700x376 在 Readme.io 這個網站中，貓頭鷹會隨著操作而變化，當用戶輸入密碼的時候，會非?？蓯鄣厣w住自己的眼睛。動效和動畫的加入讓頁面無形中加入了更多的互動，顯得更加引人入勝了。同樣的，Shopify 在注冊界面中，會用彈出的標簽動效來幫助用戶了解下一個操作步驟。

第三方登錄

雖然并不是每個用戶都會使用第三方的帳號（微博、微信、Facebook、Twitter、LinkedIn等）來注冊/登錄網站服務，但是預留第三方帳號登錄的選項是很有必要——這樣的登錄方式更加便捷。

顯示密碼

越來越多的網站和APP的注冊流程中，密碼不再是輸入兩次，這樣的情景下，注冊時密碼輸入錯誤幾乎是致命的，所以為用戶提供密碼顯示可以有效的避免這個問題。要知道，目前許多注冊都是在移動端上完成的，拇指在屏幕上輸入密碼比在鍵盤上輸入的失誤率更高。

adobe_mobile_login_toggle 超過82%的人有忘記網站登錄密碼的經歷，隨著網站、APP和各類服務的增長，這個數字只會增加不會減少。

提醒大寫鎖定

當用戶輸入密碼的時候，提醒他們鍵盤是否有大寫鎖定，也是值得注意的點。為用戶提供文本提醒或者視覺提醒都有助于避免多次輸入錯誤，降低用戶瀏覽受挫機率。大多數的瀏覽器已經集成了大寫鎖定提醒，所以這個問題只要稍加注意就可以看到。不過，用戶在屬于密碼的時候注意力大都集中在輸入的內容上，所以大寫鎖定提醒必須優雅又醒目。