切换按钮与图像更改按钮

Question

何时使用此功能以及何时使用其他功能？我个人认为，要在两种不同的模式之间切换，应该使用切换按钮，但我需要说服一些人在工作。关于这个主题的任何正式的UI文献？感谢

Answer 1

我没有您的参考资料，但作为用户，我可以告诉您我的期望。

我希望按钮在您将一个动作替换为另一个动作时更改图像，因为您进入了另一个模式。这与保存工具栏等中的不动产非常相关。例如，可以有一个专用的播放按钮和一个始终被禁用的停止按钮。使用一个按钮可以节省空间，因为在任何时候都不会启用。

当您启用或禁用一种模式时，我希望正常的按下/未按下切换按钮。这方面的一个例子是Eclipse中的“Toggle Mark Occurrences”。取消按下该切换按钮不会构成新操作，而是禁用活动模式。

Answer 2

我倾向于使用切换按钮（“on”时按下“按下”的按钮），而不是交换图像或标签作为命令按钮。我不能引用任何正式的文献，但我的印象是它更容易预测激活产生的动作和阅读当前状态。切换按钮的外观和行为与物理切换按钮开关（如旧物理磁带录像机上的播放按钮）一致。它还与选项按钮，复选框和状态菜单项一致，它们都通过外围图形设计而不是标签来指示它们的肯定状态。当控件看起来像命令按钮（凸起的外观）时，它被标记为命令按钮，该标签指示像任何命令按钮一样提交的动作（例如，“连接”）。当它看起来像一个状态指示器（凹陷，就像一个文本框）时，它的标签显示其当前状态（已连接）。

只有当进程有简单的True和False状态时才应使用单个切换按钮（例如，已连接或未连接）。否则，您需要两个或更多“分段控件”（邻接切换按钮）以模糊地指示备选方案（例如，正向与反向）。这类似于使用两个选项按钮代替复选框。

如果使用明确指示激活时提交的操作的 text 标签，则交换标签以指示按钮操作中的更改可以起作用（例如，“连接”和“断开连接”）。虽然播放/暂停按钮是事实上的标准，但我会避免使用图标或图像，因为它可能会使用户混淆标签是否指示当前状态或他们所处的状态激活（即相反）。有按钮可以做其中一个，所以用户不能依赖经验。一个图像不是一个明显的动词或形容词，因此用图像标记等于使用“在线”和“离线”等文本标签。即使做得正确，交换标签的缺点是用户需要做一个奇怪的心理转换阅读肯定状态（“它说我可以断开连接，因此我现在必须在线”）。它也可能意味着你需要一个更多的标签。