交互设计-手机号码验证的大学问
发布时间:2016-12-09编辑发布:迪麦互动
UI设计领域这种交互逻辑该如何表现:
手机号码验证是现在各大平台注册,登录的必要流程,是对身份验证的象征。在一、手机号码
是否为空
手机格式是否为正确
对于输入11位数字,还能输入还是禁止输入
二、验证码
是否正常接收到验证码
输入验证码是否正确
超出时长,是否重新获取
此时还能否修改手机号码
以上两点是基本的逻辑思路,在页面上如何反应出来:
手机号码与验证码是否分为两个页面设计?
手机号码是否支持标点或者说隔断
完全输入后是否支持一键清除
当输入错误时,是否提示?如何提示?
手机号码和验证码都调整为数字键盘
当整个页面作为弹窗出现时,确保手机键盘及提交按钮不会遮挡手机号码和验证码的输入。
综上如述,手机号码和验证码为同一个页面,若是页面出现弹窗,错误提示统一在当前页面,减少页面数量,层次太多用户体验会减弱。
基于手机屏幕尺寸不一至的考虑,获取验证码的按钮放置在验证码输入那一栏,给手机号码位置预留空间,也不会导致屏幕小的手机遮挡。
分享至: