【问题标题】:GUI Design - ComboBoxes Versus Lists or RadioButtons [closed]GUI 设计 - 组合框与列表或单选按钮 [关闭]
【发布时间】:2010-01-03 08:18:05
【问题描述】:

什么时候应该使用某些 GUI 元素而不是其他元素?例如,如何在 ComboBox、RadioButtons 或 Listbox 之间进行选择?例如,我在同一个面板上看到了用于多达两个项目的组合框和用于两个项目的单选按钮。您如何维护一个不会让用户感到困惑的恒定、直观的 GUI 界面?

【问题讨论】:

    标签: user-interface language-agnostic combobox listbox radio-button


    【解决方案1】:

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

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

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

    【讨论】:

    【解决方案2】:

    当一个选项与其他选项互斥时,通常会使用单选按钮。例如,如果您有一组颜色并且一次只允许使用一种颜色,那么您将使用单选按钮。

    组合框支持这种单选风格,但它们也允许通过 ctrl+单击一次进行多个选择。

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

    为了 GUI 的一致性,请尝试遵循适用于您的平台(Windows、Mac 等)的 GUI 设计指南

    编码愉快,

    斯科特

    【讨论】:

      【解决方案3】:

      如果一次只能选择一个项目,我会使用最多三个选项的单选按钮。对于四个或更多,我会选择一个组合框。如果可以选择多个项目,或者如果用户会频繁选择列表中的其他项目,我会切换到列表框(空间允许)以尽量减少所需的点击次数。

      Windows User Experience Interaction Guidelines 有一些关于various controls 的信息,其中每个控件的详细信息页面包含一个名为“这是正确的控件吗?”的部分。 (建议使用最多 7 个选项的单选按钮)。

      【讨论】:

        【解决方案4】:

        没有单一的规则可以遵循。有时它只是更适合设计的那个。当然有一些常识性的指导方针需要遵循——你不想要 100 个单选按钮,而且只有两个或三个项目的组合框没有多大意义。

        不过,基本上,您希望尽可能少地隐藏信息。如果有两个选项,将它们放在组合框中会隐藏未选择的选项。 OTOH,如果您有很多单选按钮,它们会占用太多空间,以至于您显示的其他控件或其他数据更少。

        与大多数 UI 问题一样,您需要回答“是什么让程序更易于使用?”的问题。而不是“在这种情况下我应该遵循什么规则?”。当然,您提出这个问题的事实意味着您正在尝试了解是什么使程序更易于使用。认真思考一下认为什么会使程序更易于使用,然后让一小部分人使用它并获得他们的反馈。

        【讨论】:

          【解决方案5】:

          单选按钮与组合框(下拉列表模式)
          如前所述,通常如果您的选择选项大于 3 或 4 个项目,则使用组合框。但是,也有例外,因为使用单选按钮会同时显示所有选项。此比较中另一个最大的考虑因素是期权的动态性。如果有固定数量的选项,则倾向于单选按钮(遵守其他准则)。对于项目的动态列表,作为组合框实现要容易得多,因为当您想要添加或删除选项时,不需要修改 GUI 布局/设计。我相信它对用户来说也更直观,因为附加选项应该属于组合框所代表的“组”。您只需要确保新项目属于该组 - 我见过完全违反此规则的组合框项目,并且新用户几乎无法辨认生成的 UI。

          列表框
          这是一个比单选按钮或组合框复杂得多的控件,而且 IMO 不能与这些控件中的任何一个直接互换。需要有一个令人信服的理由来 (a) 显示多个选项,和/或 (b) 使用多选功能——所有这些都必须在无法使用一系列单选按钮或组合框的情况下发生.通常,对于对象列表,我将在详细信息模式下使用 ListView,但作为 UI 的主要部分。单选按钮、组合框和列表框通常支持 UI 元素。

          【讨论】:

            猜你喜欢
            • 2015-01-28
            • 2011-11-03
            • 2013-10-24
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2021-05-21
            相关资源
            最近更新 更多