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

Question

我在浏览Worst UI You’ve Ever Used问题，当时我意识到他们中的很多人都涉及到某些应用程序的选项对话框。这显然是一个开发人员可以很容易“迷失”的领域，因为通常有很多可用的选项难以组织。 （特别是对于刻板编程人员）

所以，因为我准备为自己的应用程序设计一个选项对话框，所以我想知道：什么使得一个很好的选项对话框？

制表符？像Visual Studio这样的层次结构树视图就像标签一样行为？ （我目前正在倾向于此）

你觉得呢？

Answer 1

选项窗口倾向于拥挤，混乱和混乱，使用户很难找到他或她想要的选项。他们经常在设计的最后一刻被抛在一起，没有与设计的其余部分进行大量的思考或协调。这使他们成为嘲笑的共同目标。以下是如何避免这种命运。

限制选项的数量。选项越少，朦胧用户真正想要的东西就越少。

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

• 即便如此，考虑到迫使少数用户做一个小习惯的改变，可能值得在添加另一个选项时产生混乱的可用性节省。请记住，为所有用户提供一个标准用户界面可以帮助用户相互支持。

• 除非你的应用程序有一个“俏皮”的一面（如Facebook），避免选择微不足道的审美偏好。专注于改进选定用户的任务绩效的选项（例如，支持辅助功能的选项）。

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

• 请勿使用选项来设置数据的属性（例如，特定文档的边距）。选项是应用程序的属性，默认情况下应用于显示的任何数据。

按功能组织选项，如用户看到它。考虑使用card-sort method对您的选项进行分类。不要在“高级”选项卡或对话框中隐藏较少使用的选项。你可能有每个选项的使用统计数字，但你的用户不会。他们无法知道他们寻找的选项是否“高级”，强制他们除了搜索其他选项卡外，还要搜索高级垃圾抽屉选项卡。

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

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

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

使用网络风格的图形设计，小插图和视觉层次结构，使选项更易于在给定面板上查找和理解。使用字体大小，颜色和/或重量使常用选项突出显示，同时仍按功能组织所有选项。喜欢的东西：

Section headings in large font. Common options in bold print http://www.zuschlogin.com/content/blogimages/27/OptionsVariability.gif

鼓励的选项很容易的探索和实验：

• 的复选框和其他控件在选项窗口选项应该立即适用于选择，以便用户可以立即看到的影响每个选项的选择。应该没有确定和没有取消按钮，但只有一个关闭按钮（也可能有一个重置或撤消按钮）。打开典型的选项对话框，选择一个选项并点击确定，只是为了找到一个设置了错误的选项，并且必须重新开始。另外，如果用户选择多个选项，点击确定（或应用），并且以完全破坏的UI结束，则用户不一定知道哪个选项需要被撤消;用户甚至可能不记得所有选择的选项。

• 包括“这是什么？”每个选项的帮助，以便用户可以找到更多关于选项和应该何时应用的信息。

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

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

Answer 2

让最常见的选项很容易找到，而高级选项“可选”甚至可以查看...隐藏选项99％的用户不会关心它是非常有效的。

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

拥有一个良好的，干净的逻辑分组选项，并且常用选项很简单，而“高级”部分使得隐藏选项不太明显通常比特定布局更重要。

Answer 3

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

，我见过的常见模式是：

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

Answer 4

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

如果你确实有很多选择，使其可搜索真的很有帮助。