如何爲網站設計用戶登錄流程是一個老生常談的話題。随著(zhe)時代的發(fā)展，新用戶注冊、登錄到真正加入一個網站的過(guò)程一直在變化，從簡單的信息填寫發(fā)展到全面(miàn)的注冊方式，再從系統的注冊回歸簡約直觀的登錄體驗，新用戶的登錄流程經(jīng)曆了一個迂回的變遷過(guò)程。現如今，絕大多數的網站已經(jīng)放棄了複雜、繁複的注冊流程，將(jiāng)用戶可能(néng)會遭遇障礙、引起(qǐ)用戶反感和煩躁的部分去除，盡可能(néng)簡單的讓用戶完成(chéng)注冊和登錄流程。

天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

當用戶完成(chéng)注冊之後(hòu)，可以選擇性地提供額外的信息，而這(zhè)些信息可能(néng)會給給用戶帶來更加定制化的用戶體驗。爲了安全起(qǐ)見，絕大多數的網站還(hái)是提供了郵箱驗證甚至電話驗證的環節，甚至提供備用安全郵箱的驗證機制。

總而言之，在今天我們來審視網站的新用戶注冊登錄流程，這(zhè)是一套系統、完善且具備完整約定俗成(chéng)規則的設計環節。

登錄與注冊

随著(zhe)注冊流程的優化和簡化，登錄界面(miàn)和注冊界面(miàn)現在很容易被(bèi)混淆。造成(chéng)這(zhè)種(zhǒng)混淆的原因不止是簡化。首先許多網站會選擇將(jiāng)登錄和注冊界面(miàn)設計地非常相似，甚至將(jiāng)其直接容納到同一個界面(miàn)當中去。許多用戶不經(jīng)意間在一個網站注冊過(guò)好(hǎo)幾個帳号的事(shì)情，并不鮮見。

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

所以，爲了讓用戶不再有不必要的混淆，最好(hǎo)是設計不同的界面(miàn)，并進(jìn)行差異化的視覺和内容的設計，确保用戶不會誤判。在這(zhè)裡(lǐ)說說反例，AxureShare 的登錄/注冊界面(miàn)就非常典型地勾勒出簡化後(hòu)的重複布局是具有何等的迷惑性。

郵箱地址和用戶名

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

stripe_payments

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

值得一提的是，手機号還(hái)符合目前流行的兩(liǎng)步驗證安全機制，系統可以更加便捷地爲用戶發(fā)送驗證碼。

展現流程

進(jìn)度條是用戶界面(miàn)中最重要的存在之一，它爲用戶呈現進(jìn)度，設定目标，并將(jiāng)信息反饋給用戶。進(jìn)度條讓用戶可以清晰地了解他已經(jīng)完成(chéng)多少，還(hái)有多少有待完成(chéng)。也正是有了進(jìn)度條，複雜的加入環節才得以分割、簡化，并且顯得更加清晰。

LinkedIn 在這(zhè)方面(miàn)做的相當突出，它將(jiāng)用戶信息的完成(chéng)度完全量化，激勵用戶不斷添加内容完善個人信息。

動效

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

在 Readme.io 這(zhè)個網站中，貓頭鷹會随著(zhe)操作而變化，當用戶輸入密碼的時候，會非常可愛地蓋住自己的眼睛。動效和動畫的加入讓頁面(miàn)無形中加入了更多的互動，顯得更加引人入勝了。同樣(yàng)的，Shopify 在注冊界面(miàn)中，會用彈出的标簽動效來幫助用戶了解下一個操作步驟。

第三方登錄

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

顯示密碼

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

超過(guò)82%的人有忘記網站登錄密碼的經(jīng)曆，随著(zhe)網站、APP和各類服務的增長(cháng)，這(zhè)個數字隻會增加不會減少。

提醒大寫鎖定

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

避免反模式設計

設計模式的存在，順應用戶的習慣和交互的規律，讓用戶可以更好(hǎo)地與界面(miàn)進(jìn)行操作。反模式的存在，同樣(yàng)可以引導用戶行爲，但是引導的結果往往不可控或者無法達成(chéng)目标。常見的反模式設計并不少：

·用戶輸入信息失誤的時候報錯，然後(hòu)删除所有輸入的而内容

·當用戶已經(jīng)擁有帳号的時候，依然允許用戶使用該用戶進(jìn)行注冊

·爲用戶添加了看似可點擊但是實則無法點擊的标簽

·限制用戶輸入字段長(cháng)度但是完全不給予提醒

去除驗證碼

移除驗證碼可以有效的提高轉化率。雖然驗證碼可以很好(hǎo)的避免注冊機，但是驗證碼對(duì)于用戶而言的挫折更多，12306 堪稱反人類的驗證碼就是個很好(hǎo)的反例。據統計，有38%的用戶會在第一次輸入驗證碼的時候輸錯，15%的用戶會一直輸錯，而這(zhè)類用戶通常在第五次輸錯之後(hòu)徹底放棄注冊。

REDDIT 就徹底移除了注冊環節的驗證碼，去除之後(hòu)網站的新用戶注冊率同比增長(cháng)8%。當然，反注冊機和機器人還(hái)是很有必要的，如果情況比較嚴重可以選擇比較人性化的驗證機制來規避。

結語

想要提升新用戶注冊的轉化率，絕大多數要應對(duì)的用戶體驗的問題，了解用戶的痛點，除了要考慮傳統的桌面(miàn)端用戶的問題，還(hái)要應對(duì)移動端用戶的新需求。在好(hǎo)體驗和安全性之間把握好(hǎo)平衡點，這(zhè)也是新用戶注冊環節最難兩(liǎng)全的問題。

原文地址：adobe

優設譯文：http://www.uisdc.com/designing-login-registration-pages

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。