使用不带文字说明的图标图像时，图标应该代表当前状态还是下一个状态？例如，我有一个文本块，我想最小化/最大化，或者我想切换显示所有用户记录或只显示我的记录。我确信双方都有令人信服的论据，并且知道一致性是关键，但与良好的直观用户设计相关的论据是什么？
【问题讨论】：
标签： user-interface icons
在这方面既没有标准化也没有普遍的人类倾向。例如，MS Windows UX 交互指南指定four basic kinds of toggling progressive disclosure control。四分之三显示激活时的状态，而一个显示当前状态。
我相信，如果您对用户测试特定方法，您会得到不同的结果，具体取决于您提出的问题。如果你向他们展示一个控件并询问他们应用程序处于什么状态，他们会倾向于阅读图标，就好像它在指示状态一样。如果您向他们展示一个控件并要求他们更改状态（在某些情况下状态已经更改），他们将读取图标，就好像它是要实现的状态一样。正是因为如此，他们才发明了切换按钮。
如果幸运的话，用户主要使用图标来读取状态或设置状态，而不是两者兼而有之。然后让图标指示用户使用它的任何用途。
如果他们确实使用它来读取状态和设置状态，那么您基本上已经被水洗了，但是您可以尝试一些事情来尽量减少水洗：
在图标之外或代替图标使用文本。当用动词标记时（例如，“连接”），控件指示用户获得的状态。当用形容词或名词标记时（例如，“在线”），它意味着当前状态。
如果您的库不支持切换图标，那么在允许的情况下考虑使用复选框控件。
如果您的库不支持复选框，请考虑两个控件，一个用于设置每个状态，其中当前状态为禁用。不太适合读取当前状态，但在下拉菜单中有一些优先级。
调整图形设计或布局，使其与您选择的含义保持一致。例如：
命令按钮始终标有它们提交的操作，因此如果您的图标指示用户所获得的状态，那么请为图标提供像命令按钮一样的凸起外观。如果图标指示当前状态，则给它一个扁平的外观。
工具栏控件通常会显示它们带来的状态，因此如果指示用户获得的状态，请将图标放在窗口顶部。相反，窗口“工作区”中的图标表示对象或属性，因此那里的图标应该显示当前状态。窗口底部（状态栏中）的图标也应显示当前状态。
【讨论】：
这还没有真正标准化。例如，文件夹图标在打开时显示打开的文件夹，在关闭时显示关闭的文件夹。披露三角形等也是如此。
但是，在其他情况下，这并不总是正确的。在电影播放器中，“播放”箭头会在电影未播放时显示，而在播放时显示暂停图标。可能要做的事情是使用您的最佳判断，然后调查您的用户。如果您测试的大部分人对您的图标选择感到困惑，请切换它们。然后再次测试它们，看看您的初始测试是否成立。 :)
【讨论】：
如果您只需要一个按钮在两种状态之间切换，那么该按钮应该代表下一个状态，因为这是按钮在单击时将执行的操作。
您给出了最小化/最大化文本的示例。想想您在 Windows 中看到的任何可扩展树界面。最小化的树旁边有一个 [+]，因为单击该按钮将展开树。出于同样的原因，最大化的树旁边有一个 [-]。
您也可以尝试像 mihi 所说的那样进行突出显示或“按下”的切换，但这可能会更令人困惑。
【讨论】：
我更喜欢“下一个状态”的方法（点击加号展开，点击减号折叠）。 一个原因是这是最广泛使用的方法，所以做任何其他事情都会让用户感到困惑（我也是）。 另一个原因是“下一个状态”方法看起来更吸引用户点击。
【讨论】：
我可以介绍一下 Zoom 的静音按钮吗：
它以图标形式显示当前状态，以文本形式显示按下按钮时将发生的动作。换句话说，the icon on the button is the current state and the label on the button is the new state。当前状态和新状态是相反的，因此除非您仔细阅读，否则按钮似乎会自相矛盾。
（我讨厌那个按钮。）
【讨论】：