产品交互一致性
整体原则:
1、一个APP各个地方交互的一致性可以方便用户记忆
2、人的记忆对有一定规律的东西记忆的更加深刻 (可参加 《认知心理学》关于记忆的说明)
3、按照重要性对交互进行分类,或者按照相同的层级对交互进行分类,对于同一类的页面交互使用一致性的设计
4、对于不同的重要程度和一些特殊的页面,可以使用不同的交互方式
表单页面的一致性:
1、存在表单的页面时,还存在部分表单未填充的情况下,按钮均设置为不可点击
2、所有的表单涉及两次错误,对于输入字段的规范校验,如长度;系统后台服务返回的错误
a、如果只有一行表单使用输入框下面文字提示,如登录、充值页面
b、如果有多行表单,可以使用顶部统一的错误提示来提示错误,如绑卡页面。尽量减少多行的表单情况
c、后端返回的错误码根据信息的重要程度破坏程度来确认是使用toast的方式提示,还是使用弹层的方式提示
操作结果反馈的一致性:
1、根据重要程度的不同,使用toast的方式和结果页面提示(我们认为但凡涉及到钱的地方均应该用单独的结果页方式提示)
a、重要操作包括 充值、提现、买入委托、卖出委托、服务下单均需要使用结果页的方式进行成功的反馈;但是如果是失败,直接在操作原有页面进行提示即可
b、不重要的操作例如评论等操作,使用toast提示
c、最好的提示方式是不使用toast,如点赞
中断流程一致性:
1、中断流程,如果是公用的流程,例如登录,交互建议使用由下至上的推出方式
2、中断流程结束之后统一回到来源页
加载方式的一致性: 最好的方式是没有不需要loading,直接进入页面
1、根据是新进入一个页面,还是在原有页面加载,分别使用页面loading和toast的loading
2、但凡新进页面均使用页面内动画加载
3、如果是原有页面
a、特殊的刷新,如下拉刷新、刷新按钮刷新、上拉加载均在对应的地方直接加载,不使用toast
b、按钮的逻辑判断使用使用toast加载,如果按钮本身有校验使用toast,跳转页面不再从新加载
4、页面加载除去图片之后的内容加载完成之后即展示,图片使用占位图替代,再加载完毕之后进行展示
针对页面的信息提示:
1、统一使用顶部的红色面板提示