盤點(diǎn)注冊和登錄產(chǎn)品設(shè)計路上爬過的坑發(fā)布者：本站 時間：2021-12-23 11:12:49
作為最基礎(chǔ)的常備功能， 注冊/登錄往往是產(chǎn)品第一個版本中最容易被忽視的環(huán)節(jié)，越是看似容易，陷阱越多。介紹相關(guān)產(chǎn)品思路的文章很多，講交互的多，結(jié)合運(yùn)營的少。
一. 非?；A(chǔ)
1.1 因「私有化」而存在
不是所有的產(chǎn)品都需要注冊/登錄，除非[私有內(nèi)容/私有操作]具有足夠的吸引力。
注冊：用戶告訴系統(tǒng)Who is Tom，系統(tǒng)記錄Tom和口令。
登錄：用戶告訴系統(tǒng)I am Tom，系統(tǒng)辨別Tom和口令。
1.2 Passport產(chǎn)品線及近親
通常把注冊、登錄、找回密碼、修改密碼、賬戶關(guān)聯(lián)這幾件事歸為Passport產(chǎn)品線。它的近親是Profile產(chǎn)品線，包含用戶資料、個人設(shè)置等。
1.3 登錄是高頻，其他是低頻
注冊、找回密碼、修改密碼都是低頻操作，但都屬于迫切程度比較高，也最容易引發(fā)挫敗感，導(dǎo)致用戶投訴及放棄使用產(chǎn)品。
1.4 術(shù)語：查重、校驗(yàn)、驗(yàn)證、匹配
查重，“查詢是否有重復(fù)存在”的簡稱，比如：排除以手機(jī)為主鍵的重復(fù)注冊。
校驗(yàn)，檢查數(shù)據(jù)是否符合格式，比如：輸入的時候?yàn)橐粋€手機(jī)號碼。
驗(yàn)證，確認(rèn)真實(shí)性，比如手機(jī)和郵箱真的是用戶本人使用，指紋、人臉識別。
匹配，用戶提交的數(shù)據(jù)是否與存儲中的數(shù)據(jù)一致。
1.5 術(shù)語：Spam與Anti-Spam
Spam指使用腳本、機(jī)器人進(jìn)行惡意批量提交或遍歷破解的行為。 Anti-Spam指防止Spam的系統(tǒng)措施。
1.6 術(shù)語：單點(diǎn)登錄SSO
也就是所謂的通行證，注冊/登錄一次，可在所有的子產(chǎn)品(跨域)中通用一個Passport和相同的Profile信息。
盤點(diǎn)注冊和登錄產(chǎn)品<a href=/design/ target=_blank class=infotextkey>設(shè)計</a>路上爬過的坑,PS教程,
二. 注冊主鍵選擇
主鍵是數(shù)據(jù)庫設(shè)計中的一個概念，為了保證唯一性，新增用戶時必須進(jìn)行主鍵查重。
2.1 以用戶名為主鍵注冊
Anti-Spam：非常弱(批量Spam賬戶)。 擴(kuò)展性：高，隨時可切換為以其他數(shù)據(jù)為主鍵。 使用場景：私有內(nèi)容/私有操作較少的情況，比如僅提供了回復(fù)、投票、點(diǎn)贊等輕操作， 產(chǎn)品雛形期，進(jìn)行測試的新產(chǎn)品(開發(fā)比較容易)。
便利設(shè)計：注冊和登錄可合并在同一個界面(不考慮找回密碼時)，注冊時可順便把用戶名當(dāng)作昵稱搜集。
注意事項(xiàng)：為了讓用戶找回密碼，必須設(shè)置密保問題，找回密碼代價很高(把自己用戶名給忘記了)。
2.2 以郵件地址為主鍵注冊
Anti-Spam：中等(自從QQ郵箱出來，被遍歷攻擊的事兒也是不少啊)。 擴(kuò)展性：中，可以隨時切換為手機(jī)主鍵。 使用場景： 郵箱容易記憶，適長期頻繁使用的產(chǎn)品，適合在web端需要依賴Newsletter進(jìn)行營銷的產(chǎn)品，非實(shí)名用戶系統(tǒng)，郵件主鍵的代價最小，轉(zhuǎn)化率較好。
便利設(shè)計：To B產(chǎn)品使用企業(yè)郵箱注冊，自動關(guān)聯(lián)企業(yè)主賬戶。
注意事項(xiàng)：郵箱是隱私，掩碼顯示，如果包含社交功能，注冊時可能需要采集昵稱。進(jìn)入各大郵件運(yùn)營商的白名單，是一件頭疼的事兒，搞不好就直接進(jìn)垃圾郵件了。
2.3 以手機(jī)為主鍵注冊
Anti-Spam：弱(各種遍歷、各種騷擾，需要采取措施)。
擴(kuò)展性：低，幾乎不可逆(用戶也不答應(yīng))。
使用場景：帶有支付功能的電商、消費(fèi)類產(chǎn)品。實(shí)名用戶系統(tǒng)，需要用戶的絕對信任，初期轉(zhuǎn)化率低，最好從郵件主鍵過度。只有移動版本的產(chǎn)品。
便利設(shè)計：根據(jù)手機(jī)號自動匹配地區(qū)城市、電信運(yùn)營商(也有一部分用戶是攜號轉(zhuǎn)網(wǎng)的#_#)。
注意事項(xiàng)：手機(jī)是絕對隱私，能不顯示就不顯示，顯示必須掩碼，如果包含社交功能，注冊時可能需要采集昵稱。國外手機(jī)號幾乎不可以，短信通道需要至少雙備，如果驗(yàn)證短信中包含一些根本想不到的敏感詞，會很慘。用戶更換手機(jī)，運(yùn)營商回收舊號碼賣給新用戶，都會大量存在，請一定給出解決方案。
2.4 由第三方賬戶創(chuàng)建（并登錄）
Anti-Spam：高(等于是把驗(yàn)證權(quán)交給別人了)。 擴(kuò)展性：高，可以在第三方驗(yàn)證后再創(chuàng)建自有賬戶。
使用場景：幾乎適合各種類型的用戶自主注冊賬戶。
便利設(shè)計：可以根據(jù)第三方授權(quán)拿來一大堆Profile里邊的信息(除了密碼)。
注意事項(xiàng)：把雞蛋放在了別人的籃子里，一定要心甘情愿。登錄之后再創(chuàng)建自有賬戶，會存在一定的轉(zhuǎn)化率損失。去第三方申請授權(quán)，要有耐心，而且通常在產(chǎn)品初期拿不到太多的Profile數(shù)據(jù)。
2.5 社會卡證類主鍵（身份證、信用卡）注冊
Anti-Spam：高，因?yàn)橐?guī)律性比較差，但也不排除社會工程hack手段。 擴(kuò)展性：都到了這步了，算是個終極。。 使用場景：特殊場合和人群，需要展示特殊的功能;實(shí)名用戶系統(tǒng)，需要用戶的絕對信任;必須關(guān)聯(lián)在線支付/移動支付才能使用的產(chǎn)品;通常都不會包含社交功能。
便利設(shè)計：直接關(guān)聯(lián)到用戶真實(shí)身份和征信。
注意事項(xiàng)：通常驗(yàn)證都是通過第三方信用組織進(jìn)行，比如提交信用卡關(guān)聯(lián)的身份信息，由支付機(jī)構(gòu)或銀行匹配之后發(fā)送一個驗(yàn)證短信/郵件/二維碼。同樣是把雞蛋放在別人的籃子里(通常是親爹的籃子)。
2.6 其他主鍵
用汽車牌照做主鍵，真的可以有，不是不可以，但是盡量還是別摸著石頭過河。注冊主鍵在真實(shí)社會里一定是具有非重復(fù)且個人專有的特點(diǎn)。
2.7 多主鍵復(fù)合注冊
當(dāng)然可以啦，注冊時沒必要提示用戶哪個是主鍵，反正登錄的時候會提示。
2.8 切換主鍵時注意事項(xiàng)
其切換主鍵之前，一定要對數(shù)據(jù)進(jìn)行篩查，情況可能是這樣的，用戶使用郵件主鍵生成了一個用戶，當(dāng)系統(tǒng)切換手機(jī)為主鍵時，用戶會因迷惑而創(chuàng)建另外一個新賬戶，此時可能涉及到用戶數(shù)據(jù)合并的問題。如果這些沒有想清楚，就不要隨便更換主鍵。
盤點(diǎn)注冊和登錄產(chǎn)品設(shè)計路上爬過的坑,PS教程,
三. 個人注冊(To C)
3.1 查重錯誤，不要在注冊環(huán)節(jié)隨便給出
填寫一個手機(jī)號碼，異步查詢是否可以注冊，雖給用戶帶來了方便，但也給駭客提供了可乘之機(jī)：寫一個腳本就能遍歷出來哪些號段多少個號碼注冊過產(chǎn)品! 請?jiān)隍?yàn)證碼正確之后給出結(jié)果，或者單獨(dú)跳轉(zhuǎn)URL給出查重類錯誤。
3.2 前端校驗(yàn)和后端校驗(yàn)都要進(jìn)行
跨域攻擊是最簡單的手段咯，注冊這么大的事兒，一定要進(jìn)行前后校驗(yàn)(登錄之后，可以根據(jù)系統(tǒng)壓力再進(jìn)行簡化，登錄之前，還是謹(jǐn)慎為妙)。
3.3 以郵箱和手機(jī)注冊主鍵，第一步只做一件事：驗(yàn)證主鍵
沒有驗(yàn)證過的郵箱和手機(jī)會弄臟用戶數(shù)據(jù)，臟庫是無法切換登錄主鍵的! 注冊的第一步，只做一件事情就好了，不要讓用戶填寫其他信息(填寫密碼也不行)。
3.4 分步注冊，暫存數(shù)據(jù)，只有在用戶提交密碼那一刻，才創(chuàng)建正式數(shù)據(jù)
如果第一步是校驗(yàn)主鍵，那么應(yīng)該暫存數(shù)據(jù)，只有在主鍵驗(yàn)證完畢，下一步用戶填寫密碼并提交之后，再創(chuàng)建正式數(shù)據(jù)。(這個坑是這樣的：用戶第一步提交郵箱，但是驗(yàn)證郵件沒收到，此時可能用戶會再次啟動注冊，如果前面已錄入正式數(shù)據(jù)，可能會顯示這個“這個Email已經(jīng)注冊過了”)。
3.5 有必要重復(fù)確認(rèn)密碼么？
沒必要!設(shè)置這個的初衷無非是避免用戶注冊時輸錯密碼，輸錯=忘記密碼，就去找回密碼咯。
3.6 只采集必要數(shù)據(jù)，填寫項(xiàng)目越少越好
在注冊環(huán)節(jié)，標(biāo)注必填是個爆弱的設(shè)計，如果是選填，就別讓用戶在注冊環(huán)節(jié)提交。
3.7 包含社交的產(chǎn)品一定要讓設(shè)置頭像成為必填
注冊之后，需要很大的運(yùn)營代價才會讓用戶上傳頭像，因此這一步驟最好是前置。
3.8 昵稱需要查重么？
需要!避免李逵和李鬼，盡量杜絕錄入火星文和特殊字符(視情況額定)。
3.9 讓用戶發(fā)送密碼短信到特定號碼進(jìn)行手機(jī)注冊，這很low
誰會用?有多少用戶愿意自己付出短信成本?除非特別緊急的情況下。
3.10 同意《用戶使用協(xié)議》
讓用戶勾選閱讀并遵守《用戶使用協(xié)議》，不如把注冊按鈕改為“同意用戶協(xié)議，提交注冊”。
3.11 邀請碼注冊要走單獨(dú)流程
輸入邀請碼或點(diǎn)擊邀請郵件中加密連接進(jìn)行注冊，可關(guān)聯(lián)邀請者ID，需要的單獨(dú)設(shè)計注冊界面。
3.12 注冊與登錄合并設(shè)計（快速注冊）
以用戶名和手機(jī)為注冊主鍵的時候，可以這樣設(shè)計。但以郵箱注冊的時候，用戶需要跳出到郵件系統(tǒng)，快速注冊就沒意義了?？焖僮砸院笞詣舆M(jìn)入登錄狀態(tài)。
3.13 注冊結(jié)束后，必須讓用戶再登錄一次（快速注冊除外）
這不僅僅是個儀式感，而且是安全的需要，增加自動腳本Spam賬戶的難度。
3.14 注冊應(yīng)該避免設(shè)計成light box（快速注冊除外）
注冊復(fù)雜程度不一，并且會經(jīng)常迭代改善產(chǎn)品，因此校驗(yàn)代碼和各種邏輯判斷非常多，如果做成light box效果，可能會拖累很多界面的加載速度，也會讓維護(hù)和測試變得麻煩。
3.15 注冊后的（首次登錄后）歡迎與提醒，設(shè)立URL暫存池
注冊完成有結(jié)果提示和簡單的歡迎，然后就需要讓用戶進(jìn)行跳轉(zhuǎn)。 記錄用戶點(diǎn)擊注冊之前的界面URL，在用戶跑完注冊/登錄流程之后，回到那個URL(“從哪里來，就回到哪”)。 如果無法判斷用戶注冊登錄前的URL，那么跳轉(zhuǎn)到一個最核心的私有內(nèi)容界面， 用戶可以選擇回到Profile管理。
盤點(diǎn)注冊和登錄產(chǎn)品設(shè)計路上爬過的坑,PS教程,
四. 企業(yè)商家注冊/入駐(To B)
4.1 商家注冊（申請）建立在個人賬戶基礎(chǔ)上
先完成個人賬戶注冊，再創(chuàng)建商家。在注冊商家的同時，創(chuàng)建一個個人賬戶。以上兩種方法都可以。因?yàn)樯碳屹~戶的管理者通常是員工，如果該員工離職，企業(yè)會要求進(jìn)行管理權(quán)轉(zhuǎn)移，把商家掛在個人賬戶下面，靈活度最高。
4.2 在注冊之前分流角色，而不是注冊過程中
企業(yè)商家用戶通常按行業(yè)分類，比如賣方需要提供代理證明，而買方需要填寫收貨地址。此時最好設(shè)置為兩個入口，而不要在注冊的過程中進(jìn)行條件分支。
4.3 審核期過度界面
通常企業(yè)商家注冊都需要一個運(yùn)營審核過程，此時，用戶可登錄個人賬戶使用一些基本功能，請把審核進(jìn)度明示給用戶，同時給予企業(yè)商戶功能的演示介紹。
4.4 企業(yè)子賬戶應(yīng)該是邀請的，而不是隨便填寫的
不要讓企業(yè)商戶管理員直接填寫子賬戶的用戶名和密碼，建議企業(yè)子賬戶以email為主鍵，走邀請的流程，讓其他員工自己驗(yàn)證郵件、填寫驗(yàn)證手機(jī)和密碼，這樣做責(zé)權(quán)清晰，安全性最高。
4.5 企業(yè)管理員不能直接修改子賬戶密碼
企業(yè)管理員觸發(fā)一個驗(yàn)證郵件給子賬戶，子賬戶可以自行通過加密連接修改密碼。必要時，管理員可以凍結(jié)那個強(qiáng)制要求修改密碼的子賬戶的權(quán)限。
五. 登錄
5.1 登錄主鍵提示
在主鍵input當(dāng)中，允許用戶填寫不同的主鍵，雖然校驗(yàn)比較麻煩，但是用戶便利了。
5.2 注意登錄錯誤信息拋出方法
單獨(dú)拋出“該用戶不存在”或者“密碼不正確”可能會是不科學(xué)的，因?yàn)楹芸赡芊奖懔藙e有用心的人，比較安全做法是“用戶名不存在或密碼不匹配”。
5.3 記住用戶和記住密碼是兩種不同的功能
一種是保存“主鍵”，另外一種是保存“主鍵+口令”。記住用戶名，就一定要有切換用戶的功能。保存口令，要看產(chǎn)品的使用頻率，使用頻率越高保存周期越短(在便利和安全之間的平衡)，保存周期最好不要超過3個月(甚至可以設(shè)置3個月強(qiáng)制更換密碼)
5.4 防止重復(fù)登錄
這個經(jīng)常被忽略，同客戶端，后來登錄的踢掉前面的session。允許web、手機(jī)app、HDapp同時登錄，但每個終端智能保持一個session哦。
5.5 盡量設(shè)計成light box或類似效果，登錄之后“從哪里來，就回到哪”
注冊、登錄前暫存URL，還是一個很重要的登錄彩蛋。
5.6 二維碼登錄
如果有移動app，通過App掃二維碼可以直接登錄web版本。
5.7 長期未登錄、陌生移動設(shè)備登錄，加一個判斷，通知到郵件
長期未登錄，突然在異地登錄，在陌生的移動設(shè)備上首次登錄都屬于異常的情況，此時要增加用戶判斷的環(huán)節(jié)，并發(fā)送通知到郵件。(手機(jī)號碼可以換，郵件地址不會隨便換吧)。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強(qiáng)大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn)，優(yōu)秀的技術(shù)和設(shè)計水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時聯(lián)系電話：021-58370032
關(guān)鍵詞標(biāo)簽：上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)