現(xiàn)在在智能機(jī)上下載一個(gè)apps是再簡(jiǎn)單不過(guò)的事了，而安裝完后首次打開(kāi)app時(shí)，用戶首先看到的就是登陸注冊(cè)頁(yè)了，當(dāng)然，不排除有一些非賬號(hào)登錄的小眾應(yīng)用等。

登陸注冊(cè)頁(yè)往往還會(huì)和應(yīng)用引導(dǎo)頁(yè)揉在一塊，之前看到有文章說(shuō)進(jìn)入應(yīng)用主界面前的引導(dǎo)頁(yè)往往沒(méi)有達(dá)到預(yù)期的效果，在我看來(lái)，這種硬塞式的引導(dǎo)，對(duì)于急著去把玩應(yīng)用的用戶來(lái)說(shuō)，確實(shí)是有阻礙的。但我們今天只談登陸注冊(cè)流程。

我收集了一些自己覺(jué)得做得各有特色，兼具代表性的app登錄注冊(cè)流程，同時(shí)寫(xiě)了點(diǎn)自己的看法。

1、Evernote

evernote首次打開(kāi)時(shí)，沒(méi)有splash screen,而是直接到了登陸注冊(cè)頁(yè)，對(duì)于一個(gè)工具型應(yīng)用，必須登錄賬號(hào)才能看到和編輯你的信息。值得注意的是，這里只有一個(gè)輸入框，你不用糾結(jié)是注冊(cè)還是登錄，也就是說(shuō)不用另外去分辨登錄和注冊(cè)的入口在哪里。

輸入一個(gè)賬號(hào)，然后點(diǎn)擊下一步，此時(shí)app向EverNote的服務(wù)器上傳這個(gè)賬號(hào)的信息，請(qǐng)求服務(wù)器確認(rèn)是否已注冊(cè)。

這里我隨便拿了一個(gè)郵箱測(cè)試了下，這個(gè)賬號(hào)應(yīng)該是沒(méi)注冊(cè)過(guò)的，所以點(diǎn)擊下一步后看到的是”創(chuàng)建新賬戶“的提示，自然的，它就會(huì)提示你給這個(gè)新賬號(hào)設(shè)置一個(gè)密碼。最后點(diǎn)擊創(chuàng)建賬戶，就能進(jìn)入主面板，可以開(kāi)始寫(xiě)筆記了。同時(shí)常見(jiàn)的”同意服務(wù)條款和隱私條款“的復(fù)選框，我們也沒(méi)看到，可以說(shuō)這一步，給了我去選擇的麻煩，兩步直接到位，同時(shí)一句”點(diǎn)擊創(chuàng)建賬戶，表示你同意服務(wù)條款和隱私條款“也省去了復(fù)選框的搶占焦點(diǎn)，讓我集中注意力在唯一的一個(gè)輸入框中。

當(dāng)然，如果最后服務(wù)器返回的結(jié)果是這個(gè)賬號(hào)已注冊(cè)，那么就會(huì)出現(xiàn)上圖，它提示你正在以該賬號(hào)登錄印象筆記，只要你再輸入登錄密碼，那你就能直接登錄了。

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

