应用的登录注册是很多用户接触应用最先碰到的流程,如果登录注册体验没做好,就给用户留下了很不好的影响,甚至流失潜在用户。
整理了现在市面上最常用的登录-注册的流程,也结合自己的设计习惯希望给大家做一个参考。
除了注册、登录的主流程,还会涉及到提示信息的展示、按钮的交互等。
注册
一般现在的应用注册有手机号码+验证码、手机号码+密码、邮箱+密码、用户名+密码这几种。
整理了手机号码+验证码、手机号码+密码、邮箱+密码注册三种方式的流程
图一
注册流程,尽量简单,快速比较好。越来越多的应用开始使用手机号+验证码的方式一步完成注册和登录过程。
在校验信息的过程中有本地校验和服务器校验两种判断信息是否正确的方式,本地校验一般是校验信息的格式是否正确,服务器校验一般校验输入信息和数据库的对比结果。
我的设计习惯是,本地校验的提示是这样做的。
图二
不需要用户做交互,当输入信息的格式正确,提示就消失。
在本地检验没完成时,完成(注册、登录等)按钮就呈不可点击态,当本地校验完成,则呈可点击态。
图三
再点击按钮,进行服务器信息校验,如果信息错误,则用toast提示(可以自己设计,也可以用系统自带的)自己设计用户体验会好一点
图四
登录
登录现在一般用手机号码+验证码、手机号码+密码、邮箱+密码、用户名+密码、第三方登录、二维码扫描登录、活体验证这几种。
整理了手机号码+验证码、手机号码+密码、邮箱+密码的流程
图五
很多移动端应用将登录和注册的过程直接合并,一步完成(慢慢的放轻注册的概念),在用户首次使用应用时,直接就用登录流程来完成注册。
也有应用提供的注册方式只有手机号+密码注册,在注册完成后,在应用内去设置用户名和邮箱,之后可以用手机号、邮箱、用户名三种中的一种+密码的方式进行登录。
- 第三方登录
图六
第三方登录是登录注册的必备选项了,能让应用快速获得用户的基本信息,借助第三方登录来简化登录的流程,也便于用户进行多平台的账号管理。
- 二维码登录
二维码登录一般是PC端使用。
这些都是基础的模型,到底用哪一种,还是要看自己本身的业务需求的。
欢迎关注微信公众号:你叫我陈先森。