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