产品交互一致性

整体原则:

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,257评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,560评论 25 708
  • 我一觉梦袭来发现我住在了树上,自己变成了一只鸟。而我的家却变成了一支鸟窝,窝里只有我一个人。我飞起来去附...
    曹傲雪阅读 476评论 0 0
  • elasticsearch集群重启一般采用滚动重启方案。即每次重启一个节点,等该节点重启完成后,再重启下一个节点,...
    小二上菜2017阅读 6,149评论 0 2
  • 轰轰烈烈的奇葩说第三季的“大美玲之夜”让姜思达吸粉无数,成为炙手可热的明星。他确实给即将快进入平淡期的奇葩说注入了...
    Achu吖阅读 273评论 0 0