起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識移動端app登錄，掌握這3個技巧就夠了
這一段時間開發(fā)了一款移動的app，過程也是充滿坎坷和艱辛，每一個看似簡單的功能都需要強大的邏輯思維和業(yè)務(wù)上的支持，今天就就來說一下大家可能最容易忽視的登錄注冊模塊，都會做，但是在不斷優(yōu)化用戶體驗的路上，還是有很多改進(jìn)的地方。
看了很多文章，大部分都是套用了一個模板，輸入賬號密碼，然后將忘記密碼和新用戶注冊分別設(shè)置兩個入口，然后底部顯示第三方登錄入口，或者有的app就沒有自己的賬戶密碼登錄，直接必須采用第三方登錄入口的。
我并不是說這些登錄注冊方式不好，有的可能是PC端轉(zhuǎn)到移動端的， 他們不能放棄PC的用戶，畢竟共用一個后臺；有的則是嫁接在第三方軟件之上的，比如：拼多多，有贊微店，根據(jù)業(yè)務(wù)的不同采用不同的登錄注冊方式。
所以，根據(jù)我們的項目性質(zhì)，一款純移動app（pc只做品宣，引導(dǎo)用戶下載app）的登錄注冊方式，根據(jù)前人的做法和自己的見解，做出了優(yōu)化，大家不喜勿噴。
（1）首先，登錄界面我做的更簡潔化，不管是新用戶還是老用戶，只需要輸入手機號碼即可進(jìn)入下一步的操作，在這里對輸入的手機號的正確性做個校驗，輸入正確的手機號碼才可以進(jìn)入下一步。
（2）點擊下一步后，后臺直接發(fā)送驗證碼，用戶可以等待短信驗證碼，輸入規(guī)定的4位驗證碼，后臺就進(jìn)行校驗，校驗成功，則登錄進(jìn)入；校驗失敗，則文字提醒“驗證碼錯誤”，然后在60s后點擊重新發(fā)送驗證碼。
這里我選擇了驗證碼登錄和密碼登錄并行的方式，同時底部顯示語音驗證碼，入口不夠明顯。語音驗證碼是需要開通的運營商的服務(wù)，我們公司既然開通了，所以我們就有這個功能，但是密碼登錄還是考慮到用戶在某些特定的場景下并不能接收到短信，比如手機欠費，連的是wifi。
（3）密碼登錄作為補充登錄，前面說過它存在的必要性，現(xiàn)在的用戶大多寧愿多等幾秒鐘，也不想打開鍵盤輸入那復(fù)雜的密碼，畢竟短信驗證碼才4位數(shù)字！至少了解了一下身邊的人跟我的想法是一致的。
但是，既然選擇密碼登錄，對于密碼的安全性還是要有保障的，我設(shè)置密碼的字符長度為6-16位，沒有強制大小寫和字母符號，這其實考慮到產(chǎn)品的價值問題，不需要設(shè)置過高的安全級別。找回密碼時，還是必須要輸入短信驗證碼或者語音驗證碼，為了做一個安全校驗，畢竟我們撇棄了不常用的綁定郵箱。
（4）第三方登錄在這里我就不多講了，從我們產(chǎn)品的角度來說，第三方登錄涉及的交互不多，主要是開發(fā)去對接這些第三方的賬號接口。我們跟第三方的合作不多，僅限于獲取用戶的賬號信息，根據(jù)他們返回的openid來標(biāo)識用戶，但是之后在產(chǎn)品里我們會去引導(dǎo)用戶綁定手機號。
其實很多原理性的東西大家都可以在大神的文章里看到，這里我就不做解釋說明，只是想分享給大家另外一種做移動端登錄的方式，當(dāng)然文末我會附上原型圖：https://oo9u20.axshare.com
本文由 @海濤 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
你好，前輩。請問能跟你要退款流程原型圖嗎？
發(fā)送驗證碼按鈕和輸入完驗證碼的登錄按鈕是一個？
應(yīng)該是輸完正確驗證碼自動登錄
一個按鈕功能很多，這樣后續(xù)的交互很多
受教！請問密碼在注冊的時候，是強制設(shè)置的么？如果只是手機號+驗證碼登錄，會不會因為手機號二次回收等問題，導(dǎo)致風(fēng)險會很大呢？
產(chǎn)品體量小時，這類的問題數(shù)量不多，可以先拋給萬能的客服姐姐幫忙解決，等業(yè)務(wù)真正做起來后，再考慮完善的帳號體系。
嗯嗯，完善的話，是從強制設(shè)置密碼入手比較好，還是從校驗設(shè)備變更的角度好呢？小白最近在研究這部分，有些迷惑，求教！~
技術(shù)實現(xiàn)上最好采用設(shè)置密碼
手機號注冊，為該手機號注冊了一個賬號，在這個賬號下儲存用戶信息，用戶在【賬號設(shè)置】中換綁手機，驗證方式為：輸入舊手機號碼-輸入新手機號碼-發(fā)送短信驗證碼到新手機號-輸入正確驗證碼-完成換綁
嗯嗯，A的手機號廢棄之后，可以通過這個流程換綁。如果是B申請了這個手機號，在通過驗證碼登錄的時候，可以直接看到A的用戶信息。這個用什么方式防范比較好呢？
靠手機驗證碼就可以登錄的，這樣的方式難以避免?？梢钥砍Ｓ玫卿浀貐^(qū)開啟安全驗證，但這樣也需要用戶信息全面，才能驗證。
為什么不把兩個頁面合并成一個呢？可以保留驗證碼和密碼登錄方式，但登錄頁面只有一個
看了一下有些疑惑的地方
1.登錄頁面為啥沒有一點點的提示是登錄頁面，沒有文案，單單拿出這個頁面給我看，我不知道他是做什么的頁面，應(yīng)該在icon上面顯示登陸文案，雖然您在下方有第三方登錄的選擇，并且文案上有顯示可以選擇以下方式登錄，但是跟手機號碼部分間隔過大，用戶會認(rèn)為是分開的兩個內(nèi)容
2.如果僅僅在第一個頁面顯示手機號輸入，然后選擇下一步，會對用戶產(chǎn)生不安全感“要我手機號干嘛”“下一步要做什么”“會不會不安全，在盜取我信息”這在一定程度上讓用戶做出了思考，這樣能讓用戶去進(jìn)行第三方登錄，平臺可以獲得用戶數(shù)據(jù)，但是對于平臺本身來說，就不能對用戶進(jìn)行固定的短信通知，如果用戶不適用產(chǎn)品了，平臺連挽回的機會都沒有了，因為信息貯存在第三方。最好的方式可以說1.在手機號下面顯示驗證碼輸入，不需要再跳下一個頁面 2.或者直接讓用戶選擇第三方登錄后再要求輸入手機號碼，因為用戶已經(jīng)對此付出了操作成本，所以這個環(huán)節(jié)不容易跳轉(zhuǎn)流失。
3.為什么需要語音輸入，我覺得語音輸入是麻煩，需要技術(shù)成本還不一定百分百對的一個操作，這個場景完全不如一個用戶手動輸入來的方便快捷，還有他的限制性，既然綜合考慮不如手動輸入來得方便，沒有說唯一場景進(jìn)行使用，為什么還要花費成本去做這個需求。不是很多手機支持短信驗證碼一來就直接可以輸入到app驗證碼框嗎？
登陸注冊模塊不是單獨存在的，在特定場景下，不用解釋用戶就會知道登錄注冊的界面，比如用戶點擊了“我的”或者是“消息”，彈出這個登錄界面用戶自然懂是什么意思；語音輸入是挺麻煩的，考慮到這個需求，但是這跟短信驗證碼一樣，是開通的服務(wù)，后期如果用的少就取消了，我也認(rèn)可你說的第二天建議，分析很好，受教了
輸入手機號的內(nèi)容框架盡量占面積大一些會比較好，突出
寫的很可以，學(xué)到了
請問大佬，我能轉(zhuǎn)載么？
別以為你是我粉絲就能轉(zhuǎn)載，哼
這篇文章真好。好老師，請多多推出一些文章便于我們學(xué)習(xí)。持續(xù)關(guān)注。
去你的csdn去！
很高興看到樓主的分享，對登錄有自己獨立的思考，很棒。拜讀您的文章后，我有幾點想法愿與您分享：
第一 就像樓主說的，如果用戶因為手機號欠費或手機號遺失無法使用驗證碼登錄，那么用戶在進(jìn)入登陸頁面的時候就會很迷茫，因為找不到登陸的地方，而先輸入手機號的方式，從目前培養(yǎng)的用戶習(xí)慣來講，會讓用戶覺得是驗證碼登錄；即使進(jìn)入到第二步，有明顯的密碼登錄入口，但是在第一步也會讓用戶產(chǎn)生疑惑。
第二 輸入手機號后，采用驗證碼和密碼登錄并行的問題，用戶在進(jìn)行到這一步驟的時候，是有一個主觀的傾向的，比如使用驗證碼登錄，這個時候就要突出驗證碼登錄的方式，弱化其他登錄，這樣才能重點突出，讓用戶操作清晰，不受干擾，而并行的密碼登錄TAB簽過重，分散了用戶的視覺，因此不是最佳的解決方案。
在用戶輸入手機號碼點擊下一步后，驗證碼是自動發(fā)送，按鈕上的倒計時也會提醒，在這段時間內(nèi)用戶可以兩種登錄方式任選其一，來回切換并不影響登錄的過程，比如我密碼輸入了一半驗證碼來了，我還可以切換回去輸入驗證碼，這一塊講究的是速度