文章是作者在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悲哀的一點是沒有條款……作為本來就有一點「灰色」的產品，這樣會使用戶信任感降低很多的。

總結

篩選了一遍都寫了十九款…

大致分析一下自己覺得比較合理的「注冊交互流程」。

1. 最好能夠一個步驟一個頁面，而且提供步驟目錄。這樣會帶給用戶很平和的注冊流程，而且讓用戶知道「我在哪」，「要去哪」，「從哪來」不也是交互設計一個核心理論嗎？
2. 如果鍵盤可能遮擋到按鈕，就不要在進入界面時設置鍵盤焦點（也就是不彈出鍵盤），這樣雖然用戶會多點一步，卻會減少更多的用戶煩躁。（至少我自己遇到這種情況經常拽不下鍵盤是很不爽的。）
3. 如果是手機號碼注冊，記得按鈕文本是「獲取驗證碼」，而不是「注冊」，前者代表用戶自己選擇了短信驗證碼，后者則不一定。
4. 如果是郵箱注冊，請務必設置合理的郵箱補全機制，在手機上能夠很好的優化用戶輸入。
5. 密碼的設置可以參考QQ和微信，手機驗證不設置密碼。注冊成功后，以及推出時提示設置密碼。當然，如果使用場景和滴滴出行一致，也可以選擇直接不要密碼。
6. 合理的「引導」，引導是現在很多產品（不限于App）的一個通病，現在的產品功能繁雜，也不可能用說明書進行解釋，足夠「新手向」的提示對于用戶來說非常重要，這也是表現「人性化」很重要的一點。有能力的可以把提示判斷加入到注冊過程中，沒有能力的就像聯通掌上營業廳一樣多寫一些文本也是好的。
7. 關于「用戶條款」，并不是說一定要像Facebook一樣單獨列出一個界面，但至少能夠做到「注冊即同意」這個方式吧。既比默認打鉤方便，效果又更好（默認打鉤有一種「強制性」）。
8. 第八點其實并不太屬于「交互設計」，那就是更合理的布局和動畫效果。好的動效當然能夠帶來好的效果，但我覺得首現還是得需要做好合理的流程框架。

國外的App在這些方面確實會讓人感覺「人性化」許多，國內也有許多出色的設計，但部分卻顯得沒有太多人情味，「人性化的體驗」不光是方便就足夠的。

國外的月亮并不圓……也許只是人家真的更重視用戶。當設計師把自己身邊完全不懂產品和技術的人（比如你的父母）作為用戶模擬使用產品，如果TA們也能用的舒服開心，我認為這就算是足夠好的設計了。
希望自己能成為這樣的人。

2015.9.2 ? 22:05

作者：覓食先生

來源：http://www.jianshu.com/p/3a0778419bcf

本文由 @覓食先生 授權發布于人人都是產品經理。未經作者許可，禁止轉載。

題圖來自PEXELS，基于CC0協議