交互设计文档中的特殊状态

1.什么时候“置灰”的按钮变亮(如登录:密码文字长度>=1时;注册:最后一行注册信息>=1时);

2.动作完成后的提示信息(已发送、注册成功等等),如果有被屏蔽情况,用dialog代替toast;

3.默认页面;

4.无数据页面;

5.状态有更新页面(如有红点提示);

6.刷新、加载、加载未完成时的默认底图页面;

7.有图片的页面,给出一张图片、多张图片的显示状态;

8.有评论的页面,给出一条评论、多条评论的显示状态;

9.多种显示形式(如朋友圈多种发布样式);

10.范围、极限值(有时间显示或限制情况,尤其是输入字符限制);

11.网络异常或无法连接到服务器情况;(网络连接不可用;无法连接到服务器;网络异常,请检查网络或重新连接);加载过程可用最上方显示缓冲线的形式。

12.手机通知栏;

13.多终端登录(正在使用被挤下线:您的账号已在其他设备登录;打算登录发现账号已登录:您的账号已在其他设备登录);

14.新版本提醒;

15.App启动页、启动登录页;

16.登录时会遇到的各种异常情况:

请输入手机号码(手机号码为空的情况);

手机号码输入错误(手机号码输入错误的情况);

请输入密码(密码为空的情况);

密码输入错(密码输入错误的情况);

请输入正确的手机号和密码(手机号码和密码均为空或输入错误的情况);

网络异常,请检查网络(无网络或网络异常的情况);

您的账号已在其他设备登录(账号重复登录的情况);

鼠标点击登录按钮时,如果账号和密码用户重新输入正确,此提示语消失;

默认状态为灰显,密码文字长度>=1时,“登录”按钮正常显示;

点击"登录"按钮后,“登录”变为“登录中...”如果登录成功,跳转;如果登录失败,显示上面内容。

17.注册时会遇到的各种异常情况(手机号+验证码+双输入密码注册):

请输入验证码(没有输入验证码的情况);

验证码输入错误(验证码输入错误的情况);

请输入密码(密码为空的情况);

密码输入错误(密码输入错误的情况);

网络异常,请检查网络(无网络或网络异常的情况);

此帐号已注册,可直接登录(账号已注册,重复注册的情况);

如果手机号、验证码、密码三项有>=2项为空,按照从上到下的顺序依次判断,"请输入手机号码"“请输入验证码”“请输入密码”;

密码输入不一致(两次密码输入不一致的情况);

鼠标点击注册按钮时,如果密码和验证码用户重新输入正确,此提示语消失;

默认状态为灰显,密码文字长度>=1时,“注册”按钮正常显示;

如未勾选“同意服务条款”,提示“请先勾选同意服务条款”。

18.操作反馈:动画反馈(如翻页:普通、聚焦、悬停、点击后)。

19.不同情况适配不同键盘;

20.数据下拉加载、数据加载中、数据加载成功、数据加载失败;

21.图片加载不出来的时候,底图显示什么内容,底图设计;

22.退出方式:再按一次退出。

推荐阅读更多精彩内容