产品经理用这三种方法做好app用户登录功能

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

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

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

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

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

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

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

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

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

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

登陆模块在产品中占的权重自然不用多说,在产品构建初期就要考虑好登陆模块的设计,登录采取的账号类型决定开发根据账号类型建立用户数据表,同时用户账号又与后期的用户成长体系直接关联。

所以不要小看一个小小的登录,登陆设计是初始之重,初期考虑不齐全后续会给产品带来“灾难”性问题,有可能会面临整个登陆模块的重构,本次给大家分享登录模块设计分:《登录前和登录后用户可以做什么》、《常见的登录方式有那些》、《登录之后数据融合如何处理》、《游客账号与正式账号的区别》、今天先分享第一部分。

登录前用户可以做什么?

先来看一个场景:

  • 场景1:用户A被某商场的广告吸引决定去某商场逛逛,走到商场门口进入大门就直接进入商场浏览商品。
  • 场景2:用户B被某商场的广告吸引决定去某商场逛逛,走到商场门口保安人员要求用户B必须出示身份证才可以进入商场。

这两个场景前者不需要出示身份证(无门槛)直接进去随便逛,后者要求必须有身份证才可以进去(有门槛的),这里跟我们的登录场景是一样的。

登陆前用户行为1:无门槛案例

用户打开图下APP就可以直接进入APP首页,浏览商品、查看资讯等。用户操作行为属于用完即走,后台不做任何记录侧重点在于“浏览”,而用户是否能够通过快速的“浏览”吸引用户要想“操作”产品,取决于产品功能、界面设计以及页面引导。(如下图)

登陆前用户行为分解

  • Step1:打开APP
  • Step2:进入启动页面
  • Step3:进入引导页面(引导页面根据产品需求是否每次展示)
  • Step2:进入首页浏览信息(查看商品或者查看直播信息)
  • Step3:触发点击事件(购买/观看)
  • Step4:事件回馈(提示需要用户需要登陆才可以?)
  • Step5:结果:执行或者放弃下一个动作(操作登陆)

登陆前用户行为2:有门槛案例

登陆前用户行为2分解

  • Step1:打开APP
  • Step2:进入启动页面
  • Step3:进入引导页面(引导页面根据产品需求是否每次展示)
  • Step4:进入登陆页面

两种方式对比

案例1对应的就是场景1,案例2对应是场景2,有些童鞋在做登录的时候会纠结”我到底要不要用户登录”才可以使用产品,来我们对比下优劣势:

优势:使用无门槛方式,用户可以快速进入APP了解产品功能,若页面比较吸引用户可触发用户登录转换为正式用户;使用有门槛方式,用户注册成功,新增一条用户数据有利于新增,因必须登录才可以进入APP,前端只需要判断一次即可。

劣势:使用无门槛方式,用户快速进入APP了解产品功能,若页面没有吸引用户的地方会快速离开不点一点痕迹,并且前端需要做多次解发判断;使用有门槛方式增加用户进入APP成本。

总结:不管采用那一种方式都没有好与不好之分,取决于产品属性,适合的就是最好的。

登录后用户可以做什么?

对用户

登陆后即我们所说的登陆成功,会给用户一个账号,用户拥有账号之后可以在APP内使用该账号对应的权限。

账号会跟用户成长体系关联,不同的账号拥用不同的查看和操作权限。如同我们去商场购物、普通会员跟VIP会员所享受的待遇是不同的。

对应用

获取用户信息

  • QQ登录:可以获取头像跟昵称。
  • 微信登录:可以获取头像跟昵称。
  • 手机登录:后台随机给用户生成用户昵称以及显示默认头像。

常见登录问题

Token过期的处理

在当前的开发中,大多数情况下,用户登陆成功之后,会有服务端下发一个Token作为用户的身份证明,其中包含了用户的部分个人信息,在以后的请求过程中,客户端需要将Token参数传给服务端,作发送给服务器作为用户身份验证的一个步骤,因Token存在有效期这里就会出现Token失效的问题,出现Token失效问题,用户就无法使用APP,处理方式如下:

登录成功刷新问题

用户登录成功有时会存在个人中心获取不到用户信息(请注意开发会说这是网络问题没有显示出来)这是刷新问题导致的,刷新没有做好会导致用户信息时有时无(这个坑实打打的踩过来的),前端需要做刷新处理。

第三方取消授权

用户使用第三方登录需要用户同意授权才可以,如果用户不同意授权返回登录页面显示TIPS:登录未授权。(提示语可以自己定义)

同一个账号在多个设备上登录

当同一个账号在不同的设备或者操作系统上登录时,另一个账号需要自动挤下线(如微信登录处理方式),用户在此点击页面时引导用户跳转到登录页面。

作者将自己踩过的坑做总结复盘,因时间关系部分没有写的很祥细到位,欢迎大家补充。

 

原创文章,作者:海阁,如若转载,请注明出处:http://www.pm28.com/1856.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:403567334@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息