現在在智能機上下載一個apps是再簡單不過的事了，而安裝完后首次打開app時，用戶首先看到的就是登陸注冊頁了，當然，不排除有一些非賬號登錄的小眾應用等。

登陸注冊頁往往還會和應用引導頁揉在一塊，之前看到有文章說進入應用主界面前的引導頁往往沒有達到預期的效果，在我看來，這種硬塞式的引導，對于急著去把玩應用的用戶來說，確實是有阻礙的。但我們今天只談登陸注冊流程。

我收集了一些自己覺得做得各有特色，兼具代表性的app登錄注冊流程，同時寫了點自己的看法。

1、Evernote

evernote首次打開時，沒有splash screen,而是直接到了登陸注冊頁，對于一個工具型應用，必須登錄賬號才能看到和編輯你的信息。值得注意的是，這里只有一個輸入框，你不用糾結是注冊還是登錄，也就是說不用另外去分辨登錄和注冊的入口在哪里。

輸入一個賬號，然后點擊下一步，此時app向EverNote的服務器上傳這個賬號的信息，請求服務器確認是否已注冊。

這里我隨便拿了一個郵箱測試了下，這個賬號應該是沒注冊過的，所以點擊下一步后看到的是”創建新賬戶“的提示，自然的，它就會提示你給這個新賬號設置一個密碼。最后點擊創建賬戶，就能進入主面板，可以開始寫筆記了。同時常見的”同意服務條款和隱私條款“的復選框，我們也沒看到，可以說這一步，給了我去選擇的麻煩，兩步直接到位，同時一句”點擊創建賬戶，表示你同意服務條款和隱私條款“也省去了復選框的搶占焦點，讓我集中注意力在唯一的一個輸入框中。

當然，如果最后服務器返回的結果是這個賬號已注冊，那么就會出現上圖，它提示你正在以該賬號登錄印象筆記，只要你再輸入登錄密碼，那你就能直接登錄了。

可以說這個登錄注冊的流程處理的非常簡單高效。但是我們也有必要注意這個產品本身的背景，單純的從交互上說，登錄注冊流程是簡單高效，但是我們還要嘗試理解這樣做背后的意圖，為設么這么設計？我們可以直接借鑒過去嗎？首先，evernote是一個筆記記錄工具，作為工具型產品，本身的內容是來自用戶自己生成，而且隱私性很強。所以一個簡單的賬號和密碼就夠了，它不用像一些有社交元素和個性化推薦元素的產品，需要通過在登陸注冊的時候，多弄幾個信息選項，來收集記錄分析你的資料，從而給你推薦服務。它只要保證簡單，高效和安全就行了。因此它可以只有三步，用戶不用思考太多，照做就行。

