在用户界面设计中,我们经常关注首次用户。在典型的可用性测试场景中,我们招募从未见过被测试接口的参与者,并要求他们使用它来完成某些任务。但是,在很多情况下,这个系统会被反复使用。将重复用户能够提高效率在他们的任务吗?一旦他们弄清楚了基本步骤,他们会加快速度吗?还是会对重复同样单调乏味的步骤感到厌烦?

为专家用户设计意味着我们必须平衡易学性生产率和效率。至关重要的是,新用户能够轻松地弄清楚如何使用界面——否则他们可能永远不会回来——但专业用户希望能够以更高的效率完成任务,并达到他们感觉自己已经掌握了界面的程度。任何重复使用的系统都应同时满足新用户和专业用户的需要,包括以下内容加速器使人们能够快速、轻松地完成一些日常工作。

这些类型的系统包括软件即服务(SAAS)产品、应用程序(移动和桌面)、社交媒体平台,以及任何可能经常使用的系统,特别是用于完成一组常规操作的系统。

加速器是什么?

定义:一个加速器是一种加速交互或过程的UI特性。

也被称为快捷键,加速器增强的用户界面š通过提供一种替代的方法(通常为快,但可能更多,因为更高的要求苛刻内存负载或更复杂的手势)来完成特定的动作,从而允许专家用户完成共同的任务,更迅速和效率。值得重复的是,加速器应该是完成一项任务的其他替代方法专家用户可以利用,但其他人可以完全忽略。

常见的加速器包括:

  • 键盘快捷键
  • 宏(允许用户连接在一起某些动作,通过单个控制来触发)
  • 触摸手势(如长按、双击、滑动)

加速器让系统变得更强灵活高效-雅各布·尼尔森的10个可用性启发式。一个高度灵活的系统同时满足有经验和没有经验的用户,允许他们用最适合自己的方法完成一个动作。

通常,所有用户都会碰到an效率高原一旦他们完全掌握了一个界面,进一步重复一项任务并不会减少任务时间。使用一个加速器帮助专业用户突破瓶颈期:通过采用更快的方法完成同样的任务,他们可以变得更有效率(当然,一旦他们学会了)。

何时提供加速器

并不是系统中的所有操作都需要加速器。关注那些特性很多人都会这么做使用多次。问问自己:有哪些核心的行为在系统内吗?

提高效率和生产力只有真正重要的重复任务;因此,这些常规动作都不错的候选人将促进剂。请记住,学习需要重复,所以人们会更好地学习捷径,如果这是一个他们经常重复的行为。

您还可以考虑通过让用户更容易、更快地执行哪些操作来鼓励用户更频繁地执行这些操作。例如,在Instagram的移动应用程序中,双击一幅图片是“点赞”的加速器(直接点击心形图标的另一种选择)。同样,在Pinterest移动应用中,用户可以按住图片显示快捷方式标记菜单与如行动,发送商店(而不是导航到图片的细节页面来访问同样的操作)。这些行为就是这些应用存在的原因——鼓励用户保存、点赞和分享内容——所以对于专业的、反复使用的用户来说,让它们尽可能简单是明智的。

从Instagram的屏幕截图和Pinterest的移动应用程序,显示触摸手势加速器。
左图:在Instagram移动应用程序中,用户可以通过点击心脏图标或双击图片来喜欢图片。右:在Pinterest移动应用程序中,用户可以通过按住图片进入常见操作的标记菜单,而不是点击图片导航到细节页面进行相同的操作。

请记住,加速器是一个新特性——它只是完成一个已有动作的一种附加方式。那些从未发现加速器的用户应该能够以另一种方式完成同样的任务。

暴露加速器

因为加速器是界面的增强,发现他们不应该是关键学习和使用的接口。事实上,你不应该旨在揭露新用户的每一个加速器,因为这将是压倒性的,只是没有帮助。新用户只是想上手并完成他们的任务 - 没有读用户手册 - 他们应该被允许,以让他们迷上了核心功能和系统的总体实用性这样做。只有谁学到的基础知识,并继续使用该系统的用户才可以接触到相关的快捷方式。

也就是说,我们不能确切地知道用户何时“准备”学习加速器。有些用户可能永远不会去找这些快捷方式,而有些用户可能会马上去找。因此,加速器应该很容易有,但很容易忽视

键盘快捷键通常显示在相应的菜单标签旁边,所以精明的用户会希望在那里找到它们。一定要在视觉上适当地样式组合键,以免与标签本身相竞争。该快捷方式可以在控件中右对齐显示下拉式菜单(当菜单标签是左对齐的)或括号内或以不同的颜色比主标签所示。如果该命令没有文本标签,但只有一个图标(这是一种我们强烈反对的做法),可在内显示快捷方式工具提示连同商品标签一起。(不过要记住,使用触摸界面的用户不能使用这个鼠标悬停功能。)

屏幕截图示出了其中的UI中显示的键盘快捷键的例子。
左:Mac应用程序,如Chrome浏览器,显示键盘快捷键的下拉菜单中右对齐。右:Gmail会暴露在悬停提示中的电子邮件编辑器工具的键盘快捷键。

如果出于某种原因(例如,油门是触摸手势),你不能显示快捷旁边的动作的标签或图标,提示可能是暴露加速器用户的唯一途径。在这种情况下,最好是等待,直到用户已完成了标准的方式操作,然后显示提示。这个上下文,及时帮助确保用户对指令感兴趣,因为它直接应用于他们当前的任务。保持提示简短且可扫描不要在一行中使用冗长的教程或多条指令——只关注单个操作及其快捷方式。

谷歌Docs手机应用的提示覆盖屏幕截图。
iPhone的谷歌文档应用程序:当用户试图通过摇动设备(左)来撤销某个动作时,应用程序会显示一个有关加速手势的上下文提示(右)。

复杂的加速器,如宏或其他定制和自动化工具,应该显示在相关的设置屏幕或导航菜单上。例如,Trello网络应用程序就包含了一个到它的链接巴特勒自动化工具从主菜单内。(注意此链接是另外分开的。巴特勒按钮在顶部工具栏上。在菜单中包含这个链接增加了它的可发现性,特别是对于那些不知道这个模糊名称的用户来说巴特勒提及-micro-copy在菜单中增加了急需的信息的气味。)

截图基于Web的服务Trello内自动化工具的信息。
Trello提供了其自动化工具的链接,巴特勒,在主菜单内设置一个板。

最后(或额外的)方法是创建系统中可用的所有快捷方式的列表,可以在帮助要么支持文档。这个选项是最不容易发现的,因为大多数用户永远不会想到去寻找这类信息。但是,对于那些确实关心优化工作流的用户或者那些可能已经忘记了确切的快捷方式的用户来说,备忘单可以确保信息可以很容易地找到。

在单个页面上显示所有可用加速器的示例。
Mac的Slack应用程序(左)和Todoist web应用程序(右)都提供了系统中所有可用的快捷键的完整列表,可以从帮助要么设置菜单。

结论

谁是已经熟悉的界面重复用户希望尽可能高效,而新手用户需要的界面如此明确地这样他们就可以找到周围的路。加速器有助于平衡这两种类型的用户的需求,并给他们控制完成的动作增强的接口。这是什么使高度灵活的系统 - 并最终广泛使用。