User interface 图标应该显示当前状态还是下一个状态？

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

如果您只需要一个按钮在两种状态之间切换，那么该按钮应该代表下一种状态，因为这是单击按钮时将执行的操作

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

---

您也可以尝试像mihi所说的那样，制作一个高亮显示或“按下”的切换，但这可能会更加混乱。

这还没有真正标准化。例如，文件夹图标在打开时显示打开的文件夹，在关闭时显示关闭的文件夹。三角形等也一样

然而，在其他情况下，这并不总是正确的。在电影播放器中，“播放”箭头在电影未播放时显示，并在播放时显示暂停图标。可能要做的事情是使用你最好的判断，然后投票给你的用户。如果你测试的大多数人都被你的图标选择搞糊涂了，就把他们调换一下。然后再次测试它们，看看初始测试是否有效。：）

我更喜欢“下一个状态”方法（单击加号展开，单击减号折叠）。 一个原因是，这是最广泛使用的方法，所以做任何其他事情都会让用户感到困惑（我也一样）。

---

另一个原因是“下一个状态”方法看起来更吸引用户点击。

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

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

如果幸运的话，用户使用图标主要是为了读取状态或设置状态，而不是两者兼而有之。然后让图标指示用户使用它的目的

如果他们真的用它来读取状态和设置状态，你基本上是被套住了，但有几件事你可以尽量减少套牢：

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

> p>如果您的LIB不支持切换图标，则考虑使用复选框控件，如果允许的话。
>P>如果您的LIB不支持复选框，则考虑两个控件，一个设置每个状态，其中禁用当前状态。不太适合读取当前状态，但在下拉菜单中有一些优先级
• 摆弄图形设计或布局，使其与您选择的含义一致。例如：
  • 命令按钮始终标有它们提交的操作，因此，如果图标指示用户所处的状态，则为图标添加一个类似命令按钮的凸起外观。如果图标指示当前状态，则为其提供平坦的外观

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

---

我可以展示Zoom的静音按钮吗：

它以图标形式显示当前状态，并以文本形式显示按下按钮时将发生的操作。换句话说。当前状态和新状态是相反的，因此，除非您仔细阅读，否则按钮似乎自相矛盾

---

（我讨厌那个按钮。）

为什么不同时显示它们和当前状态“按下”？主要是因为我们使用的是第三方图标库，我们的图标没有向上/向下表示的状态。第2项-我发现整个状态与动作的对比也很混乱。如果能够以某种方式将两者结合起来，那就太好了。例如，一个播放/暂停按钮，显示两个符号（表示它同时显示两个符号），但使当前激活的符号“发光”。