什么是一个好的选项/设置对话框？

Question

当我意识到其中许多涉及某些应用程序的选项对话框时，我正在浏览Worst UI You’ve Ever Used问题。这显然是一个开发人员可以轻易“丢失”的领域，因为通常有大量可用的选项，这些选项很难组织。 （特别是对陈规定型的程序员）

因为我已经准备好为我自己的应用程序设计一个选项对话框，我想知道：什么是一个好的选项对话框？

标签？像Visual Studio一样的分层树视图，有点像标签吗？ （我现在倾向于这个）

你怎么看？

Answer 1

选项窗口往往拥挤，混乱和混乱，使用户很难找到她或他想要的选项。它们经常在设计的最后一刻被抛在一起，而不需要对设计的其余部分进行大量的思考或协调。这就是使他们成为嘲笑的共同目标的原因。这是如何避免这种命运。

限制选项的数量。选项越少，隐藏用户真正想要的内容就越少。

• 将选项限制为适应用户已知个体差异的选项。例如，如果您的用户来自不同的旧系统，您可以选择模拟每个系统的键盘快捷键。
• 即便如此，考虑到强迫少数用户改变习惯可能值得在添加其他选项时产生的混乱中节省可用性。请记住，为所有用户提供单一标准UI有助于用户互相支持。
• 除非您的应用程序具有“好玩”的一面（如Facebook），否则请避免选择琐碎的审美偏好。专注于改善选定用户的任务性能的选项（例如，支持可访问性的选项）。
• 不要使用选项强制用户自己做出设计决策。例如，没有选择控制位置或逐个颜色编码的选项。您的用户不是UI设计人员，几乎在所有情况下，您都可以提供比普通用户更好的设计折衷方案。
• 不要使用选项来设置数据的属性（例如，特定文档的边距）。选项是应用程序的属性，默认情况下应该应用于显示的任何数据。

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

将功能从“选项”窗口移开，并使其靠近用户决定设置选项的位置。不要选择设置默认值，而是使用相同的界面来覆盖默认值。您可以在“打印”对话框中选择“将此打印机设为默认值”按钮。在“视图”菜单中包含“保留视图”菜单项，该菜单项在会话中保留用户为窗口设置的排序顺序，过滤和列选择。或者，考虑自动保留视图 - 窗口大小和位置 - 跨会话，并提供默认视图菜单项以还原它。

如果您有很多选项，请考虑在菜单栏上为它们设置专用的下拉菜单，每个菜单项为每个主要类别的选项打开一个不同的对话框。对话框中的多层选项卡或树是大自然表示“选项”窗口过于复杂的方式。

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

使用Web风格的图形设计，小插图和可视化层次结构，可以在给定面板上更轻松地查找和理解选项。使用字体大小，颜色和/或重量使常用选项显着，同时仍按功能组织所有选项。就像是：

（来源：zuschlogin.com）

鼓励轻松探索和实验选项：

• 选项窗口中选项的复选框和其他控件应立即应用于选择，以便用户可以立即看到每个选项在选中时的影响。应该没有OK和没有Cancel按钮，但只有一个Close按钮（可能还有一个Reset或Undo按钮）。打开典型的“选项”对话框，选择一个选项并单击“确定”是令人沮丧的，只是发现一个设置了错误选项并且必须重新开始。此外，如果用户选择多个选项，点击确定（或应用），最终得到一个完全消失的用户界面，用户将不一定知道哪个选项需要撤消;用户可能甚至不记得所有选择的选项。
• 包括“这是什么？”每个选项的帮助，以便用户可以了解有关选项的作用以及何时应该使用的更多信息。
• 考虑使Option窗口无模式，因此用户可以平移主窗口以更好地查看选项的作用。
• 确保所有选项名称及其同义词都在您的帮助文档中，并确保帮助文档向用户显示确切位置以找到该选项。用户通常可能不知道选项是否存在，或者它是“选项”还是其他类型的命令。

Answer 2

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

主要问题不是压倒观众。选项对话框往往是疯狂的，因为人们把每个选项都放在那里。

拥有一个良好，干净的逻辑分组选项，简单的常见选项，以及“高级”部分使得模糊选项不那么明显通常比特定布局更重要。

Answer 3

我认为这取决于你将拥有多少选项，它们的逻辑分组是什么，它们可以来自哪里（应用程序，外部插件等）Visual Studio使用的树型对话框是一个很好的选择，因为大量选项和许多插件/包中提供了在此对话框中操作的选项。

我见过的常见模式是：

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

Answer 4

没有选项对话框是最好的。

如果你有很多选择，那么使它可搜索真的很有帮助。