交互设计-手机号码验证的大学问

发布时间:2016-12-09 编辑发布:迪麦互动

手机号码验证是现在各大平台注册,登录的必要流程,是对身份验证的象征。在UI设计领域这种交互逻辑该如何表现:

一、手机号码

是否为空

手机格式是否为正确

对于输入11位数字,还能输入还是禁止输入

二、验证码

是否正常接收到验证码

输入验证码是否正确

超出时长,是否重新获取

此时还能否修改手机号码

以上两点是基本的逻辑思路,在页面上如何反应出来:

手机号码与验证码是否分为两个页面设计?

手机号码是否支持标点或者说隔断

完全输入后是否支持一键清除

当输入错误时,是否提示?如何提示?

手机号码和验证码都调整为数字键盘

当整个页面作为弹窗出现时,确保手机键盘及提交按钮不会遮挡手机号码和验证码的输入。

综上如述,手机号码和验证码为同一个页面,若是页面出现弹窗,错误提示统一在当前页面,减少页面数量,层次太多用户体验会减弱。

基于手机屏幕尺寸不一至的考虑,获取验证码的按钮放置在验证码输入那一栏,给手机号码位置预留空间,也不会导致屏幕小的手机遮挡。

分享至: