移动端app登录,掌握这3个技巧就够了

产品小白专属,10周线上特训,测、练、实战,22位导师全程带班,11项求职服务,保障就业!了解一下

这一段时间开发了一款移动的app,过程也是充满坎坷和艰辛,每一个看似简单的功能都需要强大的逻辑思维和业务上的支持,今天就就来说一下大家可能最容易忽视的登录注册模块,都会做,但是在不断优化用户体验的路上,还是有很多改进的地方。

看了很多文章,大部分都是套用了一个模板,输入账号密码,然后将忘记密码和新用户注册分别设置两个入口,然后底部显示第三方登录入口,或者有的app就没有自己的账户密码登录,直接必须采用第三方登录入口的。

我并不是说这些登录注册方式不好,有的可能是PC端转到移动端的, 他们不能放弃PC的用户,毕竟共用一个后台;有的则是嫁接在第三方软件之上的,比如:拼多多,有赞微店,根据业务的不同采用不同的登录注册方式。

所以,根据我们的项目性质,一款纯移动app(pc只做品宣,引导用户下载app)的登录注册方式,根据前人的做法和自己的见解,做出了优化,大家不喜勿喷。

(1)首先,登录界面我做的更简洁化,不管是新用户还是老用户,只需要输入手机号码即可进入下一步的操作,在这里对输入的手机号的正确性做个校验,输入正确的手机号码才可以进入下一步。

(2)点击下一步后,后台直接发送验证码,用户可以等待短信验证码,输入规定的4位验证码,后台就进行校验,校验成功,则登录进入;校验失败,则文字提醒“验证码错误”,然后在60s后点击重新发送验证码。

这里我选择了验证码登录和密码登录并行的方式,同时底部显示语音验证码,入口不够明显。语音验证码是需要开通的运营商的服务,我们公司既然开通了,所以我们就有这个功能,但是密码登录还是考虑到用户在某些特定的场景下并不能接收到短信,比如手机欠费,连的是wifi。

(3)密码登录作为补充登录,前面说过它存在的必要性,现在的用户大多宁愿多等几秒钟,也不想打开键盘输入那复杂的密码,毕竟短信验证码才4位数字!至少了解了一下身边的人跟我的想法是一致的。

但是,既然选择密码登录,对于密码的安全性还是要有保障的,我设置密码的字符长度为6-16位,没有强制大小写和字母符号,这其实考虑到产品的价值问题,不需要设置过高的安全级别。找回密码时,还是必须要输入短信验证码或者语音验证码,为了做一个安全校验,毕竟我们撇弃了不常用的绑定邮箱。

(4)第三方登录在这里我就不多讲了,从我们产品的角度来说,第三方登录涉及的交互不多,主要是开发去对接这些第三方的账号接口。我们跟第三方的合作不多,仅限于获取用户的账号信息,根据他们返回的openid来标识用户,但是之后在产品里我们会去引导用户绑定手机号。

其实很多原理性的东西大家都可以在大神的文章里看到,这里我就不做解释说明,只是想分享给大家另外一种做移动端登录的方式,当然文末我会附上原型图:https://oo9u20.axshare.com

 

