登录注册界面作为所有应用必备的功能之一,即用户开始深度使用软件的必经之路。本文重点学习注册登录界面背后的逻辑。
最近在学习并整理登录和注册模块。对于注册功能,主流应用目前都是获取手机验证码验证后,直接登录或者是配置登录密码后再登录 再派发一些优惠券。这种流程的简化主要也是为了降低复杂的注册流程造成不必要的用户流失。对于登录功能来说,因为需要防止恶意撞库,机器刷新等问题,所以服务端还有一些拦截,当然对用户的界面来说 必须简洁大方。
ps:流程图真的很关键,最近在开发相机应用中的一个功能。遇到一句话需求 及几句话需求。这种因为表述方式 或 阐述不明确 ,很容易就造成研发人员对流程的误解。同时产品在给出需求文档后 也需要与研发人员对接,询问是否正确理解。避免人力和时间上的浪费。同时作为产品也需要把每个流程自己反复过一遍,避免到研发实现阶段才发现流程有问题。一点题外小感慨。。。睡觉!


原型图预览

一.红包领取界面
部分应用在检测到新设备时会弹出红包领取界面。旨在提高注册登录的转化率,同时通过派发优惠券来刺激消费。

二 注册界面
注册界面作为应用最重要的界面之一,我们尽量需要减少用户的流失率,减少用户的操作步骤。为主流用户提供良好的用户体验。例如目前有些应用如“滴滴”,“微博”等是不区分注册登录。另一种很好的体验例如“京东”,“移动营业厅”可以自动获取到本机号码,通过“闪验”实现直接一键登录(验证码都不用输入)。本文着重学习注册登录的具体流程,故按相对传统的去设计。
注册界面我们有如下的点需要考虑
1.密码是否有位数要求,最多几位,最少几位。
2.密码的格式是否有什么要求,特殊符号是否能出现?例如“空格”等。
3.密码是否支持明文或者密文的切换等。
4.验证码的获取时间间隔是多少?是否可以一直多次获取验证码?是否有人机校验?验证码的有效时间?
5.验证码的位数及验证码样式,是否区分大小写等。
6.验证码一般都是第三方技术商提供,如果遇到第三方问题导致验证码收取不到是否有相应对策?


三 登录界面




四 总结
有了基本的流程图和原型草图之后,就可以对每一个模块和界面进行设计和分析。同时对每一界面的上下游的设计、按钮的交互显示和异常流等,进行进一步的详细说明。
对于功能描述上总结:
1.尽量完整,并分情况详细描述功能内容,防止特殊情况的遗漏。
2.尽量考虑所有影响点。功能点之间可能会存在相关的联系,牵一发动全身。
3.对于限定条件要明确,需要注意含义明确,背景清楚。
4.最重要的还是研发小伙伴能看懂
网友评论