如何通过被验证的交互设计改善用户体验

在可用的交互和不可用的交互之间有一条微妙的界限。交互设计概念有助于弥合差距。

交互设计在执行出色的UX中起着重要作用,并且不可否认是UX设计概念的基石之一。

“不可用”表示“我正在继续前进”,无论视觉设计多么“好”——动画多么漂亮——如果交互设计搞砸了,您的用户体验就注定要失败。即使美学不足,如果您做对了,您也会很好地朝向一个更优越的用户体验。该产品将具有相当高的成功概率,这将是有利的。

交互设计协会(IxDA)将交互设计(IxD)定义为“交互系统的结构和行为”。交互设计师试图建立关系以连接人与他们使用的商品和服务,从计算机到移动设备再到电器等等。

经验至关重要,因为它决定了人们对互动的喜爱程度。日常事物的设计(The Design of Everyday Things)的作者唐·诺曼(Don Norman)也说了同样的话。

伟大的交互设计,通过坚持交互设计的原则,极大地促进了交互设计,同时改善了体验。

即使所有当前的小工具和技术突然被全新的东西所取代,伟大的交互设计也是可行的,因为它的特点之一是不朽。这些不变的真理与人性有关,包括驱动和指导行为的因素以及个人如何处理信息。

想象一个每个门把手都有不同用途的世界。如果您在该拉下门把手的时候拉上门把手,两个朝不同方向,那将是一场灾难。事实上,“拉门把手”这句话隐含着对统一性的偏见,这表明只有一种选择。

没有人喜欢被告知“您就这样做吧”,但伟大的交互设计总是遵循一套规则、指导方针和规范(启发式)。它们不是含糊的科学,但它们是 IxD 的基础,允许以很小的阻力接触。接口标准不会扼杀创新,因为它们不是僵化的规则,而是帮助设计人员为“可用且熟悉的设计”奠定基础的指导原则。

用户界面设计基础

人机互动(HCI)是“一个跨学科的研究领域,专注于计算机技术的设计,特别是人(用户)与计算机之间的互动”,交互设计是其子领域之一。

-根据IxDA的定义。

纯粹的用户乐趣是出色用户界面的最终结果,这是通过将基本的UI设计原则与目标驱动的交互设计相结合来实现的。

  • 有效的交互设计使用直接的目标、令人信服的存在理由和易于导航的用户界面。
  • 为了创造易于使用的设计时,目标驱动的交互只向用户提供成功执行工作所需的信息。

以下是一些(当然不是全部)最基本的准则:

可发现性

如果用户无法访问它,它则不存在。在不到一毫秒的时间内,用户必须能够理解他们在用户界面中有哪些选项;因此,建议使用标记图标。没有描述的图标就像在驾驶员的道路上设置障碍,迫使他们减速并让他们猜测其含义。您正在“打乱”一个节奏。令人讶异的是:他们中没有一个人对弄清楚您的用户界面有兴趣。

指示符

有效使用指示符意味着在 UI 中清楚地传达提示(对项目执行操作的潜力),这与可发现性密切相关。指示符是一种强大的提示,就像信号或路标一样。当用户可以与它们互动时,它们将亮起绿色,发出信号,“我在这里,您可以点击(单击、滑动等)我!”当用户界面中的提示缺少相应的指示符时,它可算是隐形的。这可能是“隐藏手势交互”的形式,只有当用户随机向左或向右滑动(例如删除某些内容)时,这种互动才会变得明显。

提示定义了可以执行的操作。指示符指定人们如何发现这些可能性:指示符是标志,引领您可以做什么的信号。对于设计师来说,指示符比提示更重要——唐·诺曼(诺曼,2013)

反馈

一旦向用户提供了必要的指示符,下一个最关键的沟通方式就是反馈。通过“反馈”,我们暗示了有关如何接收操作的信息。这也要求系统的状态始终清晰显示;换句话说,系统必须确保:

  • 随时将状况传达给用户。
  • 总是有关于他们的努力如何得到回报以及产品当前状态(系统)的最新数据。
  • 用户永远不会不知道产品现在处于哪个阶段(无论是正在处理、加载、搜索、上传、等)。
  • 一旦执行了某种操作,就可以很容易地识别新条件。

心智模型和概念模型

良好的交互设计为用户提供了开发系统准确心智模型所需的所有数据,从而促进了理解和代理。通过使用概念模型,系统的可发现性和评估的准确性都得到了提高。

用户对事物在现实世界中如何运作的期望和知识是由心智模型(也称为认知地图)塑造的。我们所谓的“认知地图”实际上是我们物理世界的心理表征,强调世界特征之间的空间联系。交互设计师可以通过利用用户预先存在的心智模型使系统看起来更自然。

设计人员创建一个称为设计模型的知识模型,以代表小工具或程序应该运行的方式。只有通过用户界面才能将此范式传达给最终用户。然后,用户可以对概念模型进行实验,以形成自己研究的工作理论。

与其向消费者解释他们应该如何使用应用程序,设计师应该通过其用户界面明确该程序的用途。使 UI 简单明了,以便每个人都可以使用它。如果交互设计不佳,用户可能会形成不正确的心智模型。这会导致问题,因为用户正在尝试以创建者意想不到的方式使用该应用程序。

