按钮上文本和图标之间的最佳权衡是什么？

Question

在今天与同事的讨论中，我感叹我无法记住图标的含义，并且必须将鼠标悬停在它们上面以查看工具提示，从而找到我需要的按钮。

在他们这边，他们说当文本需要翻译时，它可能不适合（例如德语与英语），并且每个有文本的地方，包括工具提示，都需要翻译。所以简单的图标更容易。

文本额外工作与图标挑战用户子集的可用性之间的最佳权衡是什么？

Answer 1

我个人更喜欢文字和讨厌仅限图标的用户界面。我知道其他人认为另一种方式同样强烈，要么是因为国际化，要么是因为他们的大脑使用图像比使用文本更快速地工作。如果您只为UI选择一个或另一个，那么您的部分用户群将对您的选择不满意。 （有时这是正确的选择，具体取决于UI的使用范围。）

国际化并不是那么困难，除了找到一家公司来做好文本的翻译。国际化的程序员部分非常简单。但是，我认识一些喜欢全图标方法的程序员，因为它的工作量较少。我个人不得不更换一个用户不喜欢的全图标无文字用户界面。用户说他们不记得图标的含义。

我认为更典型的是，许多高级用户会更喜欢图标，许多初级用户会更喜欢文字。但是，许多高级用户更喜欢文字。恕我直言，任何好的用户界面都会提供工具提示，因此无论你做什么，都需要翻译你的界面。

最友好的解决方案是提供文字和图标，可能还有一个设置选项来禁用其中一个。

Answer 2

我与人/计算机交互小组中的人一起工作，并使用仅限图标对煤炭进行了调查。他们研究了理解，错误率，使用UI的速度以及每次都赢得的好的图标/标签组合，其他一切都是平等的。

本地化应该不是问题。您可能必须本地化图标并本地化标签（只要它存储为文本而不是位）很容易。在UI的大小方面 - 这完全是另一回事。如果您无法使用该文本，我会声称您的用户界面太杂乱了。

Answer 3

他们都有优势和退缩。文本必须始终被翻译成不同的语言，有时单个单词将无法有效地描述按钮的动作。例如，您将如何描述在Windows中关闭窗口的X按钮。我们知道它的作用，我认识的大多数人称之为X按钮，但它没有描述它的作用。使用X符号（或图标，如果你愿意）放置按钮比放置“关闭窗口”之类的东西要容易得多。

据说，图标也有缺点。当你躲到时，他们可能并不总是很清楚他们做了什么。用户必须能够将图标放在社交环境中以了解它的作用。这可能并非总是可行的。此外，一种语言的图标可能无法在另一种语言中理解，从而导致翻译问题。图标在某些区域可能是有利的，因为它们可以采用复杂的概念并向用户显示少量空间。 （比如拍照显示相机，或删除显示垃圾桶的东西）。

权衡取决于具体情况。如果您的高级用户真正了解他们正在使用的应用程序以及周围的主题，那么您可以使用它们。如果你有人每个月使用一次电脑并且不在乎学习，那将会让人感到困惑。它可以通过单个符号（图标，图片，字母）传达的信息量与用户的潜在挫折感以及对程序的整体拒绝。

Answer 4

确保你有办法同时获得两者。屏幕阅读器的图标很糟糕。

Answer 5

我讨厌图标，因为即使它们非常直观，我也不知道它们的意思（就像这个世界图标意味着我正在打字的这个盒子上面的超链接）。几个Unix终端应用程序提供了以下选择：

• 文本
• 图形图标
• 两个

那太好了。我通常喜欢突出按钮上的文字，因为按钮的含义更清晰，鼠标目标可以更大一些。

Answer 6

它是一种文化的东西，因为一些符号（图标）对于不同文化，背景和经历的人来说意味着不同的东西。人们可以假设全局符号被一般人群“知道”，即“保存”图标......

这是一个很好的界限，但我认为工具提示是帮助那些不了解图标含义的人的好方法。也许一组选项让按钮（图标）呈现文本而不是图标图像？这可能是应用程序中的用户首选项。

也许一个很好的参考是微软应用程序中的一些“广泛”使用的图标，例如“Word”。我在这里进行了概括，但是微软的应用程序几乎已经存在，他们已经将所有的R＆amp; D用于合适/有效的图标。

Answer 7

您没有提及这是否适用于Web应用程序，但如果是，那么如果用户已禁用图像，则使用屏幕阅读器或其他有限的界面，则必须至少提供文本作为备份。

Answer 8

我猜两件事

1. 决定应该是可用性研究和适当量化的结果，而不是开发人员的直觉或心血来潮。

2. 一个没有明显含义的图标是一个坏图标，应该更改。

所有这一切，IMO：带有工具提示/鼠标悬停文本等效的图标，带有奖励，可以提醒键盘快捷键。

Answer 9

（注意：我在这里使用“按钮”表示“图标和/或文本所在的UI元素。”）

我认为在几乎所有情况下，将文本包含在按钮本身或至少在按钮上的悬停工具提示上都很重要，以便在图标的含义对特定用户不直观的情况下，用户可以通过阅读文本找出意义。 （请注意，在任何一种情况下仍然需要执行翻译工作。）

直接在按钮上包含文本的典型情况是空间非常宝贵;当你想把很多按钮放入一个小区域时。示例包括许多桌面应用程序中使用的“工具栏”，以及某些Web应用程序中使用的“工具栏” - 例如，出现在StackOverflow应答文本输入字段上方的按钮！

包含图标的一个好例子是按钮并不总是出现在同一个地方，并且用户可以快速直观地扫描按钮的位置。例如，如果我在Windows上打开了很多程序，并且我想在Windows任务栏中快速找到我的Firefox实例，我会查找小橙色图标，而不是阅读每个任务栏按钮上的文本。