一、注意要点
1、登录方式包含哪些?
2、登录的账号唯一标识是什么?手机号、邮箱、自定义账号?
3、客户端是什么?
二、确认需求
登录方式包含账号密码、手机号动态验证码、第三方社交平台(微信)
账号的唯一标识为手机号
客户端为PC版
注:本文只写设计流程,暂不考虑其他层面
三、规划
三种登录方式各有其利弊,可根据实际业务选择
1、手机号+验证码
此种方式的出现是为了简化注册流程,一般用于希望用户快速进入系统,完成核心功能业务,避免在注册环节流失掉用户,所以此方式也被称为快捷登录方式。
常用的应用例如有:外卖、打车类的应用
原型页面:
根据实际业务可选择两种流程方式:
第一种
手机号如果存在,则直接登录;手机号不存在,则注册并登录。
流程图如下图所示:
第二种
和账号密码的验证方式相同,即手机号存在,则直接登录;手机号不存在,则提示先注册
2、账号+密码登录
账号密码的登录方式相对快捷登录方式来讲,更加安全可靠。但是流程相对来讲复杂,用户登录必须账号和密码匹配成功才能登录。
原型图
流程图
系统验证码是为了避免恶意登录的情况出现
账号密码的登录,一般都会有一个忘记密码的入口,帮助用户找回密码,但是前提是已知账号。
原型图
流程图
有的系统还会验证新的密码和原密码是否相同,用户不可设置为相同的密码。
3、微信登录
微信登录是微信开放平台一个开放的调用微信登录的权限,获取该权限后,即可使用该功能。只需要使用微信扫一扫就可以登录系统,更加便捷,但是这种方式就会依赖于微信。
根据系统的业务也可分为两种方式
第一种
直接将微信作为账号就可登录系统,这样用户信息都来自微信
流程图
第二种
用户使用微信登录,但同时需要绑定手机号,系统还是以手机号为唯一标识,用户扫描二维码后需要继续绑定手机号的步骤。
流程图
这种方式,相当于还是手机号注册,但同时绑定了微信,第二次登录,微信可以直接登录。
以上三种方式,是目前登录注册系统常用的几种设计。需要根据实际的业务具体设计。
四、开发前期准备
申请微信开放平台的第三方登录授权的权限
申请第三方短信服务