映象

从控制到结果的映象是对这种联系的研究。反馈的概念与映象原则有关,因为它们都有助于一个整体。控制与其后续用途之间的链接是界面设计的重要组成部分,几乎所有工件都是如此。

通过利用预先存在的知识和文化规范,我们可以创建一个“自然地图”,便于即时理解。空间类比的使用是用户界面设计中的一种技术。

  • 若要使用滑块控件提高数字,请将其向右拖动。
  • 向左滑动手指以减轻数字。

自然映象的一个例子是通用标准,其中水平上升表示增加,水平降低表示减少。

约束

设计中的约束思想可以在任何特定时间测定用户参与度的局限性。交互设计的约束通过引导用户沿着预定路径来帮助达到高效互动。

为了指导用户的行为,设计人员利用约束来确保仅启用甚至显示特定元素。等级和用户说服力的因素已包含在考量中,包括规模、规格、比例、重点和状态。正确使用约束进一步有助于减少用户出错的可能性。

当对用户没有限制时,用户将面临大量潜在的操作。简单地说,这就是自由意志的概念。因为我们很容易感到不知所措,有太多的选择可能会让我们很难做出决定。

最好的交互设计优先考虑用户在任何给定时间真正需要的东西,而不是在界面中塞满尽可能多的功能。

连续性、基准和指南。

他们与我们接下来将讨论的模式有很大的关系。一致的交互范式对于减少用户出错的可能性并使程序更容易学习和操作至关重要。用户体验 (UX)、可用性 (UX) 以及数字项目的使用速度都通过一致的设计方法得到增强。

一致的接口是应该遵守的规范,例如始终使用相同的方法来实现相同的目标。

惯例、标准、最佳实践和可用性一直在过程中开发,以帮助开发高度可用的产品(广泛的经验法则,而不是特定的可用性指南)。

例如,页面的布局应与既定规范一致,以确保符合约定。网页左侧的视图占 69%,而右侧仅显示 30%。因此,传统布局增加了网站财务成功的机会。

页面顶部的全局导航菜单,就像BCC网站一样或在导航路径上标记痕迹(易于检测的方向和导航设备)可以作为标准的示例。

学习查看模式的能力并从中学习

新手可以多快和容易地学会使用界面?每个人都不喜欢改变,除非它能大大改善现状,但我们不断受到新颖的、非传统的沟通形式的影响。

当学习任何新的东西时,如果有熟悉的部分或模式即可加快过程。学会使用勺子后,您将永远知道如何使用勺子。使用自行车或滑板也是如此。按钮、文本字段、选项菜单、复选框、单选按钮、微调器、滑块、图标、折叠项、搜索栏和所有其他 UI 组件都使用此类似的结构。

最成功的交互设计不是试图创造全新的东西,而是建立在现有模式的基础上,从中创造出全新的东西。

除了帮助记忆之外,模式提供连续性(已经覆盖此概念),并使设计与用户的期望保持一致。

视觉重点的放置和等级制度

在使用网站或移动应用程序的过程中,访问者会寻找与其查询最相关的数据。设计中的等级制度是指如何排列视觉组件以传达相对价值。人类视觉系统是根据视觉线索的层次结构来组织的。感知领域中项目之间的对比建立了秩序,这意味着并非所有事物都具有相同的“权重”。大小、接近度、颜色、不透明度和真正的色调对比度都是在视觉上强调某些东西的方法。

结构良好的视觉层次结构的重要性无法被夸大。它在广泛的设计领域有着悠久的成功历史,包括但不限于建筑设计、工业设计和平面设计。看看一些很棒的海报插图。当这种方法在界面设计中得到有效使用时,适当的元素会在适当的时间和适当的方式出现。

熟练的交互设计师可以通过有战略的注意力来创建“精益而平均”的界面,就像魔术一样。

拟合原理

有趣的是,该规则最初是为研究电报操作员和生产线工作绩效背景下的人体肌肉运动和目标而开发的,然后应用于HCI(人机互动)。它指出,获取目标所需的时间是目标距离和目标大小的函数。

通俗地说,它归结为目标有多远和多大,以及它离其他目标有多近。如果目标接近您开始单击或滑动的位置,则单击或滑动速度会更快。用户不必经常在 UI 上跳转,因此将类似的活动组合在一起非常重要。

可以使用 Fitts’ law 对过程和决策时间进行准确估计。根据上下文,目标可能是按钮、选项菜单或某种其他类型的用户输入。如果它太远、太小或可点击组件靠得太近,则效果较差且可用性较低。

概括表象、古腾堡图以及 Z型 和 F型图案设计

西方观众特别喜欢这些格式,但它们的使用不受上下文的限制。当查看包含大量类似内容的页面(如博客或新闻网站)时,眼睛会遵循像古腾堡图描述的模式。根据古腾堡图,读者不太可能关注阅读路线之外的强弱荒芜地区。