2、飯本(舊版本，ios）

飯本是國(guó)內(nèi)的一款通過(guò)好友推薦飯店，來(lái)幫你解決吃飯問(wèn)題的app。既然是以推薦和社會(huì)化關(guān)系來(lái)驅(qū)動(dòng)的產(chǎn)品，那么它的注冊(cè)應(yīng)該就不能像EverNote那樣簡(jiǎn)單一個(gè)賬號(hào)和密碼，而是會(huì)多收集一些用戶信息，以便更好的完成推薦服務(wù)。

圖中是飯本的登錄首頁(yè)，可以看到這一屏將登錄和注冊(cè)放在兩個(gè)平級(jí)按鈕上。用戶輸入完賬號(hào)和密碼后，可以選擇登錄或者立即注冊(cè)。由于截屏離我寫(xiě)這篇文章有一段時(shí)間，而手機(jī)上的飯本已經(jīng)更新到了新版本，所以對(duì)上圖中的輸入完賬號(hào)和密碼后的按鈕交互印象不清了。可能是：app檢測(cè)到文本框第一次都輸入完畢，且格式無(wú)誤時(shí)，立即將數(shù)據(jù)傳到服務(wù)器驗(yàn)證，若返回的結(jié)果是該賬號(hào)已注冊(cè)且密碼無(wú)誤，則高亮登錄按鈕；若賬號(hào)未注冊(cè)，則高亮立即注冊(cè)按鈕，以提示用戶下一步操作。同時(shí)提供了兩個(gè)第三方登錄入口，這是必須的，社交網(wǎng)絡(luò)賬號(hào)能大幅簡(jiǎn)化登錄和注冊(cè)的流程，當(dāng)然，這一點(diǎn)嚴(yán)格點(diǎn)來(lái)看，我們得區(qū)分Android和iOS平臺(tái)，因?yàn)榘沧科脚_(tái)上應(yīng)用間通信做的比ios好，比方說(shuō)點(diǎn)擊上圖中的新浪微博登錄，在安卓上可能就是在新頁(yè)面中走一個(gè)授權(quán)的操作，但放在ios上，很有可能是彈出個(gè)小頁(yè)面，你得再輸入賬戶和密碼，登錄微博后再點(diǎn)擊授權(quán)，再返回應(yīng)用。

我們說(shuō)產(chǎn)品最重要的是解決問(wèn)題，那么這種登錄注冊(cè)的設(shè)計(jì)主要是解決了什么問(wèn)題呢？是更快速簡(jiǎn)單的登錄注冊(cè)流程，如果你用第三方賬號(hào)登錄的話。但是，我覺(jué)得這個(gè)問(wèn)題解決的還不夠好，登錄和注冊(cè)還是分離的，如果你中途注冊(cè)到一半，厭煩了，想用第三方賬號(hào)登錄，還得返回上一界面---點(diǎn)擊第三方登錄按鈕---授權(quán)登錄---返回飯本。當(dāng)然，我看了下安卓上的飯本后，那邊就通過(guò)fixed?tabs解決的比較好。

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

或者對(duì)于?Google+,?還有一個(gè)獨(dú)特的好處就是,?如果你提供了?Google+?登錄的話,?Play?Store?能夠提供?OTA?登錄的能力,?特就是說(shuō)當(dāng)你的應(yīng)用被安裝到用戶的手機(jī)上時(shí),?就已經(jīng)登錄好了他的帳號(hào),?而無(wú)需用戶再去登錄一遍.

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

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

在我輸入了一個(gè)曾經(jīng)在飯本上使用過(guò)的賬號(hào)后，登錄按鈕高亮，這時(shí)比較容易就是點(diǎn)擊登錄按鈕了。如果點(diǎn)擊登錄，提示密碼錯(cuò)誤也是有可能的，這時(shí)我可能就會(huì)有點(diǎn)捉急了，看到下面有第三方登錄，很有可能就是點(diǎn)擊新浪微博登錄。

如上圖所示，在iOS上用QQ登錄飯本的時(shí)候，會(huì)先跳到手機(jī)QQ的界面上去，走一個(gè)授權(quán)流程。授權(quán)并登錄后，再返回到飯本。可以說(shuō)，是有點(diǎn)麻煩的。有趣的是，我在新版的飯本中看到了改善，它們加了兩個(gè)網(wǎng)頁(yè)來(lái)解決這個(gè)問(wèn)題，通過(guò)網(wǎng)頁(yè)來(lái)傳遞數(shù)據(jù)，這樣省去了在兩個(gè)應(yīng)用中跳來(lái)跳去的麻煩。下面我將會(huì)講到。

3、飯本（新版，iOS)

上圖是飯本的新版，跟舊版相比，簡(jiǎn)化了登錄界面的元素，弱化了注冊(cè)，通過(guò)對(duì)比進(jìn)一步強(qiáng)化了第三方社交賬號(hào)登錄。郵箱輸入框，只要檢測(cè)到輸入@符號(hào)，確定二字高亮，然后輸完密碼后點(diǎn)擊確定，即登錄。若點(diǎn)擊立即注冊(cè)，則會(huì)跳到注冊(cè)界面。

