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

Question

当我意识到其中许多涉及某些应用程序的选项对话框时,我正在浏览你曾经使用的最糟糕的UI问题.这显然是一个开发人员可以轻易"丢失"的领域,因为通常有大量可用的选项,这些选项很难组织.(特别是对陈规定型的程序员)

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

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

你怎么看？

Answer 1

选项窗口往往拥挤、混乱且令人困惑，使用户很难找到她或他想要的选项。它们通常在设计的最后一刻被拼凑在一起，而没有经过大量思考或与设计的其余部分协调。这就是为什么他们成为嘲笑的共同目标。这里\xe2\x80\x99介绍了如何避免这种命运。

\n\n

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

\n\n

\n

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

\n

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

\n

• 除非您的应用有 \xe2\x80\x9cplayful\xe2\x80\x9d 一面（如 Facebook），否则请避免选择琐碎的审美偏好。重点关注可提高特定用户的任务绩效的选项（例如，支持可访问性的选项）。

\n

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

\n

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

\n

\n\n

按照用户的看法按功能组织选项。考虑使用卡片分类方法对您的选项进行分类。不要隐藏 \xe2\x80\x9cadvanced\xe2\x80\x9d 选项卡或对话框上不太常用的选项。您可能有每个选项的使用统计信息，但您的用户不会\xe2\x80\x99t。他们\xe2\x80\x99无法知道他们寻找的选项是否是\xe2\x80\x9cadvanced\xe2\x80\x9d，这迫使他们除了其他选项卡之外还搜索“高级垃圾抽屉”选项卡。

\n\n

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

\n\n

如果您有大量选项，请考虑在菜单栏上为它们提供专用的下拉菜单，每个菜单项为每个主要选项类别打开一个不同的对话框。对话框中的多层选项卡或树本质上\xe2\x80\x99s 表明“选项”窗口过于复杂。

\n\n

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

\n\n

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

\n\n

\n _{（来源：zuschlogin.com）}

\n\n

鼓励轻松探索和尝试选项：

\n\n

\n

• 选项窗口中选项的复选框和其他控件应在选择后立即应用，以便用户可以立即看到每个选项被选择后的影响。不应有“确定”和“取消”按钮，而应只有“关闭”按钮（也可能有“重置”或“撤消”按钮）。打开典型的“选项”对话框，选择一个选项并单击“确定”，却发现设置了错误的选项并且必须重新开始，这令人沮丧。此外，如果用户选择多个选项，点击“确定”（或“应用”），最终得到一个完全奇怪的 UI，用户\xe2\x80\x99 不一定知道哪个选项需要撤消；用户甚至可能不记得所有选择的选项。

\n

• 包含 \xe2\x80\x9c 这是什么？\xe2\x80\x9d 每个选项的帮助，以便用户可以找到有关选项的作用以及何时使用的更多信息。

\n

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

\n

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

\n

\n