与字母 Z 类似,Z型模式会自行重复。Z型模式也称“之字形模式”。Z型模式与古腾堡图最显着的不同之处在于它假设观众将在两个荒芜的部分之间移动。如果没有,它们仍然在相同的位置开始和结束,并遍历相同的路径。最关键的细节,如古腾堡图,将位于Z型图案设计的中心。

人们快速消费信息的方式导致了“F”级。NNGroup的一项眼动追踪研究追踪了两百多人阅读在线信息的行为,使F型模式普及化。人们的扫描行为在各种网站类型上都相当稳定。

这有什么大不了的?例如,为了便于在线商店的扫描,关键信息可以以F型图案设计放置。

与其记住,不如说是了解

“辨认”熟悉的事物就是我们所说的“识别”,而回忆它需要额外的“认知负荷”,因为它需要从记忆中搜索相关元素。显示熟悉的对象比强迫人们尝试记住不熟悉的对象更人性化。

例如,UI 中的图标之所以有效,是因为它们有助于快速识别符号。论速度而言,人脑中的符号识别比文本阅读快一千倍左右。通过在对话框中包含熟悉的警告符号,设计人员可以提醒用户他们的下一步行动可能会产生可怕的后果。但是,当需要用户记住和辨别图标时,例如举起手而不是警告指示器,用户界面 (UI) 的有效性和可用性会受到影响。

优雅的极简主义

如果您想将产品精简到最基本的东西,您需要牢牢掌握是什么导致它有效。– 乔纳森·艾夫(Jonathan Ive)

这个概念的难度使其成为最难实现的概念之一。设计师和产品经理经常提供所有可能的选择,让用户可以选择最好。这是最简单的出路,但它总是在最终结果中出现不必要的事物。

从界面中删除与用户的目标或任务没有直接关系的所有内容。除了创建视觉上美观的用户界面外,设计人员还需要确保在用户从一个屏幕移动到另一个屏幕时优先考虑内容。只应显示用户执行作业所需的最少数据,这是通过使用视觉层次结构和强调艺术来实现的。

谈到他的艺术,米开朗基罗(Michelangelo )曾经说过:“我在大理石上看到了天使,并尝试凿开,直到我释放了他。”

为了达到极简主义、视觉上美观和直接的交互设计,设计师需要牢牢掌握产品使用过程中发生的事情,并去除任何无关的元素。最佳策略通常需要进行广泛的用户研究和测试,以了解产品的目标受众及其预期的使用模式。

减少出错的机会

用户在操作时通常会分心,因此使用视觉强调、建议和正确建立的限制以防止他们犯无意的错误非常重要。Poka-Yoke或错误防止是将保护措施纳入系统以消除人为错误可能性的做法。

建立更准确的心智模型是减少错误的最有效策略之一。当设计师的模型和对系统应该如何运行的感知与用户的心智模型不匹配时,用户就会犯很多错误。

使用标准设计原则(上述原则之一)是有益的,因为它阐明了消费者的可用选择。您的网站或应用的用户之前可能已经与数千人进行了互动,因此他们对标准交互功能的显示和行为方式有一定的期望。当您的产品偏离此类标准时,可能会导致出错。

在犯错之前预先警告,并在采取潜在有害行为之前进行验证。易于理解和执行的错误消息是好的,但完全消除对它们的需求的设计是理想的。始终注意潜在的错误来源,并努力消除它们。

我们将如何在未来使用交互设计

随着新设备、上下文和界面的开发,交互的可能性将扩大。控制输入和触觉反馈只是当今视频游戏控制器中添加和改进的众多功能中的其中两个。为了管理我们的周围环境,我们很快将能够在3D空间中使用手势与虚拟现实设置,游戏机和物联网设备进行互动,而不是仅使用支持2D和3D运动的触摸屏,例如iOS和Android智能手机上的触摸屏。

我们可能很快就能用手和手指而不是鼠标、触控板或操纵杆来管理我们的电子产品,这要归功于谷歌的 Project Soli 等举措。键入内容可以被替换为在某些用户界面 (UI),如对话 UI中用声控命令。然而,以某种形式(声音、触觉、视觉)进行即时和持续输入的概念仍然很重要。

对于UX / UI设计师来说,记住基本的交互设计概念将始终在未来系统的设计中发挥至关重要的作用。这些准则不是一成不变的,但遵守它们将导致更有趣和有用的最终产品。正如制作精良的电影往往坚持其叙事结构的行之有效的公式一样,在界面设计领域也有一些既定的惯例应该遵守。通过坚持这些原则可以帮助设计师使他们的产品更加用户友好并增加销售额。

加入世界顶尖前 1% 的自由领人才网络

领类将顶尖前1%的自由领程序员和设计师与世界各地领先品牌以及初创企业联系起来。我们专注于需要高技术人才和问题解决者的复杂且具有挑战性的一级项目。
经验丰富的项目经理正在审查从领类上聘请的自由软件工程师在软件开发项目上的进展 blog.join_marketplace.your_way经验丰富的自由 UI/UX 分析师在舒适的家中远程工作,并领类上完成 UI/UX 和产品设计项目 blog.join_marketplace.freelance_jobs