信息:手机号、验证码、密码、昵称、性别、生日
状态:默认、输入、反馈
第一步,输入手机号
输入状态的设计:感官上的简单比操作上的简单更重要,默认不弹出键盘;填写的是电话号码,用自动分段的显示方式,如:138 0000 0000,方便用户阅读确认
反馈状态的设计:错误提示分为“是否为空”“是否格式正确”“是否已被占用”
第二步,输入验证码和设置密码
默认状态的设计:密码的输入规则——长度为8-20个字符;不能包含空格;纯数字的话要9位以上
输入状态的设计:密码明文显示,加上“隐藏”按钮可切换
反馈状态的设计:出错的标签视觉区分对待;按下提交按钮后,再验证并作出可能的反馈;彻底解决完一项,再去下一项(请输入验证码;验证码不正确哦;请输入密码;密码须为8-20位;密码不能包含空格;纯数字密码要9位以上
第三步,昵称,性别,生日
默认状态的设计:昵称,默认限制100个汉字/200个字符,当输入溢出,输入框就输入不了;性别单选按钮,用图标代替;生日,时间选择器;全部默认不选
输入状态的设计:昵称是中文键盘,右下角用中文“完成”,点击是关闭键盘;性别单击选择,这里有一个运营规则,性别以后不能再改了,于是在选择后有这么一个动态提示“此后不可更改”出现在右侧,为什么默认不显示,默认显示界面复杂度多一分,且可能没人看,单击后以动态的方式出现,从无到有且带动作,用户的眼神就能被吸引过去;
反馈状态的设计:请输入昵称;请选择性别;请选择生日
补充
提交完,过程需要缓缓,不是“注册中”,而是用“Hi,昵称”;
在哪里呼出,注册后就回到哪里,延续使用场景;
所有窗口的转场动画(进入方式),从简处理,就是各种横滑,遵循临时窗口上下滑、层级之间左右滑的规律;
短信验证码的内容,从简设计为“[app名称]验证码22222,十分钟有效”,十分钟的“十”特意使用中文,避免跟前面的验证码阿拉伯数字混淆