什么是交互设计(交互设计概念及应用指南)

交互设计可能是近些年最受关注的设计概念。您应该在所有数字项目中对此进行思考和规划。

但是如何充分利用交互设计呢?您如何设计人们想要与之互动的东西?尽管其中一些答案随着技术的发展而变化,但其中一个要素保持不变–人们希望使用直观,实用且美观的设计。

什么是交互设计?

在设计,人机交互以及软件开发中,交互设计(通常缩写为IxD)是“关于塑造供人们使用的数字事物”,也可以定义为“设计交互式数字产品,环境,系统和服务的实践”。—维基百科

简而言之,交互设计是将数字世界与人类连接起来的过程。它使基于屏幕的事物在数字领域中看起来像真实的东西,并在物理领域中发挥作用。这种连接帮助人们使用数字产品和设备并与之交互,从台式计算机,电话和手表到网站,应用程序和游戏。交互设计是一个概念,将我们对设计和功能的所有了解都整合到一个想法中。

IxD是设计界的流行语,因为我们试图更好地学习如何设计和复制物理动作和交互,以最佳地将数字产品与用户联系起来。设计背后的思想植根于良好视觉效果的原理,而技术的发展几乎是我们可以为其设计的速度。

要考虑的问题

关于交互设计的最佳指南之一实际上是Usability.gov的可用性标准。该指南提供了一系列问题(甚至是子问题),可以用作创建具有数字交互功能的项目的基础,并且“有了这种理解,您就可以预期某人如何与系统交互,及早解决问题,以及发明新的做事方式。”

这里是首先要考虑的概念,您可以在这里找到所有子问题和注意事项。

  • 定义用户如何与界面交互
  • 在执行操作之前向用户提供有关行为的线索
  • 预测并减轻错误
  • 考虑系统反馈和响应时间
  • 从战略上考虑设计中的每个元素
  • 简化学习性

这些概念中的许多应该看起来很熟悉。这些概念和想法与我们在设计社区中经常讨论哪些在美学上起作用和不起作用时所讨论的内容是一致的。虽然用于创建完全交互式设计的技术可能有所不同,但是好的设计原理却相对相同。

指导原则

您对交互的大部分思考都将设计原理与人类情感和交互原理结合在一起。在确定数字项目的工作方式时,请考虑如何使用您喜欢的工具并与之交互。这些工具对您有吸引力吗?(许多最佳功能可能是您甚至没有自觉想到的东西。)

在决定用户如何与您的设计联系时,请考虑这些原则或概念。

  • 运动:考虑运动和交互设计时,通常第一个心理图像是滑动或轻击,因为这些是激活设计元素的用户运动。单击鼠标或转动平板电脑屏幕以获得一定效果是其他常用的动作。与运动相关的其他美学也很重要,例如照片中的视觉提示,来自设计元素和视频的定向拉动。
  • 空间:用户与哪种类型的环境进行交互?设计是在二维空间还是三维空间中创建的?该空间是屏幕的一部分吗,还是动作从屏幕延伸到了物理世界?
  • 时间:用户花费在交互上的时间量会影响交互是否继续。适当地参与和/或太长或太短的交互之间存在微妙的平衡。考虑交互的目标,然后考虑从开始到结束需要多长时间。
  • 声音:数字设计中争议最大的部分之一可能是声音。虽然有些用户喜欢它,但其他用户很快就会感到烦恼。在交互中使用声音时,请始终考虑将禁用该功能的用户;没有它,设计就需要同样有效地工作。
  • 美学:每个设计元素都在这里发挥作用。看起来如何?这看起来是否向用户传达了正确的情感信息。空间,颜色,版式,对比度和可读性在交互设计的视觉方面起着重要作用。

设计概念

让我们回到互动的原理,并真正考虑美学。(这是我们作为设计师要考虑和讨论的主要内容之一,对吧?)

我们所了解的关于设计的所有知识如何在设计交互中发挥作用?与其他类型的设计项目相比,视觉效果确实没有任何不同。主要(可能是第一)的考虑因素是规模和规模。许多交互式项目可能比您以前习惯的要小得多。(您可能只专注于手机或手表的设计,但是设计也可能以其他方式转换为台式计算机。)

进行视觉思考时,请先使用最小的画布来容纳设计并进行构建。(如果您可以使它变小,那么“扩大”设计会容易得多;消除已经设计的东西可能会困难得多。

  • 空间:虽然有些人可能会尝试缩小小空间中元素之间的空间,但实际上,您需要在小设计中为元素提供更多空间。确保每个元素都有足够的空间来标识它并执行正确的操作。(按钮必须足够大才能触摸而不激活屏幕上的其他元素。)如有必要,请使用多个屏幕(通过滑动操作),以充分利用小空间。
  • 颜色:虽然使用品牌的颜色很重要,但您要确保颜色提供足够的对比度以在各种环境中都能看到。这可能需要为您的交互项目的调色板添加一些可选颜色。考虑鲜艳有趣的色调,尤其是对于移动和观看应用程序。
  • 印刷术:字样应简单易读。坚持使用中等宽度的笔划宽度的现代字体(可以使用serif或sans serif)。避免使用简明扼要的简洁,过大或过浅的版本或样式。
  • 对比:交互式设计中的每个元素都应该与周围的元素相对应。就设计而言,这听起来可能很苛刻,但鲜明的对比可以使元素易于阅读和理解。对比还将迅速吸引人们对交互的注意,并帮助用户确定要做什么。与颜色,版式,空间和图像或语言建立对比。
  • 可读性:基于交互的项目中的所有元素都应该一目了然。设计可扫描性和功能,同时要记住,您可能只有一秒钟的时间才能说服用户执行所需的交互。理解和可读性是实现这一目标的关键。

阅读清单

关于交互设计的信息很多。(以及关于什么有效以及什么无效的很多意见。)

如果您想了解更多,这里是您应该发现的三大资源,它们将使您以不同的方式考虑交互设计。

  1. Diogenes Brito的“交互设计三定律”
  2. 丹妮尔·里德(Danielle Reid)的“未来界面:设计使技术成为人类”
  3. Creative Bloq的“交互设计的十项原则”

结论

交互设计是您需要考虑的事情。用户期望在设计的几乎每个方面都可以进行交互。大多数用户期望通过移动设备访问Web和其他数字设计项目,而不仅仅是阅读文本。

起初有目的地计划和设计这些交互可能看起来令人生畏,但是从概念上讲,它与设计的任何其他方面都没有太大不同。最大的区别在于如何使交互有效,在这里重要的是要有一个好的开发人员陪伴或继续磨练您的Web开发技能。