昵稱性別等注冊(cè)信息填完后，點(diǎn)擊確定即注冊(cè)成功了。

點(diǎn)擊第三方賬號(hào)登錄，qq和微博，都是在應(yīng)用中嵌進(jìn)了兩個(gè)網(wǎng)頁(yè)，輸完賬號(hào)和密碼后，就到了授權(quán)登錄了。跟舊版飯本相比，省去了在兩個(gè)應(yīng)用中跳來(lái)跳去的麻煩。

4、支付寶

支付寶跟其它非阿里系app不同的是，它不提供第三方登錄，一方面可能是出于安全性考慮，另一方面可能是加強(qiáng)自家賬號(hào)的長(zhǎng)期穩(wěn)定性，從而達(dá)到跟蹤和分析廣大用戶的數(shù)據(jù)，為大數(shù)據(jù)做準(zhǔn)備。

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

使用手機(jī)號(hào)登錄時(shí)，如果輸入本機(jī)號(hào)碼，則點(diǎn)下一步后，直接提示你輸入登錄密碼，也就是說(shuō)賬號(hào)和密碼輸入分離開(kāi)了，怎么說(shuō)呢，從使用流程上來(lái)說(shuō)，這樣是沒(méi)問(wèn)題的，因?yàn)檎?chǎng)景下，就是這樣輸入的，如果說(shuō)賬號(hào)和密碼的輸入框放在一屏，交互和提示還是不能少，但是不太好組織信息展示，所以干脆做成多屏，這對(duì)操作成本來(lái)說(shuō)并沒(méi)有增加多少。

如果輸入的不是本機(jī)號(hào)碼，那么應(yīng)用會(huì)提示考慮到安全性，我們將會(huì)對(duì)這個(gè)手機(jī)號(hào)進(jìn)行驗(yàn)證，我們將發(fā)送短信驗(yàn)證碼到這個(gè)手機(jī)上。

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

下面是支付寶的注冊(cè)流程

首先，用手機(jī)號(hào)注冊(cè)，填完手機(jī)號(hào)后，點(diǎn)下一步就到了確認(rèn)短信驗(yàn)證碼，值得注意的是，它不是在你輸入一個(gè)手機(jī)號(hào)后就開(kāi)始驗(yàn)證該號(hào)有沒(méi)有注冊(cè)過(guò)，而是在輸入完驗(yàn)證碼后再檢測(cè)。若已注冊(cè)，然后就彈出了上圖的toast，換手機(jī)號(hào)注冊(cè)或去登錄頁(yè)面。

5、手機(jī)淘寶

當(dāng)點(diǎn)擊注冊(cè)時(shí)，會(huì)重新走一遍輸入手機(jī)號(hào)--短信驗(yàn)證碼--檢測(cè)是否已注冊(cè)，若已注冊(cè)，則會(huì)彈出一個(gè)toast，可點(diǎn)擊直接登錄，返回登錄界面。也可以換一個(gè)手機(jī)號(hào)注冊(cè)。這一點(diǎn)和支付寶一致。

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

另外一點(diǎn)就是密碼的明暗文切換，這里可能有以下情況：主要要考慮淘寶的用戶數(shù)和用戶特征，中老年用戶用淘寶輸?shù)揭话胪涊數(shù)侥牧耍袥](méi)有輸錯(cuò)。當(dāng)然，對(duì)一部分年輕人也適合，特別是家庭主婦；不用輸完后，點(diǎn)登陸提示密碼錯(cuò)誤，導(dǎo)致多次登錄，減小服務(wù)器壓力？（YY。。。）

6.EyeEM

EyeEM是國(guó)外的一款圖片拍照分享應(yīng)用，類似instagram。它的把功能引導(dǎo)頁(yè)和登錄注冊(cè)入口放在一塊確實(shí)不錯(cuò)，很多應(yīng)用在你首次打開(kāi)后，是得不斷左滑好幾次，才能來(lái)到登錄注冊(cè)頁(yè)，而且效果往往不好，因?yàn)橛脩艏敝催@個(gè)應(yīng)用到底有什么內(nèi)容，當(dāng)然，這里也涉及到登陸注冊(cè)的一個(gè)設(shè)計(jì)，就是在合適的時(shí)候才會(huì)跳出登錄或注冊(cè)窗口，平常不會(huì)干擾你參與到app中去。

