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