2、飯本(舊版本，ios）

飯本是國內的一款通過好友推薦飯店，來幫你解決吃飯問題的app。既然是以推薦和社會化關系來驅動的產品，那么它的注冊應該就不能像EverNote那樣簡單一個賬號和密碼，而是會多收集一些用戶信息，以便更好的完成推薦服務。

圖中是飯本的登錄首頁，可以看到這一屏將登錄和注冊放在兩個平級按鈕上。用戶輸入完賬號和密碼后，可以選擇登錄或者立即注冊。由于截屏離我寫這篇文章有一段時間，而手機上的飯本已經更新到了新版本，所以對上圖中的輸入完賬號和密碼后的按鈕交互印象不清了。可能是：app檢測到文本框第一次都輸入完畢，且格式無誤時，立即將數據傳到服務器驗證，若返回的結果是該賬號已注冊且密碼無誤，則高亮登錄按鈕；若賬號未注冊，則高亮立即注冊按鈕，以提示用戶下一步操作。同時提供了兩個第三方登錄入口，這是必須的，社交網絡賬號能大幅簡化登錄和注冊的流程，當然，這一點嚴格點來看，我們得區分Android和iOS平臺，因為安卓平臺上應用間通信做的比ios好，比方說點擊上圖中的新浪微博登錄，在安卓上可能就是在新頁面中走一個授權的操作，但放在ios上，很有可能是彈出個小頁面，你得再輸入賬戶和密碼，登錄微博后再點擊授權，再返回應用。

我們說產品最重要的是解決問題，那么這種登錄注冊的設計主要是解決了什么問題呢？是更快速簡單的登錄注冊流程，如果你用第三方賬號登錄的話。但是，我覺得這個問題解決的還不夠好，登錄和注冊還是分離的，如果你中途注冊到一半，厭煩了，想用第三方賬號登錄，還得返回上一界面---點擊第三方登錄按鈕---授權登錄---返回飯本。當然，我看了下安卓上的飯本后，那邊就通過fixed?tabs解決的比較好。

另外就是，安卓上谷歌給的SDK比較多，而且也更開放，比如飯本拿到了一個檢測用戶在這個手機上的登錄郵箱，然后直接將該郵箱放到登錄頁里，省去用戶再輸入一遍的麻煩。

或者對于?Google+,?還有一個獨特的好處就是,?如果你提供了?Google+?登錄的話,?Play?Store?能夠提供?OTA?登錄的能力,?特就是說當你的應用被安裝到用戶的手機上時,?就已經登錄好了他的帳號,?而無需用戶再去登錄一遍.

同時飯本的設計師@stephen?dat?提到了很重要的一點，就是登錄和注冊的互通，簡單來講就是降低跳出率，必須要考慮到登錄時能一眼看到快捷的第三方登錄，注冊的時候萬一嫌麻煩了，能一眼看到還能用第三方登錄。http://www.catyeah.com/blog/?p=622

剛才寫到我猜測的登錄按鈕和立即注冊按鈕可能的一種交互，如果深入點去想，就得計算怎樣跟服務器通信，是先驗證用戶名，再驗證密碼還是用戶名和密碼一并提交驗證？所以，登錄注冊的流程還真是不太簡單，要考慮的細節很多。

在我輸入了一個曾經在飯本上使用過的賬號后，登錄按鈕高亮，這時比較容易就是點擊登錄按鈕了。如果點擊登錄，提示密碼錯誤也是有可能的，這時我可能就會有點捉急了，看到下面有第三方登錄，很有可能就是點擊新浪微博登錄。

如上圖所示，在iOS上用QQ登錄飯本的時候，會先跳到手機QQ的界面上去，走一個授權流程。授權并登錄后，再返回到飯本。可以說，是有點麻煩的。有趣的是，我在新版的飯本中看到了改善，它們加了兩個網頁來解決這個問題，通過網頁來傳遞數據，這樣省去了在兩個應用中跳來跳去的麻煩。下面我將會講到。

3、飯本（新版，iOS)

上圖是飯本的新版，跟舊版相比，簡化了登錄界面的元素，弱化了注冊，通過對比進一步強化了第三方社交賬號登錄。郵箱輸入框，只要檢測到輸入@符號，確定二字高亮，然后輸完密碼后點擊確定，即登錄。若點擊立即注冊，則會跳到注冊界面。

昵稱性別等注冊信息填完后，點擊確定即注冊成功了。

點擊第三方賬號登錄，qq和微博，都是在應用中嵌進了兩個網頁，輸完賬號和密碼后，就到了授權登錄了。跟舊版飯本相比，省去了在兩個應用中跳來跳去的麻煩。

4、支付寶

支付寶跟其它非阿里系app不同的是，它不提供第三方登錄，一方面可能是出于安全性考慮，另一方面可能是加強自家賬號的長期穩定性，從而達到跟蹤和分析廣大用戶的數據，為大數據做準備。

由于支付寶獲得了訪問我手機通訊錄的權限，加之檢測本機號碼應該也不是個難題，同時我之前已經登錄過一次，頭像緩存在本地，所以它的登陸頁，直接顯示頭像和手機號，只要輸入密碼即可登錄。同時，它提供了多種登錄方式，當然都是阿里系的。注冊按鈕在底部，支付寶的注冊流程就是手機號注冊，一步一屏，很簡單，收到一個驗證碼，輸入驗證即可注冊。這里我特別實驗了下，拿已經注冊過的手機號嘗試注冊了下，再輸入完短信驗證碼點注冊時，它彈了個窗提示該手機號已是支付寶用戶，是否立即登錄，點擊立即登錄即可跳轉到最開始的登錄界面，點擊”換手機號注冊“即重新跳到手機號注冊界面。

