【问题标题】:What's the best tradeoff between text and icons on buttons? [closed]按钮上的文本和图标之间的最佳权衡是什么? [关闭]
【发布时间】:2009-01-29 02:24:19
【问题描述】:

今天在与同事的讨论中,我感叹我不记得图标的含义,必须将鼠标悬停在图标上才能看到工具提示,从而找到我需要的按钮。

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

文本的额外工作与图标挑战的用户子集在可用性方面的最佳权衡是什么?

【问题讨论】:

  • 我只是想知道将这些旧问题中的一些移动到更合适的 stackexchange 站点而不是关闭它们是否会更好。在他们被问到时,其他网站并不存在,但投票表明这不是一个坏问题,只是一个不再符合 StackOverflow 更严格定义的问题。

标签: text usability icons


【解决方案1】:

我个人更喜欢文字和讨厌只有图标的 UI。我知道其他人的想法同样强烈,要么是因为国际化,要么是因为他们的大脑处理图像比处理文本更快。如果您专门为您的 UI 选择一个或另一个,那么您的部分用户群将对您的选择不满意。 (有时这是正确的选择,具体取决于 UI 的使用范围。)

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

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

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

【讨论】:

  • +1。击中我所有的烦恼点。一旦你弄清楚图标的含义,你就不需要那么多文字了,但是当你忘记时,工具提示很有帮助。
【解决方案2】:

我与人机交互小组中的人一起工作,并且因为只使用图标而被挖苦。他们研究了理解、错误率和使用 UI 的速度,并且每次都赢得了良好的图标/标签组合,所有其他条件都相同。

本地化应该不是问题。无论如何,您可能必须本地化图标,并且本地化标签(只要它存储为文本而不是位)很容易。就 UI 中的大小而言 - 这完全是另一回事。如果您无法适应文本,我会声称您的 UI 太杂乱了。

【讨论】:

    【解决方案3】:

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

    话虽如此,图标也有缺点。正如你所逃避的那样,他们可能并不总是清楚他们在做什么。用户必须能够将图标放在社交环境中才能理解它的作用。这可能并不总是可能的。此外,一种语言的图标可能无法在另一种语言中被理解,从而导致翻译问题。图标在某些领域可能是有利的,因为它们可以采用复杂的概念并向用户展示少量空间。 (喜欢拍照显示相机,或删除显示垃圾桶的东西)。

    权衡取舍实际上是根据具体情况进行的。如果您有真正了解他们正在使用的应用程序和周围主题的高级用户,那么您可能可以使用它们。如果你的人每个月使用一次计算机并且并不真正关心学习,那将是令人困惑的。它是您可以使用单个符号(图标、图片、字母)传达的信息量与用户的潜在挫败感和对您的程序的整体拒绝。

    【讨论】:

    • 我每天都使用电脑,但不是每天都使用所有应用程序。我将一次使用 5-15 个不同的应用程序。我根本不记得不同应用程序上的“刷新”按钮是什么样子的。因此悬停在上面可以看到工具提示。这不仅仅是“高级用户”与新手的问题。
    • 我可以理解你所说的没有足够的时间来学习图标,但我敢打赌,有些你只是知道。此外,具有讽刺意味的是,我敢打赌工具提示会阻止您了解图标是什么。你没有理由记住它们,所以你的头脑不会犯下它们。
    • @kevin:你确实有原因,速度,等待工具提示的延迟很烦人:)
    【解决方案4】:

    确保您有办法同时获得两者。屏幕阅读器在使用图标时遇到了麻烦。

    【讨论】:

      【解决方案5】:

      我讨厌图标,因为即使它们非常直观,我也永远不知道它们的含义(例如这个世界图标,它表示我正在输入的框上方的超链接)。几个 Unix 终端应用程序提供了以下选择:

      • 文字
      • 图形图标
      • 两者都有

      这很好。我通常喜欢突出按钮上的文字,因为按钮的含义更清晰,鼠标目标可以更大一点。

      【讨论】:

        【解决方案6】:

        这是一种文化事物,因为某些符号(图标)对于不同文化、背景和经历的人来说意味着不同的事物。有一些全球性的符号可以假设为普通大众“知道”,即“保存”图标...

        这是一条很好的路线,但我认为工具提示是帮助那些不理解图标含义的人的好方法。也许一组选项可以让按钮(图标)用文本而不是图标图像呈现?这可能是应用程序中的用户偏好。

        也许一个很好的参考是微软应用程序中的一些“广泛”使用的图标,例如“Word”。我在这里概括一下,但微软应用程序几乎无处不在,他们已经完成了所有研发到合适/有效的图标。

        【讨论】:

        • 什么“保存”图标?软盘? (我不得不去检查一下——是的,它实际上是我的 MS Word 版本中的软盘。)由于大多数新机器甚至不再包含软盘驱动器,我想知道用户是否仍能认出那个图标的含义 10几年后?
        【解决方案7】:

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

        【讨论】:

          【解决方案8】:

          我猜有两件事

          1. 决定应该是可用性研究的结果并适当量化,而不是开发人员的直觉或突发奇想。

          2. 一个没有明显意义的图标是一个坏图标,应该改变。

          综上所述,IMO:具有等效工具提示/鼠标悬停文本的图标,此外还可以提醒键盘快捷键。

          【讨论】:

            【解决方案9】:

            (注意:我在这里使用“按钮”来表示“图标和/或文本所在的 UI 元素。”)

            我认为在几乎所有情况下,在按钮本身或至少在按钮上的悬停工具提示中包含文本都很重要,以便在图标的含义对特定用户不直观的情况下,用户可以通过阅读文本来找出含义。 (请注意,无论哪种情况,都需要进行翻译工作。)

            不直接在按钮本身上包含文本的典型情况是空间非常宝贵;当您想在一个小区域中安装很多按钮时。示例包括在许多桌面应用程序和一些 Web 应用程序中使用的“工具栏”——例如,显示在 StackOverflow 答案文本输入字段上方的按钮!

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

            【讨论】:

              猜你喜欢
              • 2011-09-06
              • 2015-10-29
              • 1970-01-01
              • 1970-01-01
              • 2017-01-13
              • 1970-01-01
              • 1970-01-01
              • 2011-08-12
              • 1970-01-01
              相关资源
              最近更新 更多