最基本的登录-注册模型

应用的登录注册是很多用户接触应用最先碰到的流程,如果登录注册体验没做好,就给用户留下了很不好的影响,甚至流失潜在用户。

整理了现在市面上最常用的登录-注册的流程,也结合自己的设计习惯希望给大家做一个参考。

除了注册、登录的主流程,还会涉及到提示信息的展示、按钮的交互等。

注册

一般现在的应用注册有手机号码+验证码、手机号码+密码、邮箱+密码、用户名+密码这几种。

整理了手机号码+验证码、手机号码+密码、邮箱+密码注册三种方式的流程

image

图一
注册流程,尽量简单,快速比较好。越来越多的应用开始使用手机号+验证码的方式一步完成注册和登录过程。

在校验信息的过程中有本地校验和服务器校验两种判断信息是否正确的方式,本地校验一般是校验信息的格式是否正确,服务器校验一般校验输入信息和数据库的对比结果。

我的设计习惯是,本地校验的提示是这样做的。

image

图二

不需要用户做交互,当输入信息的格式正确,提示就消失。

在本地检验没完成时,完成(注册、登录等)按钮就呈不可点击态,当本地校验完成,则呈可点击态。

image

图三

再点击按钮,进行服务器信息校验,如果信息错误,则用toast提示(可以自己设计,也可以用系统自带的)自己设计用户体验会好一点

image

图四

登录

登录现在一般用手机号码+验证码、手机号码+密码、邮箱+密码、用户名+密码、第三方登录、二维码扫描登录、活体验证这几种。

整理了手机号码+验证码、手机号码+密码、邮箱+密码的流程

image

图五

很多移动端应用将登录和注册的过程直接合并,一步完成(慢慢的放轻注册的概念),在用户首次使用应用时,直接就用登录流程来完成注册。

也有应用提供的注册方式只有手机号+密码注册,在注册完成后,在应用内去设置用户名和邮箱,之后可以用手机号、邮箱、用户名三种中的一种+密码的方式进行登录。

  • 第三方登录
image

图六

第三方登录是登录注册的必备选项了,能让应用快速获得用户的基本信息,借助第三方登录来简化登录的流程,也便于用户进行多平台的账号管理。

  • 二维码登录
image

二维码登录一般是PC端使用。

这些都是基础的模型,到底用哪一种,还是要看自己本身的业务需求的。

欢迎关注微信公众号:你叫我陈先森。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容