使用手機號登錄時，如果輸入本機號碼，則點下一步后，直接提示你輸入登錄密碼，也就是說賬號和密碼輸入分離開了，怎么說呢，從使用流程上來說，這樣是沒問題的，因為正常場景下，就是這樣輸入的，如果說賬號和密碼的輸入框放在一屏，交互和提示還是不能少，但是不太好組織信息展示，所以干脆做成多屏，這對操作成本來說并沒有增加多少。

如果輸入的不是本機號碼，那么應用會提示考慮到安全性，我們將會對這個手機號進行驗證，我們將發送短信驗證碼到這個手機上。

值得一提的是，支付寶提供了多種登錄方式，但只有手機號登錄時，下面仍然放了用其他方式登錄和注冊的入口。考慮到使用支付寶的用戶分布廣泛，較為大眾，年輕人還好，如果給上了點年紀的中年人要記住個郵箱或許會麻煩點，但手機號還是容易記住一些。

下面是支付寶的注冊流程

首先，用手機號注冊，填完手機號后，點下一步就到了確認短信驗證碼，值得注意的是，它不是在你輸入一個手機號后就開始驗證該號有沒有注冊過，而是在輸入完驗證碼后再檢測。若已注冊，然后就彈出了上圖的toast，換手機號注冊或去登錄頁面。

5、手機淘寶

當點擊注冊時，會重新走一遍輸入手機號--短信驗證碼--檢測是否已注冊，若已注冊，則會彈出一個toast，可點擊直接登錄，返回登錄界面。也可以換一個手機號注冊。這一點和支付寶一致。

手機淘寶跟支付寶做的不太一樣。首先手機淘寶的目標用戶更為大眾，它的登錄注冊界面做了兩個特色功能，一個是沒有密碼時，用短信登錄，一個是密碼的明暗文切換。首先我驗證了下沒有密碼短信登錄的流程，淘寶這個登錄頁考慮的比較周全，常用的找回密碼功能放在登錄按鈕左下側，而當用戶想用手機淘寶購物卻發現沒有注冊，而注冊流程自己又不清楚怎么操作時，就可以點擊“沒有密碼?用短信登錄”點擊之后，首先切換到輸入手機號的界面，同樣，輸完手機號點下一步會收到短信驗證碼，當輸入完驗證碼，此時服務器會檢測是否已注冊，有一點我覺得淘寶做的不太好的是，在我用已注冊的手機號驗證時，它直接提示我"為確保賬號安全，請驗證您的淘寶登錄密碼“，這里它想表達的意思應該是我已經注冊，可驗證密碼直接登錄，用鼓勵的語氣，而不是莫名其妙的提示。沒有試過未注冊的號碼，也不知道到時是怎么提示。

另外一點就是密碼的明暗文切換，這里可能有以下情況：主要要考慮淘寶的用戶數和用戶特征，中老年用戶用淘寶輸到一半忘記輸到哪了，有沒有輸錯。當然，對一部分年輕人也適合，特別是家庭主婦；不用輸完后，點登陸提示密碼錯誤，導致多次登錄，減小服務器壓力？（YY。。。）

6.EyeEM

EyeEM是國外的一款圖片拍照分享應用，類似instagram。它的把功能引導頁和登錄注冊入口放在一塊確實不錯，很多應用在你首次打開后，是得不斷左滑好幾次，才能來到登錄注冊頁，而且效果往往不好，因為用戶急著看這個應用到底有什么內容，當然，這里也涉及到登陸注冊的一個設計，就是在合適的時候才會跳出登錄或注冊窗口，平常不會干擾你參與到app中去。

嗯，前面提到的飯本，借鑒了這個設計。這種應用最適合圖片app,將內容，功能結合的恰到好處。

