产品交互一致性

作者: 第十页 | 来源:发表于2017-03-22 17:29 被阅读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、统一使用顶部的红色面板提示

相关文章

  • 施奈德曼的黄金准则的一些思考

    1、保持一致性 保持交互行为与视觉表现的一致性。一致性能给用户创造更好的使用体验,因为它增加了产品的可预见性(降低...

  • 产品设计(3)——产品交互设计

    前言 产品交互设计是个很宽泛的话题,交互设计原则往大了说可以分为几百条,比如交互的一致性、易学性、简洁性、流畅性、...

  • 产品交互一致性

    整体原则: 1、一个APP各个地方交互的一致性可以方便用户记忆 2、人的记忆对有一定规律的东西记忆的更加深刻 (可...

  • 设计一致性原则

    设计一致性概述 一致性是产品设计最为基础且重要的原则之一,一般主要指品的设计理念、品牌形象、逻辑结构、操作交互以及...

  • 我们要做个官网

    产品:我们要做个官网。 交互:好啊,好啊, 交互:需求是什么? 产品:刚才的就是啊。 交互:。。。。。。 交互:能...

  • WEB管理系统交互设计规范

    这一段时间以来做web端的产品较多,渐渐地觉得如果能积累一份规范的交互设计规范,能有效保证产品操作的一致性和连贯性...

  • 如何罗列交互思维的决策点

    在对交互设计的要求中,会有一条“定义交互原则,保持交互的一致性”的内容。说起来交互原则跟视觉规范所起的作用是异曲同...

  • 在焦虑设计的地位之前,先专注于做到『专业』

    交互/体验/产品设计师与产品经理的关系是个老生常谈的话题了,在很多中小规模的公司里,交互+产品甚至交互+视觉+产品...

  • 猫眼电影APP产品原型设计

    目录: 产品背景介绍产品分析“电影”布局与交互设计“影院”布局与交互设计“发现”布局与交互设计“我的”布局与交互设...

  • 京东小程序产品规范

    产品交互风格定义 交互定义 用户交互的重要性 产品功能是否能和用户做好交互,重要是能够引导用户,给用户意料中的反馈...

网友评论

    本文标题:产品交互一致性

    本文链接:https://www.haomeiwen.com/subject/lkaonttx.html