美文网首页
Day15 微交互反馈方法-视觉方法

Day15 微交互反馈方法-视觉方法

作者: 交互KevinC | 来源:发表于2020-05-17 10:35 被阅读0次

人类能够通过五大感官来接受反馈,其中最主要的是三种方式:视觉、听觉和触觉。今天先介绍视觉方法。大多数反馈都是视觉反馈,因为这对人来说是最直观的,因此默认的反馈方式也应该是视觉方式。

使用视觉反馈应该注意以下三点

视觉反馈必须清晰,不要显示多余的内容干扰用户
视觉反馈要适度,除非一定要引起用户注意力的场景,否则应尽量不干扰用户
视觉反馈应该出现在用户输入的附近或原地,因为人在注意某些东西的时候,视野会变窄,视野外部的任何东西都将被忽略。如果必须把视觉反馈放到远离视觉焦点的地方,可以通过让它运动来吸引注意力。

视觉反馈的方式

1、动画

人类大脑对运动具有极强的响应能力。因此动画尽量少用,没有动画会让微交互速度更快,认知负担更少。但另一方面,如果运用得当,短小精悍的动画既能增添趣味性,又可以传达信息。
微交互中,动画最重要一点在于它精确地指示一种行为模式,应该与用户的行为保持一致。比如用户打开某个界面的方式是向下轻扫,就不要让界面从左侧滑入。

最好的动画能向用户传达信息,以下是谷歌Android工程师围绕动画归纳的一套UI特征:

  • 速度快(不耽搁时间)
  • 平滑(动画连贯,不磕磕绊绊)
  • 自然(符合自然规则)
  • 简单(有意义,容易理解)
  • 有目的(不仅仅为了美观)

对于“有目的”,还归纳了与动画相关的要点:

  • 改变视图的时候要保持上下文
  • 解释刚刚发生了什么
  • 展示对象间的关系
  • 集中注意力
  • 提高感知效能
  • 创造虚拟空间的假象,过渡是微交互动画的重要实现方式,能给人位置感和路线感
  • 鼓励深度交互,用有意思的动画吸引人去交互

关于动画的时间,书中给出了有意义的参考值:把任何动画的时间缩短为你开始认为的一半,然后可能还得再砍一半,动画应该让微交互更有效率。

2、消息

消息也是很重要的一种反馈,以下是相关注意事项:

  • 任何作为操作反馈的消息都必须保证准确
  • 说明性文字应该简洁明了
  • 不要用“错误”、“警告”这类没有信息量的词,会让用户紧张
  • 错误的反馈文案不仅要说明出了什么错,还要告诉解决方案并进行引导
  • 最好不要使用针对个人的语气,比如“你”,会让人感觉被指责。也不要使用“我”,因为这是反馈文案的恐怖谷
  • 理想的微交互文案字数应该以个为单位,不能以行,更不能以段为单位。
  • 文案要简短,动词选择要谨慎,要把重点放在那些用户可能或需要采取的行动上

相关文章

  • Day15 微交互反馈方法-视觉方法

    人类能够通过五大感官来接受反馈,其中最主要的是三种方式:视觉、听觉和触觉。今天先介绍视觉方法。大多数反馈都是视觉反...

  • Day16 微交互反馈方法-听觉方法

    声音比视觉能更快触及人类大脑,由于人类对声音极为敏感,因此要慎重使用。 使用场景 在以下场景中,声音可作为一种重要...

  • 微交互(四)——微交互中的反馈

    微交互中的反馈是微交互最直观的体现,反馈决定了为交互的特质与个性。 一、反馈阐释规则 反馈通过直观的体现,可以帮助...

  • 产品设计要素

    需求→交互→界面(视觉)→开发→测试→发布→用户反馈→迭代 草图·主界面·交互界面·交互说明·前端开发·后端接口 ...

  • 用户体验

    用户体验=视觉体验(UI设计师)+交互体验(交互设计师)+情感体验(全部)逻辑体验(产品经理) 调高用户体验方法:...

  • 产品体验报告(7)ZAKER

    体验报告目录 简介->功能->交互->视觉->用户分析->盈利模式->战略布局 分析方法关系图谱: 其中: 简介包...

  • “反馈”章节

    反馈决定了微交互的特质与个性。 反馈阐释规则: 反馈的目的是帮助用户理解交互的规则,或者告诉用户交互在正常运转。 ...

  • 产品需求挖掘法-5WH

    《UI设计方法论》文集是专门用来收集、总结UI设计中所应用到的方法论。帮助自己提升设计思维,从产品、交互到视觉,希...

  • Interaction System(1): Dialog-ba

    NIPS2018. 摘要 背景:现有的交互式图像检索方法已经证明了整合用户反馈、改善检索结果的优点基于用户反馈以交...

  • UIWebView的JS交互小小总结

    UIWebView的JS交互 交互的方式 系统自带的交互调用JavaScript的方法 使用系统的方法 使用jav...

网友评论

      本文标题:Day15 微交互反馈方法-视觉方法

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