创建符合用户语言的用户界面

WebFX总裁。Bill在互联网营销行业有超过25年的经验,专门从事SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

创建符合用户语言的用户界面在本文中,我们将讨论为web应用程序用户界面编写简洁而熟悉的副本所面临的挑战。我们将用一个真实的案例来说明,像亚马逊的Mechanical Turk这样的工具是如何帮助设计师与用户找到共同语言的。

词汇问题

一个好的用户界面需要简洁的说明。当我们为一个给定的任务标记界面元素或编写指令时,我们的目标是清晰和简洁。简洁是一个相当简单的标准。

越短越好。简短、熟悉的标签和说明可读性更强。长篇幅的文案可以传达更多的信息,也可以更完整地解释事情,但设计师发现长篇幅的网页文案很笨拙,对用户来说,这是一项脑力劳动(例如:

因为人们不阅读).结果是,较长的副本通常会导致更令人困惑的界面。但是一个标签也必须是清晰的;写一份简短但同时又详尽的文案是很棘手的。

然后,在你的UI环境中,“清晰”的定义是什么,是另一个(更难的)问题。我们不是为我们自己写作,而是为用户而写,而网络用户蔑视分类和刻板印象。有些人精通技术,有些人则不那么精通。

有些人使用他们自己的行话,有些人甚至不会说我们的语言。

寻找共同语言的挑战

那么,如何在ui中编写对用户有意义的简洁指令呢?我们经常遇到这样的困境FormAssembly.com.我们提供一项服务,让人们建立网页表单并收集数据。

我们想让一个固有的技术主题为普通观众所接受。将复杂的东西简化为普通消费的一个核心原则是避免使用技术术语。这就是为什么我们更喜欢谈论“问题”和“回答”,而不是“字段”、“标签”和“输入”。我们认为大多数人都能理解这些更熟悉的术语指的是什么,即使对于更热衷于技术的人群来说,它们一开始可能看起来有点不寻常。

但是,与用户找到共同语言并不总是那么简单。在最近重新设计的界面表单生成器(为了我们的讨论,您可以尝试一下,为了使用它,您不需要注册或任何东西),我们重新考虑了应该如何标记用户可以放置在表单上的不同类型的输入。这是我们的第一个表单元素:寻找共同语言的挑战技术名称这个HTML元素的属性是“select”。在办公室里,我们通常称之为“下拉菜单”,根据我们的经验,大多数说英语的用户都是这么称呼它的。

在我们的UI中,我们称之为“下拉”。接下来,我们有:这个是a的变体选择元素,其中可以选择多个选项。这个元素的外观和行为与上面的元素不同,但从技术上讲,它是相同的元素a选择与一个多个属性。我们怎么称呼它呢?

我们对此没有强烈的感觉,但我们想到了“列表”这个词,它看起来很好,因为它很简洁。最后:上面那个怎么样?我们知道它是一个“单选按钮”,在我们的界面中,它被简单地称为“单选按钮”。有趣的是,我们甚至不确定为什么它会这样叫。

一个快速浏览维基百科为我们回答了这个问题——这是一个参考的方式,按钮的行为在旧的汽车收音机。你按下一个按钮来选择一个预设的电台,另一个选中的按钮就会弹出。但这已经不是现代汽车收音机的工作方式了。

这很有趣,因为我们很难指望使用过时的隐喻是传达信息的好方法。那么是否有更好的方式来称呼它,或者我们应该坚持称它为“单选按钮”?我们毫无头绪。是时候收集一些数据了。

如何测试一个UI的副本的熟悉度

亚马逊土耳其机器人(Amazon Mechanical Turk)是一项服务,可以让你以非常实惠的成本快速地向大量人员提供简单的任务。我们设计了一个简短的测试。我们展示了上面的图片,然后50个随机选择的测试者他们称之为每个表单控件。

结果

短短几分钟,我们就收到了50条回复。以下是我们所学到的。结果这并不奇怪。

大多数受访者称其为“下拉菜单”(或类似的版本)。所以它加强了我们对这个表单元素的现有术语。上面的结果给我们的测试人员带来了最大的麻烦,我们最终得到了许多奇异的名字。

我们选定了“选择清单”。术语“菜单”和“列表”非常相似,但“列表”在这种情况下更有特色。在这里,受访者似乎对自己的答案更确定。然而,很大一部分并没有区分单选按钮和复选框。

“多项选择”也是一个相当流行的术语。我怀疑这表明我们的测试人群中存在以美国为中心的偏见,因为这种控制看起来像美国教育系统中常见的多项选择测试。因为我们没有明确的赢家,所以我们决定使用“单选按钮”这个技术术语。任何其他选项都会让太多用户感到困惑,或者根本不准确。

如果我们必须教我们的用户一个新术语,我们不妨使用有缺陷但技术上正确的术语。

测试你的UI语言是快速和廉价的

亚马逊土耳其机器人非常适合于涉及即时回忆、阅读理解或快速识别的短期测试。工作人员每次测试的报酬只有几美分,所以他们花在测试上的时间不会超过一两分钟。我们能够通过使用Mechanical Turk快速测试和迭代我们的用户界面副本。

首先,我们能够验证“下拉菜单”是一个熟悉的术语,所以我们坚持使用现有的标签。它帮助我们对“列表”一词进行了明智的修订,将其改为“选择列表”作为标签选择元素具有多个属性。的结果广播元素是不确定的,所以我们坚持使用它们的技术术语“单选按钮”。这个简单的案例显示了测试用户界面语言的有效性是多么简单。

在未来,我们可能会考虑使用同样的方法来获得有用的见解,例如“您认为每个标签后面是什么?”或者对于一段说明,“看完这段话你会怎么做?”一个类似的网站,FiveSecondTest,可以快速了解观众的理解情况。远程用户测试可以有效地评估和提高web应用程序副本的清晰度和简洁性。

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!