一直對注冊登錄這件事比較在意圆到，從PC端的「需要注冊發(fā)帖的資源就放棄」到移動端的「手機驗證碼刷屏」结洼，這次碰巧寢室多了張新卡赞弥，就拿出原來的4s裝了幾十個App看看各自的注冊登錄流程~（主要是注冊琼娘，登錄肯定都是差不多的嫁艇。）
列了一個表格阅悍，分別列出個產(chǎn)品的「派系」好渠，「類別」，「初始頁面」节视，「注冊和登錄按鈕的比重」拳锚，「注冊條款如何選擇」，「注冊流程」以及「個人看法」寻行。
這里選擇一些比較特點的App作介紹霍掺，全部四十三款的對比放在云盤上大家可以下載看看。
國內(nèi)App
手機QQ-社交類
手Q的流程還是比較流暢的拌蜘，一個步驟一個頁面杆烁，非常簡潔。
我覺得非常棒的一點是简卧，手Q的手機號碼注冊是不需要密碼的兔魂，而當你注冊完畢后，會有一欄「為了您的賬號安全举娩，請設置QQ密碼析校。」的信息提示晓铆。
除了信息提示勺良，當你要退出QQ的時候，也會提示你設置密碼骄噪。
微信的流程也是類似尚困，既減少注冊的操作步驟和輸入量，又能夠把密碼的重要性體現(xiàn)出來链蕊，很贊事甜。
值得一提的是谬泌，手Q的使用條款是「默認打鉤」的，而微信是「注冊即同意」逻谦。相應來說后者的處理方式更合理掌实。默認打鉤有一定的欺騙誘導性。
2.阿里旺旺-社交類
登錄界面丑就不說了邦马。
注冊方式是發(fā)送短信注冊贱鼻，然后點擊手動注冊，還是一個Not found的頁面……阿里你是怎么了滋将？
而且阿里的注冊并沒有看到注冊條款相應的內(nèi)容邻悬。作為一家這么大的企業(yè)……阿里旺旺真的比較失望。
3.微博-社交類
微博可以通過郵箱或者手機注冊随闽，但是在選擇郵箱注冊的時候父丰，仍然需要填寫手機號碼，并且驗證掘宪。
既然都需要手機號碼蛾扇，為什么不取消郵箱注冊方式，改為在個人信息里完善郵箱魏滚？
手機注冊栏赴，條款是「注冊即同意」蘑斧；郵箱注冊，條款又是「默認打鉤」须眷。細節(jié)不統(tǒng)一顯得產(chǎn)品比較劣質(zhì)竖瘾，小地方雖然基本沒人看得到但還是希望能夠完善。
微博的登錄一直是我比較喜歡的花颗，因為郵箱補全做得比較好捕传。但是在「郵箱注冊」的時候卻沒有使用補全機制，這也是一個問題扩劝，有現(xiàn)成的干嘛不拿來用呢……
4.美圖外賣/貓眼-O2O
美團外賣和貓眼在注冊的時候都是一個步驟一個頁面棒呛，并且擁有「步驟目錄」聂示，用戶能夠非常清楚的了解到「從哪來（干什么）」蒲祈，「我在哪」姨蝴，「要去哪」，降低未知的恐懼模她，提高信任感。
相比之下扛禽，「大眾點評」直接單頁面注冊所有信息（手機锋边、驗證、密碼）编曼，感覺更快速豆巨，但其實并沒有（因為「切換輸入框焦點」和「點擊下一步」其實都是一個步驟，后者自動焦點掐场，不會出現(xiàn)鍵盤亂出現(xiàn)會讓用戶更舒服）往扔，而且沒有單頁步驟更讓用戶踏實。
美團外賣還有一個特別的地方刻肄，它默認的登錄方式是「手機號快捷登錄」瓤球，且下方有一句提示語「未注冊過的手機將自動創(chuàng)建為美團賬戶∶羝」我自己也一直在思考，是否能夠把登錄和注冊結(jié)合為一個步驟噪馏，即「存在則登錄麦到，不存在則注冊」。不過當時想的有一些問題欠肾，美團外賣這里做的還是不錯的瓶颠，唯一可能的問題就是用戶可能會看不到這句話，直接點注冊刺桃。
5.時光網(wǎng)-O2O
時光網(wǎng)有趣的一點是粹淋，它在「我的信息」這個頁面，同時有「登錄」和「注冊」瑟慈，我覺得這個設計還蠻不錯的桃移，從布局來說兩個按鈕位置放得下，也能夠把注冊和登錄不同的人群分開葛碧，讓各頁面的元素更合理借杰。
在獲得短信驗證碼之前，還需要做一次圖片驗證碼的填寫进泼，這個非常不理解蔗衡。用了手機驗證，「防作弊注冊」應該沒有那么嚴重吧乳绕？是出過什么事故有難言之隱绞惦，還是說是PC上遺留下的思維？這樣多一個步驟讓用戶輸入洋措，沒有比較合理的理由是比較嚴重的設計問題了济蝉。
6.滴滴出行-O2O
所有測試的產(chǎn)品中，嘀嘀出行是最「移動化」的登錄。不需要注冊堆生，也不需要密碼专缠，只用手機驗證登錄。
對于一款打車軟件來說淑仆，手機號碼是必要的東西涝婉，其余都可以變化甚至不需要的（支付方式雖然必要，但可變）蔗怠。
而滴滴出行并不太需要「用戶賬號的粘性」——換了手機號墩弯，肯定會換滴滴的賬號；沒有換手機號碼寞射，則可以隨意換手機硬件渔工，反正使用App的當時一定是能夠收到短信的。
甚至滴滴出行的初始界面都不是注冊登錄桥温，而是地圖主頁引矩，當你選擇目的地后再彈出手機號碼登錄。雖然可能違背用戶習慣（「需要支付侵浸，肯定需要賬號旺韭，沒有賬號，就需要注冊」是一個根深蒂固的念頭）掏觉，但是整體來說我認為「鼓勵用戶使用滴滴出行」的優(yōu)先級是最高的区端，先用，后注冊是比較符合這個優(yōu)先級的設定澳腹。
7.手機淘寶-電商
點擊登錄织盼，焦點直接在賬號欄，使4s的鍵盤直接阻擋底部的「注冊」按鈕酱塔，如果是一個使用經(jīng)驗少的用戶沥邻，可能直接都找不到在哪里注冊。
在所有調(diào)查的電商類產(chǎn)品中，只有手機淘寶需要先登錄迁沫，再瀏覽商品芦瘾。其余產(chǎn)品的初始頁面都是產(chǎn)品主頁。這里應該是因為淘寶的受眾太廣集畅，提前注冊一不會引起反感近弟，二是這樣能夠不中斷購買體驗，更好的讓用戶剁手挺智。
在注冊成功后祷愉，會給注冊手機發(fā)一條成功短信，作為電商來說，這一點還是挺增加用戶信任和好感的二鳄。
8.知乎-內(nèi)容
知乎的注冊也有郵箱補全赴涵，而且比微博的更美觀一點。
知乎的用戶名是「手機」或者「郵箱」订讼，若輸入手機髓窜，點擊「注冊」按鈕，然后獲得驗證碼欺殿。從用戶習慣來說雖然可以理解寄纵。但是卻存在一個「安全隱患」——你并沒有告訴我點擊「注冊」會發(fā)送驗證碼，驗證碼是什么脖苏？會不會收費程拭？而其余的產(chǎn)品按鈕名稱都是「點擊獲得驗證碼」類似的，在點擊的時候用戶已經(jīng)有了心理預期棍潘，收到驗證碼是理所當然的恃鞋，但是知乎這里卻不一樣，會有一種「強制性」的錯覺蜒谤。解決方案可以是檢測到輸入的是十一位數(shù)字自動修改按鈕文本山宾，這樣既解決這個問題又讓用戶覺得體貼。
談到知乎敢课，順便就說說知乎日報阶祭。
「知乎日報」作為「知乎」旗下的子產(chǎn)品，卻和「知乎」完全獨立直秆。其中的收藏濒募、點贊完全不同步不說。甚至「知乎日報」都無法用「知乎」的賬號登錄（只支持新浪和騰訊微博登錄）圾结。
在「知乎日報」中點擊查看完全討論瑰剃，會跳轉(zhuǎn)到「知乎」，而且需要重新登錄「知乎」的賬號筝野。
就算想讓「知乎日報」的用戶不受「知乎」用戶的影響晌姚，收藏和點贊單獨劃分，至少賬號是能夠通用的吧……不太理解知乎的意圖歇竟。
9.Lofter-內(nèi)容
Lofter點擊登錄和點擊注冊挥唠，跳轉(zhuǎn)的是同一個界面，都是顯示四種登錄方式焕议。
然后如果想真正的「注冊」一個賬號宝磨，必須在點擊「注冊」后選擇「郵箱登錄」再點擊「注冊」。盡管有理由鼓勵「第三方登錄」避免「注冊」，但是這樣邏輯混亂的設定還是非常不合理唤锉。這么多問題世囊，其實只需要在主頁中只顯示「登錄」，去掉「注冊」按鈕就好窿祥。
「注冊」的界面視覺風格和整體不一致株憾，很違和。而且還需要填寫驗證碼這種落后的東西……
10.起點讀書-內(nèi)容
起點讀書有一個比較創(chuàng)新的「短信快捷登錄」（同樣的，這個也是「無需注冊」）浸遗，點擊后猫胁，會自動生成一條短信并跳轉(zhuǎn)到短信發(fā)送界面，點擊發(fā)送后自動跳轉(zhuǎn)回應用跛锌。
我使用這個的時候注冊失敗了弃秆，不過失敗之后也有應對措施，會提示你使用驗證碼注冊髓帽，點擊驗證碼注冊就進入注冊的輸入手機菠赚、獲得驗證碼、輸入驗證碼的普通流程郑藏。
另外必盖，起點讀書的初始界面也是首頁拌牲，但和其它應用不同的是，點擊「我的」之后歌粥，直接顯示的是登錄注冊界面（其它的應用都是列出各種設置選項等塌忽，只是在頭像處顯示「登錄」按鈕）。這一點挺合理的失驶，在我未登錄的情況下土居，你顯示的內(nèi)容，就算我點擊它嬉探，跳轉(zhuǎn)的也是登錄界面擦耀，判斷未登錄直接展示登錄界面，用戶會少點擊一次甲馋。此處以「貓眼電影」為例埂奈。
最后吐槽一點氏捞，盛大這么大的企業(yè)，起點讀書的注冊登錄過程中沒有任何隱私和使用條款……
11.騰訊視頻-內(nèi)容
騰訊視頻只支持QQ或者微信登錄冒版，這個很好理解液茎。
比較有趣的是，如果你的手機上有手Q或者微信辞嗡，那么會直接跳轉(zhuǎn)到相應的App（而且沒有注冊選項）捆等。
但是，如果你沒有手Q续室，這時會跳轉(zhuǎn)到一個單獨的登錄頁面栋烤，這個頁面有個「快速注冊」的選項，點擊后跳轉(zhuǎn)的是PC端的QQ注冊網(wǎng)頁……有點詭異挺狰。
雖然是一個單獨的頁面，但是登錄框下也有使用條款等瞳购，雖然并卵话侄，但看到其它App之后…還是給與好評。
12.錘子便簽&歡喜云同步-工具
歡喜云這里只提一個個人覺得不合理的點。
注冊界面的布局從上到下是篇亭，用戶名缠捌，密碼，輸入驗證碼译蒂，獲得驗證碼曼月。
把「獲得驗證碼」作為「下一步」的按鈕，放在底部柔昼⊙魄郏「輸入驗證碼」的位置卻在其之上，也就意味著用戶的使用邏輯為1→2→4→3捕透。更重要的是聪姿，鍵盤仍然可能擋住底部的按鈕碴萧，用戶看得到「輸入驗證碼」，卻看不到「獲得驗證碼」末购。這種問題雖然沒人提破喻，但嚴格來說也算是不小的設計失誤了。
13.百度地圖-工具
百度地圖點擊登錄的默認界面是「短信快捷登錄」，也就是只需要輸入手機號碼（且有提示「未注冊則自動注冊」）——當你輸入的手機號碼未注冊的時候擎场，會彈出對話框「該手機未注冊羽德，是否注冊為百度賬號，點擊注冊發(fā)送驗證碼」迅办。
令人疑惑的是礼饱，在點擊「注冊」之后坏为，注冊界面仍然是輸入手機號碼+密碼。整個流程和「短信快捷登錄」并沒有什么區(qū)別镊绪。唯一的區(qū)別就是直接注冊需要輸入密碼匀伏。這兩個方式可以考慮合并起來吧。
經(jīng)過測試，使用「短信快捷登錄」注冊的手機號榄鉴，并不會輸入密碼履磨，在退出的時候也沒有提示需要輸入。因此無論在移動還是PC端庆尘，你都只能使用「短信登錄」這個方式剃诅，這個方式雖然在移動端方便，但是在PC端也許就是一個累贅了驶忌，建議可以效仿QQ和微信矛辕，退出時提示設置密碼。
不過最不能容忍的是付魔，在「百度地圖」聊品、「百度旅游」、「百度文庫」三款產(chǎn)品中几苍，百度的使用條款都是一種非常霸道的表述方式——「閱讀并接受《百度用戶協(xié)議》」，既沒有明確的寫出「注冊即同意」惊窖，也沒有勾選框表示默認選中盾计⊙宜模「反正我告訴你了材鹦，你就同意了尤泽∧重ぃ」總有一種流氓的感覺。（主要是我自己對這些用戶權限比較在乎如贷，個人感受可能略強烈一點。）
14.聯(lián)通掌上營業(yè)廳-工具
這是本次對比中最讓我「驚喜」的產(chǎn)品——因為之前一直覺得國企的App都不會太人性化。（深受12306之害援奢。）
簡單來講，聯(lián)通掌上營業(yè)廳也許沒有特別好的技術栽连，但是卻通過「文本描述」讓用戶感受到了體貼。
「如你第一次使用侨舆，不知道密碼秒紧，請點擊忘記密碼」；
「若您使用聯(lián)通號碼挨下，可直接登錄不用注冊熔恢；若您有多個號碼，綁定到郵箱切換更方便」臭笆；
「中國雅虎郵箱已于2013年……停止服務叙淌，為了保證……請勿使用……」；
「為了保障您的賬戶安全愁铺，請盡量減少簡單密碼鹰霍，如111111,123456」。
如果是一家技術不錯的互聯(lián)網(wǎng)企業(yè)茵乱，也許他們能夠?qū)⑦@些細節(jié)融入到用戶流程中從而有更好的體驗茂洒，比如在檢測到「雅虎郵箱」、或者「簡單密碼」的時候瓶竭，自動顯示提示（酷狗音樂就是這么做的）督勺。但是在這么多的產(chǎn)品中（其中不乏非常大型的互聯(lián)網(wǎng)企業(yè)）渠羞，卻并沒有很多產(chǎn)品使用了這些技術，它們甚至還不如聯(lián)通的「傻辦法」智哀。
作為運營商的官方App次询，其中的用戶可能不少是我們父母輩的人，TA們可能并不太懂得技術以及密碼防范瓷叫，這些簡單的提示也許就能夠幫助到TA們屯吊。
這不是很厲害的設計，甚至可能不算是一個設計赞辩，但我在使用到的時候卻覺得非常貼心溫暖雌芽，我想這就已經(jīng)足夠了。
而且你也可以看到辨嗽，聯(lián)通的App注冊條款是「默認未打鉤」的世落，在所有四十三款的App中，這也是唯一的一家糟需。
國外App
15.Facebook-社交
Facebook可以說是所有產(chǎn)品中最重視條款的一家屉佳，它將「注冊即同意」這個步驟直接做成了一個單獨的頁面。
也許這并不能代表它就是最「安全」的產(chǎn)品洲押，但至少這能夠讓用戶感受到一種信任武花。
信息填寫完畢后，會進入一個「注冊中」的頁面杈帐，這個留到后面Linkedin的時候講体箕。
我在注冊的時候代理剛好出了問題，因此國外軟件的注冊基本都失敗了挑童。這正好讓我發(fā)現(xiàn)了兩個體貼的設計累铅。
A.Facebook的注冊需要填寫很多信息，每個信息一個步驟一個頁面站叼，在我第一次使用手機注冊失敗后娃兽，我重新使用郵箱注冊，所有的信息仍然保留著尽楔，在我準備好「重新填寫」的時候發(fā)現(xiàn)「全部保留」著投储，這種出乎意料讓人非常驚喜。
B.第二個是阔馋，當你已經(jīng)輸入了注冊的信息玛荞，再點擊返回登錄，會出現(xiàn)「是否放棄注冊」的提示呕寝。而如果你沒有輸入信息就不會有這個提示冲泥。很舒服體貼的細節(jié)。
16.Twitter-社交
Twitter同樣注冊失敗了，所以流程參與的不多怔球。
印象深刻的也有一份「清晰溫暖的描述」嚼酝。
「注冊意味著你同意……（列出所有條款）」；
「我們不會給你發(fā)送垃圾郵件」竟坛；
「不用擔心闽巩，我們不會公開你的號碼」；
「可能收取短信費」担汤。
只有你重視用戶涎跨，用戶才會喜愛你的產(chǎn)品。
國外的軟件普遍會很重視用戶的隱私安全崭歧，在開始注冊的時候隅很，Twitter界面會有一個「高級選項」，其中列出了「是否允許通過電話/郵箱找到我」——每一件事都讓用戶在一開始就了解清楚率碾。
17.Instagram-社交
Ins默認的初始界面就是注冊叔营。（界面真的非常美）。
需要注意的是所宰，就算是在4s绒尊，3.5寸的屏幕上，Ins仍然不會因為出現(xiàn)鍵盤而遮擋任何元素仔粥。
當輸入郵箱后婴谱，「連接FB」選項消失，換成「下一步」躯泰，所以仍然不會遮擋谭羔。
在此之后，「下一步」的操作都放在了右上角斟冕，和「返回按鈕」相對口糕。從「鍵盤遮擋底部按鍵」這個部分來說，這個設計非常贊磕蛇。
有點奇怪的是景描，Ins的信息寫的是「電話號碼（非必填）」但是緊接著下一步就讓你輸入手機號碼驗證。
不太理解這個問題秀撇，是相關法律的問題嗎超棺？
以及，Ins的驗證碼鍵盤是非數(shù)字的呵燕，因為沒有收到驗證碼棠绘，所以不知道是設計錯誤還是說它的驗證碼本身就不是全數(shù)字，但目前我自己還沒遇到過手機驗證碼發(fā)送字母的……
18.LinkedIn-社交
由于LinkedIn的用戶特性，在注冊結(jié)束后需要填寫比較多的信息氧苍。
LinkedIn在注冊結(jié)束后夜矗，單獨展示了一個「歡迎」界面，然后再開始填寫其它資料让虐。我覺得這樣有兩個好處紊撕，一是讓用戶感受到注冊是成功的，有一種「剛才填的都沒有錯」的積極反饋（Facebook也是這個功能）赡突，二是对扶，讓用戶緩一口氣，告訴TA「接下來又要開始填一些信息了哦」惭缰。
19.Uber-O2O
Uber從打開App的那一刻起就會讓你享受整個過程漱受。
Uber的視覺實在是值得單獨列出來談談络凿，先為了截圖快速跑了一遍流程，發(fā)現(xiàn)雖然Uber的流程不算簡潔拜效，但卻讓我非常舒服喷众，后來重新使用了一遍，發(fā)現(xiàn)它有幾個讓人喜歡的部分紧憾。
logo的出現(xiàn)和開場動畫實在驚艷到千。你可以深刻的感受到它的流暢、平滑和舒適——而這正是打車軟件需要帶給用戶的元素赴穗；
點擊注冊憔四，并不像普通的App一樣左右滑動出現(xiàn)，而是有一個「溫柔」的動畫效果般眉。有的動效雖然很炫了赵，但除了好看你并不會覺得有多特別，但Uber這里的動效簡約而不生硬甸赃，也許正是因為這種不突兀的切換柿汛，我才對注冊的過程顯得沒有那么排斥；
字體埠对，在注冊其它App的時候络断，字體與App風格不統(tǒng)一就不說了，還會經(jīng)常出現(xiàn)首字母自動大寫的情況项玛。Uber的注冊字體則是精心設計過的貌笨，不僅符合自身產(chǎn)品穩(wěn)重的特點，甚至有一種「一看這種字體就會對它產(chǎn)生信任」的感覺襟沮。
它的字體到底有多「穩(wěn)重」呢……我打了馬賽克都還是看得清楚數(shù)字……只好先涂一遍……囧锥惋。
Uber悲哀的一點是沒有條款……作為本來就有一點「灰色」的產(chǎn)品昌腰，這樣會使用戶信任感降低很多的。
總結(jié)
篩選了一遍都寫了十九款…
大致分析一下自己覺得比較合理的「注冊交互流程」膀跌。
1.最好能夠一個步驟一個頁面遭商，而且提供步驟目錄。這樣會帶給用戶很平和的注冊流程捅伤，而且讓用戶知道「我在哪」株婴，「要去哪」，「從哪來」不也是交互設計一個核心理論嗎？
2.如果鍵盤可能遮擋到按鈕，就不要在進入界面時設置鍵盤焦點（也就是不彈出鍵盤）天吓，這樣雖然用戶會多點一步祭陷，卻會減少更多的用戶煩躁。（至少我自己遇到這種情況經(jīng)常拽不下鍵盤是很不爽的徒扶。）
3.如果是手機號碼注冊粮彤，記得按鈕文本是「獲取驗證碼」，而不是「注冊」姜骡，前者代表用戶自己選擇了短信驗證碼导坟，后者則不一定。
4.如果是郵箱注冊圈澈，請務必設置合理的郵箱補全機制惫周，在手機上能夠很好的優(yōu)化用戶輸入。
5.密碼的設置可以參考QQ和微信康栈，手機驗證不設置密碼递递。注冊成功后，以及推出時提示設置密碼啥么。當然登舞，如果使用場景和滴滴出行一致，也可以選擇直接不要密碼悬荣。
6.合理的「引導」菠秒，引導是現(xiàn)在很多產(chǎn)品（不限于App）的一個通病，現(xiàn)在的產(chǎn)品功能繁雜氯迂，也不可能用說明書進行解釋践叠，足夠「新手向」的提示對于用戶來說非常重要，這也是表現(xiàn)「人性化」很重要的一點囚戚。有能力的可以把提示判斷加入到注冊過程中酵熙，沒有能力的就像聯(lián)通掌上營業(yè)廳一樣多寫一些文本也是好的。
7.關于「用戶條款」驰坊，并不是說一定要像Facebook一樣單獨列出一個界面匾二，但至少能夠做到「注冊即同意」這個方式吧。既比默認打鉤方便，效果又更好（默認打鉤有一種「強制性」）察藐。
8.第八點其實并不太屬于「交互設計」皮璧，那就是更合理的布局和動畫效果。好的動效當然能夠帶來好的效果分飞，但我覺得首現(xiàn)還是得需要做好合理的流程框架悴务。
國外的App在這些方面確實會讓人感覺「人性化」許多，國內(nèi)也有許多出色的設計譬猫，但部分卻顯得沒有太多人情味讯檐，「人性化的體驗」不光是方便就足夠的。
國外的月亮并不圓……也許只是人家真的更重視用戶染服。當設計師把自己身邊完全不懂產(chǎn)品和技術的人（比如你的父母）作為用戶模擬使用產(chǎn)品别洪，如果TA們也能用的舒服開心，我認為這就算是足夠好的設計了柳刮。
希望自己能成為這樣的人挖垛。
2015.9.25
22:05
