【问题标题】:What makes a good options/settings dialog box?什么是好的选项/设置对话框?
【发布时间】:2009-10-10 01:23:55
【问题描述】:

我正在浏览Worst UI You’ve Ever Used 问题时,我意识到其中许多涉及某些应用程序的选项对话框。这显然是开发人员很容易“迷失”的领域,因为通常有大量可用的选项很难组织。 (特别是对于刻板的程序员)

既然我准备为我自己的应用程序设计一个选项对话框,我想知道:什么才是好的选项对话框?

标签?像 Visual Studio 这样的分层树视图,其行为类似于选项卡? (我目前倾向于这个)

你怎么看?

【问题讨论】:

    标签: user-interface settings usability


    【解决方案1】:

    选项窗口往往拥挤、杂乱和混乱,使用户很难找到她或他想要的选项。它们通常在设计的最后一分钟被放在一起,没有经过大量的思考或与设计的其余部分协调。这就是使他们成为嘲笑的共同目标的原因。以下是避免这种命运的方法。

    限制选项的数量。选项越少,掩盖用户真正想要的东西就越少。

    • 将选项限制为适应用户已知个体差异的选项。例如,如果您的用户来自不同的旧系统,您可以选择模拟每个系统的键盘快捷键。

    • 即便如此,考虑到强迫少数用户对习惯做出微小的改变可能值得在与添加另一个选项相关的混乱中节省可用性。请记住,为所有用户提供单一标准 UI 有助于用户相互支持。

    • 除非您的应用具有“好玩”的一面(如 Facebook),否则请避免选择琐碎的审美偏好。专注于提高选定用户的任务性能的选项(例如,支持可访问性的选项)。

    • 不要使用选项来强迫用户做出你自己应该做出的设计决定。例如,没有用于选择控制位置或按颜色进行颜色编码的选项。您的用户不是 UI 设计师,在几乎所有情况下,您都可以提出比普通用户更好的设计折衷方案。

    • 不要使用选项来设置数据的属性(例如,特定文档的边距)。选项是 应用程序 的属性,默认情况下应适用于显示的任何数据。

    按照用户看到的功能按功能组织选项。考虑使用card-sort method 对您的选项进行分类。不要在“高级”选项卡或对话框中隐藏不常用的选项。您可能拥有每个选项的使用统计数据,但您的用户不会。他们无法知道他们寻求的选项是否“高级”,这迫使他们除了搜索其他选项卡之外,还要搜索“高级垃圾抽屉”选项卡。

    将功能移出“选项”窗口,使其靠近用户决定设置选项的位置。与其选择设置默认值,不如使用相同的界面覆盖默认值。您可以在“打印”对话框中设置“将此打印机设为默认值”按钮。在视图菜单中包含一个“保持视图”菜单项,该菜单项在会话中保留用户为窗口设置的排序顺序、过滤和列选择。或者,考虑跨会话自动保留视图(甚至窗口大小和位置),并提供默认视图菜单项来恢复它。

    如果您有大量的选项,请考虑在菜单栏上为它们设置一个专用的下拉菜单,每个菜单项为每个主要类别的选项打开一个不同的对话框。对话框中的多层选项卡或树是大自然的说法,您的选项窗口太复杂了。

    专用的选项/首选项下拉菜单也是放置三个或四个自适应/可变菜单项的好地方,这些菜单项可以预测用户希望在给定上下文中设置的选项。例如,当一封电子邮件到达时,会出现一个菜单项,用于设置新电子邮件的警报参数(例如,发出声音、显示通知)。当用户将默认打印机更改为其他内容时,会出现一个菜单项以使新打印机成为默认打印机。

    使用网络风格的图形设计、小插图和视觉层次结构,使选项更容易在给定面板上找到和理解。使用字体大小、颜色和/或粗细来突出常用选项,同时仍按功能组织所有选项。比如:


    (来源:zuschlogin.com

    鼓励对选项进行简单的探索和实验:

    • 选项窗口中选项的复选框和其他控件应在选择时立即应用,以便用户可以立即看到每个选项被选中时的影响。应该没有 OK 和 Cancel 按钮,而只有一个 Close 按钮​​(可能还有一个 Reset 或 Undo 按钮)。打开典型的选项对话框令人沮丧,选择一个选项并点击确定,却发现一个设置了错误的选项并且必须重新开始。此外,如果用户选择了多个选项,点击 OK(或 Apply),最终得到一个完全古怪的 UI,用户不一定知道需要撤消哪个选项;用户甚至可能不记得所有选择的选项。

    • 包括“这是什么?”每个选项的帮助,以便用户了解有关选项的作用以及何时使用的更多信息。

    • 考虑使选项窗口无模式,以便用户可以在主窗口周围平移,以更好地查看选项的作用。

    • 确保所有选项名称及其同义词都在您的帮助文档中,并确保帮助文档准确地向用户显示在哪里可以找到该选项。通常用户可能不知道选项是否存在,或者它是“选项”还是其他类型的命令。

    【讨论】:

      【解决方案2】:

      使最常见的选项易于查找,高级选项“可选”甚至可以查看...隐藏 99% 的用户不会关心的选项非常有效。

      主要问题不是压倒观众。选项对话框往往很疯狂,因为人们把所有可用的选项都放在那里。

      拥有一个良好、清晰的选项逻辑分组,常用选项简单,“高级”部分使晦涩的选项不那么引人注目,通常比特定布局更重要。

      【讨论】:

      • 我认为这也有助于为高级用户提供“黑客”体验:配置
      【解决方案3】:

      我认为这实际上取决于您将拥有多少选项,它们的逻辑分组可以是什么,以及它们可以来自哪里(应用程序、外部插件等)。Visual Studio 使用的树形对话框是不错的选择,因为有大量选项和许多提供在此对话框中操作的选项的插件/包。

      我见过的常见模式有:

      1. Visual Studio 类型对话框(树视图)。
      2. Word/Office 选项对话框(尤其是在 Office 2007/2010 中)。
      3. 标准选项卡式对话框(只有少量(少于 4 个)选项卡的好选项)。
      4. 带有使用组框(标准 .NET 样式或 Office 样式)分组的选项的单个对话框。这仅适用于少数选项。

      【讨论】:

        【解决方案4】:

        最好没有选项对话框。

        如果您确实有很多选择,那么将其设为可搜索真的很有帮助。

        【讨论】:

        • 除了最简单的应用程序之外,我不明白如何省略选项。除非你说的是让用户编辑配置文件。
        • @Ortzinator 您只需决定什么是用户的最佳选择。避免配置。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-11-06
        • 2012-01-01
        • 1970-01-01
        相关资源
        最近更新 更多