作為一款社交化的拍照分享app，接入第三方登錄是必須考慮的一個問題，eyeem提供了facebook的第三方登錄入口，而且將其放在了普通賬號的上面，瀏覽順序最先看到，做了一定的強化設計。你也可以用eyeem自家的賬號登錄。

如果你點擊加入，就到了注冊的頁面。可以從上圖中看到的是，如果直接注冊，要輸入四項內容，姓名，用戶名，郵箱密碼，還得上傳個頭像。考慮到注冊流程確實稍長，所以eyeem在注冊頁也提供了使用facebook直接登錄的入口。

整體上eyeem做的比較好的一點是，它自始至終，在登錄和注冊頁都提供了明顯的第三方登錄入口。

7、lofter

Lofter是一個輕博客app,瀏覽優質內容是核心需求，社交是輔助。因此在打開app后，雖然你能看到注冊和登錄的兩個入口，但右下角向左來回滑動的漸變箭頭還是提醒你，可以左滑，左滑之后就能直接瀏覽lofter上顯示的默認內容。這里注冊的按鈕用了黑色，用來強化，當用戶首次安裝打開lofter時，考慮到用戶可能來自兩方面：一是Lofter網站上已有的用戶，他們要登錄的話，還是可以找到登錄入口的，這樣登錄稍弱化也是沒關系的。二是從appstore上下載下來，而之前未曾注冊過lofter的用戶，對他們的強化注冊就很有必要。總之，這跟lofter早期吸引用戶注冊的策略是有關系的。

當用戶左滑進入瀏覽內容的界面時，此時如果他想評論或分享等，就會從窗口底部彈出登錄和注冊的引導窗口，這種設計也是有人推薦過的，因為當你瀏覽到喜歡的內容想繼續下一步操作時，這時的引導登錄或注冊或許是效果比較好的；二是我們不會在你剛裝完打開app時，就用麻煩的注冊或登錄流程來妨礙你快速瀏覽內容的需求；三是lofter本身就不是一個非得登錄才能使用的app，未登錄時的瀏覽默認內容也是一個需求點。

點擊登錄時，除了常見的郵箱/網易通行證登錄外，作為一個社交化輕博客應用，使用第三方登錄，借以更多的了解你是很有必要的，因此提供了微博和qq以及可能是目標用戶之一的大學生常用的人人網賬號。

注冊這里，強化了第三方賬號注冊，弱化了用郵箱注冊，和上面一樣的道理。

8、豆瓣小組

豆瓣小組基本上和lofer是一致的，不過它一進來的首屏就是內容展示，夠直接。同樣是app內引導登錄和注冊。

注冊時需要激活碼，第一眼看沒看明白，以為是要向好友索要，其實就是短信驗證碼，嗯，這里是一個網頁。

9、百度云

百度云提供了多種登錄方式，并強化用自家賬號登錄，一來保證安全性，二來好管理。

比如我自己就有一次不知道是串號還是賬號被盜了的經歷，走百度自家賬號得人工申訴的過程還是效率挺高的。

登錄頁的右上角是注冊頁，這里的注冊只有手機號注冊，并且不需要驗證碼。值得一提的是百度云的登陸保護功能做得不錯，PC網頁上需要輸入驗證碼才能登錄，手機上使用百度云，則是先要短信回復Y驗證后，才能登錄。

寫到這，移動端的登錄注冊體驗就寫完了。總體來說，各有特點，主要還是看各自要解決的問題，和應用本身的特征。

是否有社交元素，需要獲取更多用戶的數據？是，則提供第三方登錄入口/在注冊頁增加幾個資料選項。

是否必須登錄才能使用？否，則提供應用內引導登錄或注冊，因為未登錄時瀏覽內容也是個需求點。

做成多屏滑動切換還是單屏切換tab？需要看登錄的驗證流程是怎樣的，像支付寶，evernote那種就做成了多屏，而百度云這種則做成了單屏。

登錄和注冊流程如何順暢走通？是全部填完后驗證，還是填一個切換到下一項時就已經驗證完畢，還是先驗證完后，再決定下一項怎么顯示，是提示你直接登錄，還是提示可以注冊。

流程和交互，實現成本和操作便捷是要持續考慮的問題。