起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識從43款國內外App的對比分析中，總結「注冊登錄」流程的8個要點
文章是作者在2015所撰，雖已有一段時間，但相信其中的分析和統計仍對現今的產品設計有所受用，不妨來看。
一直對注冊登錄這件事比較在意，從PC端的「需要注冊發帖的資源就放棄」到移動端的「手機驗證碼刷屏」，這次碰巧寢室多了張新卡，就拿出原來的4s裝了幾十個App看看各自的注冊登錄流程~（主要是注冊，登錄肯定都是差不多的。）
列了一個表格，分別列出個產品的「派系」，「類別」，「初始頁面」，「注冊和登錄按鈕的比重」，「注冊條款如何選擇」，「注冊流程」以及「個人看法」。
這里選擇一些比較特點的App作介紹，全部四十三款的對比放在云盤上大家可以下載看看。
國內App
手機QQ-社交類
手Q的流程還是比較流暢的，一個步驟一個頁面，非常簡潔。
我覺得非常棒的一點是，手Q的手機號碼注冊是不需要密碼的，而當你注冊完畢后，會有一欄「為了您的賬號安全，請設置QQ密碼?！沟男畔⑻崾?。
事后密碼
除了信息提示，當你要退出QQ的時候，也會提示你設置密碼。
事后密碼
微信的流程也是類似，既減少注冊的操作步驟和輸入量，又能夠把密碼的重要性體現出來，很贊。
值得一提的是，手Q的使用條款是「默認打鉤」的，而微信是「注冊即同意」。相應來說后者的處理方式更合理。默認打鉤有一定的欺騙誘導性。
2.阿里旺旺-社交類
登錄界面丑就不說了。
注冊方式是發送短信注冊，然后點擊手動注冊，還是一個Not found的頁面……阿里你是怎么了？
不知道多少年以前的「編輯短信發送到注冊」
Not Found……
而且阿里的注冊并沒有看到注冊條款相應的內容。作為一家這么大的企業……阿里旺旺真的比較失望。
3.微博-社交類
微博可以通過郵箱或者手機注冊，但是在選擇郵箱注冊的時候，仍然需要填寫手機號碼，并且驗證。
既然都需要手機號碼，為什么不取消郵箱注冊方式，改為在個人信息里完善郵箱？
郵箱注冊
郵箱注冊之后，仍然需要手機號碼驗證
手機注冊，條款是「注冊即同意」；郵箱注冊，條款又是「默認打鉤」。細節不統一顯得產品比較劣質，小地方雖然基本沒人看得到但還是希望能夠完善。
直接使用手機注冊
微博的登錄一直是我比較喜歡的，因為郵箱補全做得比較好。但是在「郵箱注冊」的時候卻沒有使用補全機制，這也是一個問題，有現成的干嘛不拿來用呢……
登錄的時候，體貼的「郵箱補全」
4.美圖外賣/貓眼-O2O
美團外賣和貓眼在注冊的時候都是一個步驟一個頁面，并且擁有「步驟目錄」，用戶能夠非常清楚的了解到「從哪來（干什么）」，「我在哪」，「要去哪」，降低未知的恐懼，提高信任感。
步驟目錄
相比之下，「大眾點評」直接單頁面注冊所有信息（手機、驗證、密碼），感覺更快速，但其實并沒有（因為「切換輸入框焦點」和「點擊下一步」其實都是一個步驟，后者自動焦點，不會出現鍵盤亂出現會讓用戶更舒服），而且沒有單頁步驟更讓用戶踏實。
單頁面完成
美團外賣還有一個特別的地方，它默認的登錄方式是「手機號快捷登錄」，且下方有一句提示語「未注冊過的手機將自動創建為美團賬戶?！刮易约阂惨恢痹谒伎?，是否能夠把登錄和注冊結合為一個步驟，即「存在則登錄，不存在則注冊」。不過當時想的有一些問題，美團外賣這里做的還是不錯的，唯一可能的問題就是用戶可能會看不到這句話，直接點注冊。
登錄和注冊結合的嘗試
5.時光網-O2O
時光網有趣的一點是，它在「我的信息」這個頁面，同時有「登錄」和「注冊」，我覺得這個設計還蠻不錯的，從布局來說兩個按鈕位置放得下，也能夠把注冊和登錄不同的人群分開，讓各頁面的元素更合理。
同時有「注冊」和「登錄」選項
在獲得短信驗證碼之前，還需要做一次圖片驗證碼的填寫，這個非常不理解。用了手機驗證，「防作弊注冊」應該沒有那么嚴重吧？是出過什么事故有難言之隱，還是說是PC上遺留下的思維？這樣多一個步驟讓用戶輸入，沒有比較合理的理由是比較嚴重的設計問題了。
圖片驗證碼
6.滴滴出行-O2O
所有測試的產品中，嘀嘀出行是最「移動化」的登錄。不需要注冊，也不需要密碼，只用手機驗證登錄。
對于一款打車軟件來說，手機號碼是必要的東西，其余都可以變化甚至不需要的（支付方式雖然必要，但可變）。
而滴滴出行并不太需要「用戶賬號的粘性」——換了手機號，肯定會換滴滴的賬號；沒有換手機號碼，則可以隨意換手機硬件，反正使用App的當時一定是能夠收到短信的。
僅能通過手機驗證登錄
甚至滴滴出行的初始界面都不是注冊登錄，而是地圖主頁，當你選擇目的地后再彈出手機號碼登錄。雖然可能違背用戶習慣（「需要支付，肯定需要賬號，沒有賬號，就需要注冊」是一個根深蒂固的念頭），但是整體來說我認為「鼓勵用戶使用滴滴出行」的優先級是最高的，先用，后注冊是比較符合這個優先級的設定。
產品首頁
7.手機淘寶-電商
點擊登錄，焦點直接在賬號欄，使4s的鍵盤直接阻擋底部的「注冊」按鈕，如果是一個使用經驗少的用戶，可能直接都找不到在哪里注冊。
默認打開鍵盤，遮擋「注冊」按鈕
注冊按鈕在底部
在所有調查的電商類產品中，只有手機淘寶需要先登錄，再瀏覽商品。其余產品的初始頁面都是產品主頁。這里應該是因為淘寶的受眾太廣，提前注冊一不會引起反感，二是這樣能夠不中斷購買體驗，更好的讓用戶剁手。
在注冊成功后，會給注冊手機發一條成功短信，作為電商來說，這一點還是挺增加用戶信任和好感的。
8.知乎-內容
知乎的注冊也有郵箱補全，而且比微博的更美觀一點。
更優雅的「郵箱補全」
知乎的用戶名是「手機」或者「郵箱」，若輸入手機，點擊「注冊」按鈕，然后獲得驗證碼。從用戶習慣來說雖然可以理解。但是卻存在一個「安全隱患」——你并沒有告訴我點擊「注冊」會發送驗證碼，驗證碼是什么？會不會收費？而其余的產品按鈕名稱都是「點擊獲得驗證碼」類似的，在點擊的時候用戶已經有了心理預期，收到驗證碼是理所當然的，但是知乎這里卻不一樣，會有一種「強制性」的錯覺。解決方案可以是檢測到輸入的是十一位數字自動修改按鈕文本，這樣既解決這個問題又讓用戶覺得體貼。
如果輸入手機號碼，「注冊」按鈕文本顯得不合適
談到知乎，順便就說說知乎日報。
「知乎日報」作為「知乎」旗下的子產品，卻和「知乎」完全獨立。其中的收藏、點贊完全不同步不說。甚至「知乎日報」都無法用「知乎」的賬號登錄（只支持新浪和騰訊微博登錄）。
在「知乎日報」中點擊查看完全討論，會跳轉到「知乎」，而且需要重新登錄「知乎」的賬號。
就算想讓「知乎日報」的用戶不受「知乎」用戶的影響，收藏和點贊單獨劃分，至少賬號是能夠通用的吧……不太理解知乎的意圖。
知乎日報僅支持微博登錄
9.Lofter-內容
Lofter點擊登錄和點擊注冊，跳轉的是同一個界面，都是顯示四種登錄方式。
然后如果想真正的「注冊」一個賬號，必須在點擊「注冊」后選擇「郵箱登錄」再點擊「注冊」。盡管有理由鼓勵「第三方登錄」避免「注冊」，但是這樣邏輯混亂的設定還是非常不合理。這么多問題，其實只需要在主頁中只顯示「登錄」，去掉「注冊」按鈕就好。
其實這兩個按鈕跳轉的是同一個頁面
「注冊」的界面視覺風格和整體不一致，很違和。而且還需要填寫驗證碼這種落后的東西……
不一樣的畫風，以及上古時期的「圖片驗證碼」
10.起點讀書-內容
起點讀書有一個比較創新的「短信快捷登錄」（同樣的，這個也是「無需注冊」），點擊后，會自動生成一條短信并跳轉到短信發送界面，點擊發送后自動跳轉回應用。
我使用這個的時候注冊失敗了，不過失敗之后也有應對措施，會提示你使用驗證碼注冊，點擊驗證碼注冊就進入注冊的輸入手機、獲得驗證碼、輸入驗證碼的普通流程。
手機號碼登錄并不是普通的發送驗證碼，而是自動生成一條短信
另外，起點讀書的初始界面也是首頁，但和其它應用不同的是，點擊「我的」之后，直接顯示的是登錄注冊界面（其它的應用都是列出各種設置選項等，只是在頭像處顯示「登錄」按鈕）。這一點挺合理的，在我未登錄的情況下，你顯示的內容，就算我點擊它，跳轉的也是登錄界面，判斷未登錄直接展示登錄界面，用戶會少點擊一次。此處以「貓眼電影」為例。
其它產品，點擊「我的」，會在未登錄的情況下展示各種「個人信息」，但其實點擊也是跳轉到登錄
最后吐槽一點，盛大這么大的企業，起點讀書的注冊登錄過程中沒有任何隱私和使用條款……
11.騰訊視頻-內容
騰訊視頻只支持QQ或者微信登錄，這個很好理解。
比較有趣的是，如果你的手機上有手Q或者微信，那么會直接跳轉到相應的App（而且沒有注冊選項）。
但是，如果你沒有手Q，這時會跳轉到一個單獨的登錄頁面，這個頁面有個「快速注冊」的選項，點擊后跳轉的是PC端的QQ注冊網頁……有點詭異。
手機上看到這個style，不合適吧。
雖然是一個單獨的頁面，但是登錄框下也有使用條款等，雖然并卵，但看到其它App之后…還是給與好評。
單獨的QQ登錄界面，也擁有完整的用戶條款。
12.錘子便簽&歡喜云同步-工具
歡喜云這里只提一個個人覺得不合理的點。
注冊界面的布局從上到下是，用戶名，密碼，輸入驗證碼，獲得驗證碼。
把「獲得驗證碼」作為「下一步」的按鈕，放在底部?！篙斎腧炞C碼」的位置卻在其之上，也就意味著用戶的使用邏輯為1→2→4→3。更重要的是，鍵盤仍然可能擋住底部的按鈕，用戶看得到「輸入驗證碼」，卻看不到「獲得驗證碼」。這種問題雖然沒人提，但嚴格來說也算是不小的設計失誤了。
1→2→4→3，混亂的邏輯
13.百度地圖-工具
百度地圖點擊登錄的默認界面是「短信快捷登錄」，也就是只需要輸入手機號碼（且有提示「未注冊則自動注冊」）——當你輸入的手機號碼未注冊的時候，會彈出對話框「該手機未注冊，是否注冊為百度賬號，點擊注冊發送驗證碼」。
短信驗證碼登錄，若未注冊則注冊為百度賬號
令人疑惑的是，在點擊「注冊」之后，注冊界面仍然是輸入手機號碼+密碼。整個流程和「短信快捷登錄」并沒有什么區別。唯一的區別就是直接注冊需要輸入密碼。這兩個方式可以考慮合并起來吧。
注冊也是手機號碼，只是需要填寫密碼
經過測試，使用「短信快捷登錄」注冊的手機號，并不會輸入密碼，在退出的時候也沒有提示需要輸入。因此無論在移動還是PC端，你都只能使用「短信登錄」這個方式，這個方式雖然在移動端方便，但是在PC端也許就是一個累贅了，建議可以效仿QQ和微信，退出時提示設置密碼。
不過最不能容忍的是，在「百度地圖」、「百度旅游」、「百度文庫」三款產品中，百度的使用條款都是一種非常霸道的表述方式——「閱讀并接受《百度用戶協議》」，既沒有明確的寫出「注冊即同意」，也沒有勾選框表示默認選中?！阜凑腋嬖V你了，你就同意了?！箍傆幸环N流氓的感覺。（主要是我自己對這些用戶權限比較在乎，個人感受可能略強烈一點。）
14.聯通掌上營業廳-工具
這是本次對比中最讓我「驚喜」的產品——因為之前一直覺得國企的App都不會太人性化。（深受12306之害。）
簡單來講，聯通掌上營業廳也許沒有特別好的技術，但是卻通過「文本描述」讓用戶感受到了體貼。
「如你第一次使用，不知道密碼，請點擊忘記密碼」；
「若您使用聯通號碼，可直接登錄不用注冊；若您有多個號碼，綁定到郵箱切換更方便」；
「中國雅虎郵箱已于2013年……停止服務，為了保證……請勿使用……」；
「為了保障您的賬戶安全，請盡量減少簡單密碼，如111111,123456」。
體貼的文字描述以及默認未勾選的「用戶條款」
體貼的文字描述以及默認未勾選的「用戶條款」
如果是一家技術不錯的互聯網企業，也許他們能夠將這些細節融入到用戶流程中從而有更好的體驗，比如在檢測到「雅虎郵箱」、或者「簡單密碼」的時候，自動顯示提示（酷狗音樂就是這么做的）。但是在這么多的產品中（其中不乏非常大型的互聯網企業），卻并沒有很多產品使用了這些技術，它們甚至還不如聯通的「傻辦法」。
作為運營商的官方App，其中的用戶可能不少是我們父母輩的人，TA們可能并不太懂得技術以及密碼防范，這些簡單的提示也許就能夠幫助到TA們。
這不是很厲害的設計，甚至可能不算是一個設計，但我在使用到的時候卻覺得非常貼心溫暖，我想這就已經足夠了。
而且你也可以看到，聯通的App注冊條款是「默認未打鉤」的，在所有四十三款的App中，這也是唯一的一家。
國外App
15.Facebook-社交
Facebook可以說是所有產品中最重視條款的一家，它將「注冊即同意」這個步驟直接做成了一個單獨的頁面。
也許這并不能代表它就是最「安全」的產品，但至少這能夠讓用戶感受到一種信任。
單獨的條款頁面
信息填寫完畢后，會進入一個「注冊中」的頁面，這個留到后面Linkedin的時候講。
我在注冊的時候代理剛好出了問題，因此國外軟件的注冊基本都失敗了。這正好讓我發現了兩個體貼的設計。
A.Facebook的注冊需要填寫很多信息，每個信息一個步驟一個頁面，在我第一次使用手機注冊失敗后，我重新使用郵箱注冊，所有的信息仍然保留著，在我準備好「重新填寫」的時候發現「全部保留」著，這種出乎意料讓人非常驚喜。
B.第二個是，當你已經輸入了注冊的信息，再點擊返回登錄，會出現「是否放棄注冊」的提示。而如果你沒有輸入信息就不會有這個提示。很舒服體貼的細節。
若已輸入內容，放棄注冊時會有提示
16.Twitter-社交
Twitter同樣注冊失敗了，所以流程參與的不多。
印象深刻的也有一份「清晰溫暖的描述」。
「注冊意味著你同意……（列出所有條款）」；
「我們不會給你發送垃圾郵件」；
「不用擔心，我們不會公開你的號碼」；
「可能收取短信費」。
只有你重視用戶，用戶才會喜愛你的產品。
不用擔心
國外的軟件普遍會很重視用戶的隱私安全，在開始注冊的時候，Twitter界面會有一個「高級選項」，其中列出了「是否允許通過電話/郵箱找到我」——每一件事都讓用戶在一開始就了解清楚。
高級選項
17.Instagram-社交
Ins默認的初始界面就是注冊。（界面真的非常美）。
需要注意的是，就算是在4s，3.5寸的屏幕上，Ins仍然不會因為出現鍵盤而遮擋任何元素。
完美的布局
當輸入郵箱后，「連接FB」選項消失，換成「下一步」，所以仍然不會遮擋。
「智能」時代出現的App
在此之后，「下一步」的操作都放在了右上角，和「返回按鈕」相對。從「鍵盤遮擋底部按鍵」這個部分來說，這個設計非常贊。
右上角不會被遮擋
有點奇怪的是，Ins的信息寫的是「電話號碼（非必填）」但是緊接著下一步就讓你輸入手機號碼驗證。
非必填的手機號碼
不太理解這個問題，是相關法律的問題嗎？
然后馬上讓你填手機……
以及，Ins的驗證碼鍵盤是非數字的，因為沒有收到驗證碼，所以不知道是設計錯誤還是說它的驗證碼本身就不是全數字，但目前我自己還沒遇到過手機驗證碼發送字母的……
未作處理的鍵盤
18.LinkedIn-社交
由于LinkedIn的用戶特性，在注冊結束后需要填寫比較多的信息。
LinkedIn在注冊結束后，單獨展示了一個「歡迎」界面，然后再開始填寫其它資料。我覺得這樣有兩個好處，一是讓用戶感受到注冊是成功的，有一種「剛才填的都沒有錯」的積極反饋（Facebook也是這個功能），二是，讓用戶緩一口氣，告訴TA「接下來又要開始填一些信息了哦」。
注冊完成后，一個「歡迎界面」能夠起到很好的緩沖效果
19.Uber-O2O
Uber從打開App的那一刻起就會讓你享受整個過程。
Uber的視覺實在是值得單獨列出來談談，先為了截圖快速跑了一遍流程，發現雖然Uber的流程不算簡潔，但卻讓我非常舒服，后來重新使用了一遍，發現它有幾個讓人喜歡的部分。
logo的出現和開場動畫實在驚艷。你可以深刻的感受到它的流暢、平滑和舒適——而這正是打車軟件需要帶給用戶的元素；
「流暢」的動效
點擊注冊，并不像普通的App一樣左右滑動出現，而是有一個「溫柔」的動畫效果。有的動效雖然很炫，但除了好看你并不會覺得有多特別，但Uber這里的動效簡約而不生硬，也許正是因為這種不突兀的切換，我才對注冊的過程顯得沒有那么排斥；
字體，在注冊其它App的時候，字體與App風格不統一就不說了，還會經常出現首字母自動大寫的情況。Uber的注冊字體則是精心設計過的，不僅符合自身產品穩重的特點，甚至有一種「一看這種字體就會對它產生信任」的感覺。
它的字體到底有多「穩重」呢……我打了馬賽克都還是看得清楚數字……只好先涂一遍……囧。
「穩重」的字體
Uber悲哀的一點是沒有條款……作為本來就有一點「灰色」的產品，這樣會使用戶信任感降低很多的。
總結
篩選了一遍都寫了十九款…
大致分析一下自己覺得比較合理的「注冊交互流程」。
- 最好能夠一個步驟一個頁面，而且提供步驟目錄。這樣會帶給用戶很平和的注冊流程，而且讓用戶知道「我在哪」，「要去哪」，「從哪來」不也是交互設計一個核心理論嗎？
- 如果鍵盤可能遮擋到按鈕，就不要在進入界面時設置鍵盤焦點（也就是不彈出鍵盤），這樣雖然用戶會多點一步，卻會減少更多的用戶煩躁。（至少我自己遇到這種情況經常拽不下鍵盤是很不爽的。）
- 如果是手機號碼注冊，記得按鈕文本是「獲取驗證碼」，而不是「注冊」，前者代表用戶自己選擇了短信驗證碼，后者則不一定。
- 如果是郵箱注冊，請務必設置合理的郵箱補全機制，在手機上能夠很好的優化用戶輸入。
- 密碼的設置可以參考QQ和微信，手機驗證不設置密碼。注冊成功后，以及推出時提示設置密碼。當然，如果使用場景和滴滴出行一致，也可以選擇直接不要密碼。
- 合理的「引導」，引導是現在很多產品（不限于App）的一個通病，現在的產品功能繁雜，也不可能用說明書進行解釋，足夠「新手向」的提示對于用戶來說非常重要，這也是表現「人性化」很重要的一點。有能力的可以把提示判斷加入到注冊過程中，沒有能力的就像聯通掌上營業廳一樣多寫一些文本也是好的。
- 關于「用戶條款」，并不是說一定要像Facebook一樣單獨列出一個界面，但至少能夠做到「注冊即同意」這個方式吧。既比默認打鉤方便，效果又更好（默認打鉤有一種「強制性」）。
- 第八點其實并不太屬于「交互設計」，那就是更合理的布局和動畫效果。好的動效當然能夠帶來好的效果，但我覺得首現還是得需要做好合理的流程框架。
國外的App在這些方面確實會讓人感覺「人性化」許多，國內也有許多出色的設計，但部分卻顯得沒有太多人情味，「人性化的體驗」不光是方便就足夠的。
國外的月亮并不圓……也許只是人家真的更重視用戶。當設計師把自己身邊完全不懂產品和技術的人（比如你的父母）作為用戶模擬使用產品，如果TA們也能用的舒服開心，我認為這就算是足夠好的設計了。
希望自己能成為這樣的人。
2015.9.2 ? 22:05
作者：覓食先生
來源：http://www.jianshu.com/p/3a0778419bcf
本文由 @覓食先生 授權發布于人人都是產品經理。未經作者許可，禁止轉載。
題圖來自PEXELS，基于CC0協議
我覺得你研究這個注冊登錄的交互，還不如研究國外內注冊流程的差異。比如在國外手機登錄不等同于注冊，但是國內為什么注冊和登錄要一起做，再比如為什么國外很多強制要求要綁定手機號，但是國內沒有
作者是女生嗎？“降低未知的恐懼，提高信任感”真有這種說法
分析的很棒，鍵盤擋按鈕的問題我也很煩
這是一年前的版本嗎。。。知乎日報都改了多久了，測試也要拿個好點手機啊，低級別不完全適配是很有可能的啊
微博保留郵箱注冊，仔細想想，難道不是因為企業賬號么？企業一般有固定郵箱而沒有手機。。。
關于注冊是放在一個頁面還是分步驟放在多個頁面，自己搜一下沉默成本，而且這種大企業，方案的選擇一定是有數據支撐的，不可能隨便改動。
有道理 ??