我正在使用的软件的窗口对话框之一看起来像这样:(从this coding horror post复制的原始屏幕截图,在this SO question上可用的其他示例)
问题是,所有选项都不能被删除(那些本来可以删除的选项),并且所有这些选项都必须一目了然(即不允许使用任何选项卡)。编辑:我添加了一条注释,解释为什么选项卡不是我的特定项目中的选项。
我曾尝试使用颜色来添加图标,但是这只是总的感觉是,有人在夏季实习期间刚刚使用Visual Studio Form Designer随机放下了控件。
如何在不删除功能的情况下使此对话框更加人性化,从而减少恐惧?
编辑:
我采用的GUI示例有很多明显的设计缺陷(请参见答案1 2),但是即使修复了这些问题(在我正在使用的软件上完成),对话框仍然看起来很漂亮。丑陋。
下面是另一个示例(credit)。控件(几乎)正确排列,使用了适当的控件,等等,但总体效果仍然很糟糕:
(来源:judahhimango.com)
最佳答案
考虑到这些限制,我认为您将没有太多选择。
一个好的出发点是使对齐和控制距离相等,以增加总体对称性,最终目标是减少视觉混乱。
例子:
组框“特殊”和“运行选项”应具有相同的高度。
四个按钮“保存设置”和“退出”之间的距离应相等。
所有按钮应具有相同的高度,如果可能,请避免自动换行。
所有单行编辑框的高度均应相同。
配额标签及其文本字段应位于同一基线。
组框标题与其第一个控件之间的距离应相等(将“运行选项”与“检索选项”进行比较)
通常,增加控件之间的距离,即使表单看起来不太密集。
内容修复:
对相同的东西使用相同的标题/名称。例如,您使用“附加到日志文件”但使用“覆盖日志文件”
使用相同的字符大小写,有时是“仅第一个”,“每个单词”,有时是“使用驼峰大小写”。确定一个方案并使用它(最常见的是句子大小写和标题大小写)
不要试图变得很酷,“ Go 2背景”看起来不是很专业。
避免使用无法读取的快捷方式或根本没有内容的控件。如果用户必须停止对每个控件的思考并认为:“这件事是做什么的?”这并没有帮助。
一些更重大的/有争议的变化:
尝试使组框更加对称,可能将它们重新放置并使用相同的高度。如有必要,请使用两列复选框,这看起来仍比不均匀的组框更好。
除非绝对必要,否则请从两个多行编辑框中删除水平滚动条
摆脱“清除”按钮。对于左下角的列表框,您必须提供其他删除项目的方法,也许也可以将其放入多文本框。
尝试用可检查的列表框或属性网格替换复选框集合。
经验法则:
想象每个控件的边界框的线加长直到到达窗体边界。到达边界的线越少越好。 (因为正确对齐的控件会产生更多的入射线(->唯一性更少的可见线))
关于颜色和图标的使用:
仅添加图标和颜色并不能解决此类表单所具有的根本问题。它们都因控件过多而受苦,添加更多控件只会使问题恶化,因为它们只会添加更多的视觉噪点,而不会提供更多的视觉提示。
关于user-interface - 如何增强带有太多(必要)功能的丑陋 window 形式的美感?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/1486420/