登錄和注冊過程往往是產(chǎn)品和用戶的 first sight，因此登錄注冊入口是給用戶留下好的第一印象的關(guān)鍵。遵循「所有的設(shè)計(jì)都應(yīng)有據(jù)可循」的原則严望，下面通過對登錄與注冊幾個(gè)關(guān)鍵問題的探討挚躯，來思考登錄與注冊界面的設(shè)計(jì)邏輯。
1.注冊頁面的需求是什么？
2.默認(rèn)注冊還是登錄？
3.郵箱注冊一定要驗(yàn)證通過么？
4.關(guān)于手機(jī)登錄與第三方賬號登錄
5.iOS 11 帶來的新登錄方式
6.為什么需要注冊涡贱？
1.注冊頁面的需求是什么？
登錄頁面比較好理解惹想，我們重點(diǎn)來看注冊頁面问词，以 Spotify 為例，以下是一個(gè)非常典型的傳統(tǒng)注冊頁面嘀粱。
由此試圖分析激挪，在注冊場景下，用戶和產(chǎn)品兩個(gè)維度上的需求如下草穆。
用戶需求：
1）進(jìn)入應(yīng)用灌灾；
2）獲得應(yīng)用完整功能（評論、點(diǎn)贊悲柱、收藏等）锋喜。
產(chǎn)品需求：
1）獲取、驗(yàn)證用戶的賬號與密碼信息；
2）獲取用戶個(gè)人信息嘿般、聯(lián)系方式段标；
3）告知用戶協(xié)議；
4）訂閱郵件炉奴。
首先總體上我們可以發(fā)現(xiàn)逼庞，用戶與產(chǎn)品在注冊場景下存在需求沖突。用戶對于注冊界面的需求非常簡單明確瞻赶，就是為了快速進(jìn)入應(yīng)用或者獲取完整功能赛糟。不會(huì)有用戶想要主動(dòng)閱讀成百上千字的用戶協(xié)議，也不太愿意主動(dòng)提供個(gè)人信息或是訂閱郵件砸逊。因此璧南，產(chǎn)品角度的第 (2)(3)(4）需求在注冊場景中，都是對用戶體驗(yàn)的破壞师逸。所以司倚，盡量避免產(chǎn)品需求對用戶體驗(yàn)的破環(huán)，更多地給予用戶情感安慰篓像，這是設(shè)計(jì)注冊界面的大原則动知。
2. 默認(rèn)注冊還是登錄？
豆瓣默認(rèn)是登錄员辩，Airbnb 默認(rèn)是注冊盒粮，而錘子的系列軟件將注冊與登錄按紐都并列在下面，不做默認(rèn)屈暗。
考慮到目前 App 普遍采取的「長久性登錄」策略养叛，默認(rèn)為「注冊」也不失為一個(gè)具有概率意義的選擇。畢竟大家都通常只會(huì)在換機(jī)宰翅、重置系統(tǒng)弃甥、登錄失效、主動(dòng)退出這些低頻時(shí)刻來登錄汁讼。但其實(shí)這個(gè)問題淆攻，沒有通行的做法，更沒有絕對意義上的好壞嘿架。每個(gè)產(chǎn)品根據(jù)各自定位和情況的不同瓶珊，會(huì)有不同的側(cè)重點(diǎn)。比如說耸彪，約 8 億用戶量的國民級社交應(yīng)用 QQ伞芹，絕大多數(shù)場景下都已經(jīng)沒有了「注冊賬號」這一需求，默認(rèn)為「登錄」操作，同時(shí)將「注冊」入口極大弱化是比較合適的唱较。而定位于垂直領(lǐng)域的社交應(yīng)用脈脈扎唾，目前擁有約3000 萬用戶量，目標(biāo)用戶群體中仍然有非常大的潛在用戶量增長空間南缓。因此胸遇，第一次進(jìn)入脈脈，在并列給出注冊和登錄入口的同時(shí)汉形，默認(rèn)引導(dǎo)用戶進(jìn)行「注冊」操作纸镊。
想到這一步概疆，筆者突然想到薄腻，如果是同一產(chǎn)品面對不同市場，注冊登錄會(huì)不會(huì)有針對性的側(cè)重點(diǎn)呢届案？比如說庵楷，instagram 在海外用戶基數(shù)龐大，而在大陸則較為小眾楣颠，會(huì)不會(huì)出現(xiàn)海外區(qū) ins 默認(rèn)為登錄尽纽，國區(qū) ins 默認(rèn)為注冊呢？筆者特意找到身處海外驗(yàn)證童漩，遺憾的是弄贿，兩者除了語言的變化之外，并沒有其他不同矫膨。
其實(shí)差凹，默認(rèn)注冊還是登錄并不重要，無論做何種默認(rèn)都無法完全避免用戶的誤操作侧馅，即在登錄界面填寫注冊信息危尿，或者反之。那么怎么避免這種情況呢馁痴？
首先，不要急于讓用戶填寫登錄/注冊表單罗晕，可以先讓用戶確認(rèn)選擇济欢。
其次小渊，可以在文字和樣式上對二者進(jìn)行比較顯著的區(qū)分法褥。文字方面，英文語境下酬屉，Sign up 與 Sign in 容易產(chǎn)生混淆半等。比較好的解決方案是用 Sign up / Log in，或者 Register / Sign in 等方案。
用詞混淆的情況吗垮，中文語境下情況會(huì)好一些，「登錄」與「注冊」天然具有區(qū)分度凹髓，但是仍然可以在文字樣式上設(shè)定足夠的差異烁登，給以足夠的提示，引導(dǎo)用戶進(jìn)行正確操作蔚舀。
此外，可以輸入信息后及時(shí)反饋赌躺，避免全部表單填寫完畢再給出反饋狼牺。（沒找到比較合適的案例，自己動(dòng)手做了一個(gè)...）
其實(shí)不管怎么避免礼患，用戶依然有將登錄與注冊弄混淆的可能是钥。關(guān)鍵在于，在用戶在錯(cuò)誤的界面花費(fèi)了時(shí)間與精力填寫信息之后缅叠，如何降低用戶的糾錯(cuò)成本悄泥，也就是說：如何解決「登錄」與「注冊」兩種界面切換時(shí)，發(fā)生的數(shù)據(jù)丟失肤粱。相比較在注冊頁面粗暴地告訴用戶「這個(gè)手機(jī)號已注冊」弹囚，更好的解決方案可以是「詢問用戶是否需要登錄，并在登錄界面自動(dòng)轉(zhuǎn)填已填寫的信息」领曼，確保用戶即使犯錯(cuò)了鸥鹉，也可以輔助其跳往正確的目標(biāo)，這能大大減輕用戶的犯錯(cuò)成本庶骄，也可以給人一種產(chǎn)品很「聰明」的印象毁渗。
或者瓢姻，不給用戶犯錯(cuò)的機(jī)會(huì)祝蝠，弱化「登錄」和「注冊」，只給出一個(gè)「登錄身份」的輸入框幻碱，附帶一個(gè)「下一步」的按紐。后臺驗(yàn)證用戶輸入的「登錄身份」细溅，來判定是登錄還是注冊褥傍。
3. 郵箱注冊一定要驗(yàn)證通過么喇聊？
從用戶體驗(yàn)的角度而言恍风，產(chǎn)品應(yīng)在用戶注冊后自動(dòng)登錄。而不是通過驗(yàn)證后，再次由用戶登錄朋贬。因此凯楔，可以將驗(yàn)證放置在注冊完成之后的某個(gè)時(shí)刻，利用虛擬獎(jiǎng)勵(lì)锦募、功能限制摆屯、安全恐嚇等方式激發(fā)用戶去完成驗(yàn)證。
長久以來糠亩，為了避免用戶注冊時(shí)輸入了錯(cuò)誤密碼虐骑，要求用戶輸入兩次密碼也是一種慣例。然而事實(shí)上赎线，「注冊時(shí)輸入錯(cuò)誤密碼」與「忘記密碼」并沒有本質(zhì)上的區(qū)別廷没，「輸入錯(cuò)誤密碼」并非十分嚴(yán)重的錯(cuò)誤。此外垂寥，用戶容易輸錯(cuò)密碼的原因是密碼通常隱藏顯示颠黎，而加入「顯示密碼」選項(xiàng)，也能從根本上更好地防止輸入錯(cuò)誤滞项。
網(wǎng)頁端常常使用「輸入兩次登錄身份」的方法狭归，來避免登錄信息的輸入錯(cuò)誤，但是面對移動(dòng)設(shè)備的輸入壓力蓖扑，確認(rèn)兩次「登錄身份」的做法并不友善唉铜。但是，如果不及時(shí)確認(rèn)登錄身份正確的話律杠，在「注冊后立即自動(dòng)登錄」的大前提下潭流，「輸入錯(cuò)誤登錄身份」會(huì)帶來不可逆的后果。一旦在注冊時(shí)填寫錯(cuò)誤登錄身份柜去，在賬戶驗(yàn)證期限內(nèi)無法驗(yàn)證賬戶灰嫉，輕則需要重新注冊，重則丟失在驗(yàn)證期內(nèi)產(chǎn)生的所有用戶數(shù)據(jù)嗓奢。
進(jìn)一步思考讼撒，拋開問題看本質(zhì)，驗(yàn)證的本質(zhì)是確認(rèn)「登錄身份」是正確的股耽，可聯(lián)絡(luò)的根盒。從這個(gè)角度看，驗(yàn)證賬戶更像是一種事后的糾錯(cuò)機(jī)制物蝙，而并不能避免用戶犯錯(cuò)炎滞。那么，怎么降低用戶犯錯(cuò)的可能性呢诬乞？
可能的解決方案有：
1）增加注冊確認(rèn)界面册赛，降低確認(rèn)成本钠导。放大「登錄身份」信息，讓用戶無法忽視森瘪，并只需點(diǎn)擊即可確認(rèn)牡属。
2）賬戶未驗(yàn)證時(shí)，允許用戶修改一次登錄身份扼睬，并要求輸入兩次登錄信息逮栅，在前端驗(yàn)證一致性。
4. 關(guān)于手機(jī)登錄與第三方注冊
手機(jī) + 驗(yàn)證碼登錄與第三方登錄是目前 App 最為流行的做法痰驱，免去了注冊過程证芭，改變了賬戶密碼的登錄方式。WhatsApp 是最早將手機(jī)號碼和賬戶綁定在一起的 App 之一担映。通過手機(jī)號碼一鍵注冊/登錄是 WhatsApp 獲得巨大成功的關(guān)鍵废士。其創(chuàng)始人 Jan Koum 曾經(jīng)說到：?「有過傳統(tǒng)通訊 app 的痛苦體驗(yàn)，再看看如此簡潔的界面蝇完，你就明白我們的初衷了官硝。只需要短信就能解決的事，我們有什么理由不做呢短蜕？」
此外，對于產(chǎn)品而言朋魔，通過第三方登錄岖研，產(chǎn)品還可以獲取用戶的個(gè)人信息，甚至是好友關(guān)系警检。
5. iOS 11 帶來的新登錄方式
iOS 11 為 iCloud 鑰匙串進(jìn)行升級孙援，在原本 Safari 保存和自動(dòng)填寫密碼的基礎(chǔ)上，也為 App 提供此項(xiàng)功能扇雕。在需要帳號密碼的頁面輸入時(shí)拓售，系統(tǒng)鍵盤會(huì)顯示 ?? 符號，通過 Touch ID 驗(yàn)證后會(huì)自動(dòng)填入镶奉，同時(shí)該功能還支持匹配提醒础淤，優(yōu)先為你顯示和該應(yīng)用有關(guān)的密碼信息，非常方便哨苛。如果你完全生活在蘋果的生態(tài)中鸽凶，那么你可以使用這一功能來替代 1Password 和 LastPass。
1Password 等密碼工具在 iOS 11 也有了更大的可能性建峭，現(xiàn)在可以直接在注冊登錄表單中調(diào)用了吱瘩。
6. 為什么需要注冊？
跳出「如何設(shè)計(jì)」的思維框架來進(jìn)一步思考「為什么設(shè)計(jì)」迹缀，不難發(fā)現(xiàn)使碾，其實(shí)從用戶的角度而言，注冊登錄更像是「為了正常使用產(chǎn)品祝懂，而不得不做的一個(gè)步驟」票摇。尤其在接觸一款新產(chǎn)品時(shí)，注冊流程都會(huì)在一定程度上打擊用戶的積極性砚蓬。那么問題來了矢门，是否所有產(chǎn)品都需要注冊，才能使用或是正常使用呢灰蛙？
1）登錄才能使用的產(chǎn)品祟剔，需要采用「立即注冊」的方式，最典型的例如社交應(yīng)用
2）不需要登錄也能開始使用的產(chǎn)品（如瀏覽內(nèi)容）摩梧，可采用「稍后注冊」的方式
首先是內(nèi)容為主的產(chǎn)品：比如微博物延，知乎，站酷等仅父，無需注冊登錄便可以瀏覽叛薯，但是回復(fù)、收藏笙纤、發(fā)帖這類操作必須注冊或者登錄賬號耗溜；再其次是有同步和備份需求、有用戶數(shù)據(jù)沉淀的工具類產(chǎn)品省容，比如記事抖拴、記賬、todo腥椒、日歷等等阿宅。
不過，其實(shí)利用蘋果的 iCloud Drive 同步功能寞酿，大多數(shù)工具類應(yīng)用也可以避免注冊登錄操作家夺。當(dāng)然前提是完全生活在蘋果的生態(tài)中。
3）無需注冊就能正常使用的產(chǎn)品伐弹，盡量不要要求用戶注冊拉馋。
比如大部分純粹的工具類應(yīng)用，比如時(shí)鐘惨好、計(jì)算器等煌茴。以及部分沒有同步或備份需求的工具類應(yīng)用，比如說便簽日川、私密相冊等蔓腐。即使是便簽與私密相冊這類有特殊用戶數(shù)據(jù)沉淀，也可采用密碼（數(shù)字密碼／手勢密碼）或是指紋識別的方式來保證數(shù)據(jù)的安全性龄句，避免注冊程序破壞用戶體驗(yàn)回论。
此外，有時(shí)候限制注冊傀蓉、提高注冊難度這類看似對用戶不友好的方式欧漱，在特殊的情況下也是一種很好的策略。比如早期的知乎葬燎、Dribbble 的發(fā)帖權(quán)限采用的邀請制误甚、還有 B 站的 up 主考試，虎撲的答題考試谱净，這類 UGC 內(nèi)容較為豐富的產(chǎn)品窑邦，通過提高創(chuàng)作權(quán)限的門檻，能有效地保證核心用戶和內(nèi)容的質(zhì)量壕探。同時(shí)冈钦，用戶由此產(chǎn)生的「付出感」，也有利于其對產(chǎn)品及其使用權(quán)利的珍惜浩蓉，進(jìn)而觸發(fā)「特權(quán)」的感受派继。
以上是針對注冊與登錄界面的幾個(gè)關(guān)鍵問題展開的引申探討。其實(shí)筆者寫到一半時(shí)捻艳，發(fā)現(xiàn)注冊登錄的水特別深驾窟，除上述內(nèi)容之外，還有非常多的場景與細(xì)節(jié)值得挖掘與思考认轨。不過設(shè)計(jì)就是如此绅络，很多看起來似乎非常基本的內(nèi)容嘁字，但是背后需要大量的思考和打磨恩急，絕非一句「好看」就算完成。設(shè)計(jì)的復(fù)雜性纪蜒，也讓我始終保持著一顆敬畏之心衷恭。說得不好，希望大家多多批評指正纯续，感謝各位随珠。