嗯，前面提到的飯本，借鑒了這個(gè)設(shè)計(jì)。這種應(yīng)用最適合圖片app,將內(nèi)容，功能結(jié)合的恰到好處。

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

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

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

7、lofter

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

當(dāng)用戶左滑進(jìn)入瀏覽內(nèi)容的界面時(shí)，此時(shí)如果他想評(píng)論或分享等，就會(huì)從窗口底部彈出登錄和注冊(cè)的引導(dǎo)窗口，這種設(shè)計(jì)也是有人推薦過(guò)的，因?yàn)楫?dāng)你瀏覽到喜歡的內(nèi)容想繼續(xù)下一步操作時(shí)，這時(shí)的引導(dǎo)登錄或注冊(cè)或許是效果比較好的；二是我們不會(huì)在你剛裝完打開(kāi)app時(shí)，就用麻煩的注冊(cè)或登錄流程來(lái)妨礙你快速瀏覽內(nèi)容的需求；三是lofter本身就不是一個(gè)非得登錄才能使用的app，未登錄時(shí)的瀏覽默認(rèn)內(nèi)容也是一個(gè)需求點(diǎn)。

點(diǎn)擊登錄時(shí)，除了常見(jiàn)的郵箱/網(wǎng)易通行證登錄外，作為一個(gè)社交化輕博客應(yīng)用，使用第三方登錄，借以更多的了解你是很有必要的，因此提供了微博和qq以及可能是目標(biāo)用戶之一的大學(xué)生常用的人人網(wǎng)賬號(hào)。

注冊(cè)這里，強(qiáng)化了第三方賬號(hào)注冊(cè)，弱化了用郵箱注冊(cè)，和上面一樣的道理。

8、豆瓣小組

豆瓣小組基本上和lofer是一致的，不過(guò)它一進(jìn)來(lái)的首屏就是內(nèi)容展示，夠直接。同樣是app內(nèi)引導(dǎo)登錄和注冊(cè)。

注冊(cè)時(shí)需要激活碼，第一眼看沒(méi)看明白，以為是要向好友索要，其實(shí)就是短信驗(yàn)證碼，嗯，這里是一個(gè)網(wǎng)頁(yè)。

9、百度云

百度云提供了多種登錄方式，并強(qiáng)化用自家賬號(hào)登錄，一來(lái)保證安全性，二來(lái)好管理。

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

登錄頁(yè)的右上角是注冊(cè)頁(yè)，這里的注冊(cè)只有手機(jī)號(hào)注冊(cè)，并且不需要驗(yàn)證碼。值得一提的是百度云的登陸保護(hù)功能做得不錯(cuò)，PC網(wǎng)頁(yè)上需要輸入驗(yàn)證碼才能登錄，手機(jī)上使用百度云，則是先要短信回復(fù)Y驗(yàn)證后，才能登錄。

寫(xiě)到這，移動(dòng)端的登錄注冊(cè)體驗(yàn)就寫(xiě)完了。總體來(lái)說(shuō)，各有特點(diǎn)，主要還是看各自要解決的問(wèn)題，和應(yīng)用本身的特征。

是否有社交元素，需要獲取更多用戶的數(shù)據(jù)？是，則提供第三方登錄入口/在注冊(cè)頁(yè)增加幾個(gè)資料選項(xiàng)。

是否必須登錄才能使用？否，則提供應(yīng)用內(nèi)引導(dǎo)登錄或注冊(cè)，因?yàn)槲吹卿洉r(shí)瀏覽內(nèi)容也是個(gè)需求點(diǎn)。

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

登錄和注冊(cè)流程如何順暢走通？是全部填完后驗(yàn)證，還是填一個(gè)切換到下一項(xiàng)時(shí)就已經(jīng)驗(yàn)證完畢，還是先驗(yàn)證完后，再?zèng)Q定下一項(xiàng)怎么顯示，是提示你直接登錄，還是提示可以注冊(cè)。

流程和交互，實(shí)現(xiàn)成本和操作便捷是要持續(xù)考慮的問(wèn)題。