图标应显示当前状态还是下一状态？

Question

使用没有文字标题的图标图像时，图标应该代表当前状态还是下一个状态？例如，我有一个文本块，我想最小化/最大化，或者我想切换显示所有用户记录或只是我的记录。我确信任何一方都有令人信服的论据，并且知道一致性是关键，但与直观的用户设计相关的论点是什么？

Answer 1

在这方面既没有标准化也没有普遍的人类倾向。例如，MS Windows UX交互指南指定four basic kinds of toggling progressive disclosure control。四分之三显示激活状态，而一个显示当前状态。

我相信如果你对用户测试一种特定的方法，你会得到不同的结果，具体取决于你的要求。如果你向他们展示一个控件并询问他们应用程序处于什么状态，他们将倾向于读取该图标，就好像它指示了状态一样。如果你向他们展示一个控件并要求他们改变状态（在某些情况下状态已经改变），他们会读取图标，好像它是要实现的状态。正因为如此，他们发明了切换按钮。

如果幸运的话，用户主要使用图标来读取状态或设置状态，而不是两者。然后让图标指示用户使用它的任何内容。

如果他们确实使用它来阅读状态和设置状态，那么你基本上都是软管，但有一些事情你可以尝试最小化软管：

• 除图标外，使用文字或代替图标。当用动词标记（例如，“连接”）时，控件指示用户获得的状态。当用形容词或名词标记时（例如，“在线”），它暗示当前状态。

• 如果你的lib不支持切换图标，那么考虑使用复选框控件，如果允许的话。

• 如果您的lib不支持复选框，则考虑两个控件，一个用于设置每个状态，其中当前状态被禁用。读取当前状态不太好，但在下拉菜单中有一些优先权。

• 摆弄图形设计或放置，使其与您选择的含义保持一致。例如：

  • 命令按钮始终标有他们提交的操作，因此如果您的图标指示用户获取的状态，则为该图标提供一个凸起的外观，如命令按钮。如果图标指示当前状态，则给它一个平坦的外观。

  • 工具栏控件通常显示它们带来的状态，因此如果指示用户获取的状态，则将图标放在窗口的顶部。相反，窗口“工作区”中的图标表示对象或属性，因此那里的图标应显示当前状态。窗口底部的图标（在状态栏中）也应显示当前状态。

Answer 2

这尚未真正标准化。例如，文件夹图标在关闭时显示打开和关闭文件夹时打开文件夹。对于公开三角形等也是如此。

然而，在其他情况下，情况并非总是如此。在电影播放器​​中，“播放”箭头显示电影何时不播放，并在 播放时显示暂停图标。可能要做的是使用您的最佳判断，然后轮询您的用户。如果您测试的人的优势因图标选择而混淆，请将其切换。然后再次测试它们，看看你的初始测试是否成功。 ：）

Answer 3

如果你只想让一个按钮在两种状态之间切换，那么该按钮应代表下一个状态，因为这是按钮在点击时所采取的动作。

您举例说明了最小化/最大化的文本。想想您在Windows中看到的任何可扩展树界面。最小化的树旁边有一个[+]，因为单击该按钮将展开树。由于同样的原因，最大化的树旁边有一个[ - ]。

您也可以尝试按照mihi的说法进行突出显示或“按下”的切换，但这可能更令人困惑。

Answer 4

我更喜欢“下一个状态”方法（点击加号展开，点击减号折叠）。 一个原因是这是最广泛使用的方法，因此做其他事情会使用户（以及我）感到困惑。 另一个原因是“下一个状态”方法看起来更吸引用户点击。

Answer 5

我可以介绍一下 Zoom 的静音按钮吗：

它以图标形式显示当前状态，以文本形式显示按下按钮时将发生的操作。换句话说，the icon on the button is the current state and the label on the button is the new state。当前状态和新状态是对立的，因此除非您仔细阅读，否则按钮似乎自相矛盾。

（我讨厌那个按钮。）