GUI设计 - 组合框与列表或RadioButtons

Question

何时应该使用某些GUI元素而不是其他元素？例如，如何在ComboBox，RadioButtons或Listbox之间进行选择？例如，我在同一个面板上看到ComboBoxes用于两个项目以及两个项目的单选按钮。如何维护一个不会让用户感到困惑的持续，直观的GUI界面？

Answer 1

从我记得的MS设计指南中，你应该使用最多四个项目的单选按钮，然后再使用一个组合框。一个考虑因素是组合框隐藏了潜在的数据，而单选按钮总是显示所有选项。单选按钮的缺点是它们占用了大量空间。列表框？我从不使用它们。从逻辑上讲，它们与选择或布局中的单选按钮没什么区别，因此您也可以使用单选按钮。

实际上有一本很棒的书可以解决像你这样的问题。它目前在2nd edition

Handy link for MS UI guidelines in a single page。它实际上并没有直接解决你的问题，但仍然是一个方便的参考。这是一个radio button-specific link。

Answer 2

当一个选项与其他选项互斥时，通常会使用单选按钮。例如，如果您有一组颜色，并且一次只允许一个颜色，则可以使用单选按钮。

Comboboxes支持这种单一选择，但它们也可以通过ctrl +点击一次允许多个选择。

列表框是互斥的，但在选择后比单选按钮更紧凑。

对于GUI一致性，请尝试遵循适用于您的平台（Windows，Mac等）的GUI设计指南

快乐编码，

斯科特

Answer 3

如果一次只能选择一个项目，我会使用最多三个选项的单选按钮。对于四个或更多我会使用组合框。如果可能选择了多个项目，或者用户将经常选择列表中的其他项目，我会切换到一个列表框（允许空间）以最小化所需的点击次数。

Windows User Experience Interaction Guidelines有一些关于various controls的信息，其中每个控件的详细信息页面都包含一个名为“这是否是正确的控件？”的部分。 （建议使用单选按钮最多7种选择）。

Answer 4

没有一条规则可循。有时候它更适合设计。肯定会有一些常识性指导方针 - 你不需要100个单选按钮，只有两个或三个项目的组合框没有多大意义。

但是，基本上，您希望隐藏尽可能少的信息。如果有两种选择，将它们放在组合框中会隐藏未选择的选项。 OTOH，如果你有很多无线电信号，它们占用的空间太大，你可以显示更少的其他控件或其他数据。

与大多数UI问题一样，您需要回答“使程序更易于使用的原因”这一问题。而不是“在这种情况下我应遵循什么规则？”。当然，您提出问题意味着您正在尝试学习使程序更易于使用的原因。仔细考虑你认为使程序更容易使用的东西，然后让少数人使用它并获得他们的反馈。

Answer 5

单选按钮与组合框（下拉列表模式）
如上所述，通常如果您选择的选项大于3或4个项目，则使用组合框。但是，也有例外，因为使用单选按钮一次显示所有选项。这种比较中另一个最重要的考虑因素是选项的动态性。如果有固定数量的选项，则倾向于单选按钮（根据其他指南）。对于动态项目列表，因此在组合框中实现起来要容易得多，因为当您想要添加或删除选项时，不需要进行GUI布局/设计修改。我相信它对用户来说也更直观，因为附加选项应该属于组合框所代表的“组”。您只需要确保新项目属于该组 - 我已经看到完全违反此规则的组合框项目，并且生成的UI几乎无法用于新用户。

<强>列表框
这是一个比单选按钮或组合框更复杂的控件，IMO不能与这些控件中的任何一个直接互换。需要有一个令人信服的理由：（a）显示多个选项，和/或（b）使用多选功能 - 以及在无法使用一系列单选按钮或组合框的情况下必须发生的所有事情。通常，对于对象列表，我将在详细模式中使用ListView，但作为UI的主要部分。单选按钮，组合框和列表框通常支持UI元素。