本文由 @海涛 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
4人打赏
评论
欢迎留言讨论~!
  1. 发送验证码按钮和输入完验证码的登录按钮是一个?

    回复
    1. 应该是输完正确验证码自动登录

      回复
    2. 一个按钮功能很多,这样后续的交互很多

      回复
  2. 受教!请问密码在注册的时候,是强制设置的么?如果只是手机号+验证码登录,会不会因为手机号二次回收等问题,导致风险会很大呢?

    回复
    1. 产品体量小时,这类的问题数量不多,可以先抛给万能的客服姐姐帮忙解决,等业务真正做起来后,再考虑完善的帐号体系。

      回复
    2. 嗯嗯,完善的话,是从强制设置密码入手比较好,还是从校验设备变更的角度好呢?小白最近在研究这部分,有些迷惑,求教!~

      回复
    3. 技术实现上最好采用设置密码

      回复
    4. 手机号注册,为该手机号注册了一个账号,在这个账号下储存用户信息,用户在【账号设置】中换绑手机,验证方式为:输入旧手机号码-输入新手机号码-发送短信验证码到新手机号-输入正确验证码-完成换绑

      回复
    5. 嗯嗯,A的手机号废弃之后,可以通过这个流程换绑。如果是B申请了这个手机号,在通过验证码登录的时候,可以直接看到A的用户信息。这个用什么方式防范比较好呢?

      回复
    6. 靠手机验证码就可以登录的,这样的方式难以避免。可以靠常用登录地区开启安全验证,但这样也需要用户信息全面,才能验证。

      回复
  3. 为什么不把两个页面合并成一个呢?可以保留验证码和密码登录方式,但登录页面只有一个

    回复
  4. 看了一下有些疑惑的地方
    1.登录页面为啥没有一点点的提示是登录页面,没有文案,单单拿出这个页面给我看,我不知道他是做什么的页面,应该在icon上面显示登陆文案,虽然您在下方有第三方登录的选择,并且文案上有显示可以选择以下方式登录,但是跟手机号码部分间隔过大,用户会认为是分开的两个内容
    2.如果仅仅在第一个页面显示手机号输入,然后选择下一步,会对用户产生不安全感“要我手机号干嘛”“下一步要做什么”“会不会不安全,在盗取我信息”这在一定程度上让用户做出了思考,这样能让用户去进行第三方登录,平台可以获得用户数据,但是对于平台本身来说,就不能对用户进行固定的短信通知,如果用户不适用产品了,平台连挽回的机会都没有了,因为信息贮存在第三方。最好的方式可以说1.在手机号下面显示验证码输入,不需要再跳下一个页面 2.或者直接让用户选择第三方登录后再要求输入手机号码,因为用户已经对此付出了操作成本,所以这个环节不容易跳转流失。
    3.为什么需要语音输入,我觉得语音输入是麻烦,需要技术成本还不一定百分百对的一个操作,这个场景完全不如一个用户手动输入来的方便快捷,还有他的限制性,既然综合考虑不如手动输入来得方便,没有说唯一场景进行使用,为什么还要花费成本去做这个需求。不是很多手机支持短信验证码一来就直接可以输入到app验证码框吗?

    回复
    1. 登陆注册模块不是单独存在的,在特定场景下,不用解释用户就会知道登录注册的界面,比如用户点击了“我的”或者是“消息”,弹出这个登录界面用户自然懂是什么意思;语音输入是挺麻烦的,考虑到这个需求,但是这跟短信验证码一样,是开通的服务,后期如果用的少就取消了,我也认可你说的第二天建议,分析很好,受教了

      回复
    2. 输入手机号的内容框架尽量占面积大一些会比较好,突出

      回复
  5. 写的很可以,学到了

    回复
  6. 请问大佬,我能转载么?

    回复
    1. 别以为你是我粉丝就能转载,哼

      回复
  7. 这篇文章真好。好老师,请多多推出一些文章便于我们学习。持续关注。

    回复
    1. 去你的csdn去!

      回复
  8. 很高兴看到楼主的分享,对登录有自己独立的思考,很棒。拜读您的文章后,我有几点想法愿与您分享:
    第一 就像楼主说的,如果用户因为手机号欠费或手机号遗失无法使用验证码登录,那么用户在进入登陆页面的时候就会很迷茫,因为找不到登陆的地方,而先输入手机号的方式,从目前培养的用户习惯来讲,会让用户觉得是验证码登录;即使进入到第二步,有明显的密码登录入口,但是在第一步也会让用户产生疑惑。
    第二 输入手机号后,采用验证码和密码登录并行的问题,用户在进行到这一步骤的时候,是有一个主观的倾向的,比如使用验证码登录,这个时候就要突出验证码登录的方式,弱化其他登录,这样才能重点突出,让用户操作清晰,不受干扰,而并行的密码登录TAB签过重,分散了用户的视觉,因此不是最佳的解决方案。

    回复
    1. 在用户输入手机号码点击下一步后,验证码是自动发送,按钮上的倒计时也会提醒,在这段时间内用户可以两种登录方式任选其一,来回切换并不影响登录的过程,比如我密码输入了一半验证码来了,我还可以切换回去输入验证码,这一块讲究的是速度

      回复