如何通过微交互让您的用户体验与众不同

huma13453

v当您发现像宝马这样的汽车公司在其汽车设计部门聘用音响工程师精英团队时，您可能并不感到惊讶——毕竟，汽车是吵闹的机器。 更令人惊讶的是，这些团队通常花更多的时间来“调整”汽车发出的声音，而不是消音或减弱它们。 例如，虽然“车门关闭声音”只是密封车辆时的意外副作用，但制造商不遗余力地设计他们所谓的“完美的车门关闭声音”。他们调整材料、填充物、接缝和中空空间，以创造出恰到好处的“音符”。 同样，雨刷器、车窗电机和座椅控制装置都在这首迷你汽车交响曲中发挥着自己的作用。 作为设计师，我们明白这一点，对吧？这是用户体验的事情。


这不仅仅是关门的结果。这是关于这个过程的感觉。对于宝马来说，这是一个“kaTHUNK！”给人一种安全、可靠、奢华的感觉。网页设计中的微交互涵盖了类似的领域。 Learn to Code with JavaScript 什么是微交互？ 微交 求职人数数据 互是围绕完成单个任务的微妙“时刻”，例如为了登录而点击表单上的提交按钮，或者为了社交参与而喜欢一条推文。 “微交互”可能是一个新术语——微交互几乎随处可见，从打开电灯开关到调高扬声器音量），但它们的共同点是它们都完成了特定的任务任务。 推特 最喜欢的动画。 Twitter 最爱作者：Brian W，来自 Dribbble。



有些任务需要一系列交互，例如填写表单字段、选择选项等。如果交互涉及在 Web 表单中提交数据的操作，那么微交互就是点击提交按钮的具体操作。 微交互！=动画 微交互不仅仅是动画。您还必须考虑交互目标的明显性以及响应中使用的语言；尽管如果使用得当，动画可以为用户体验做出很大贡献，但用户体验应该比视觉美观更受关注。 “因为它们看起来很酷”绝对是在网页设计中使用动画的最糟糕的原因，特别是如果创建微交互的唯一原因是炫耀效果的话。 自从 HTML5 和 CSS3 诞生以来，网络一许多设计师仍在使用它们为网页设计添加奇特的效果，而没有真正考虑它如何影响用户的体验。