悠悠产品路产品经理@IT·互联网

产品交互一致性

2017-03-22  本文已影响89人  第十页

整体原则:

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、统一使用顶部的红色面板提示

上一篇下一篇

猜你喜欢

热点阅读