易于浏览的开发人员UI技巧

Question

每个开发人员应该知道哪些关键UI设计技巧？

虽然为开发人员提供了许多UI资源(例如,Joel Spolsky的程序员用户界面设计),但我更感兴趣的是一个可以在1到2页内进行通信的项目符号列表.

我对更具战术性的日常UI技巧感兴趣,而不是UI设计会议中涵盖的总体UI设计目标(可能至少有一个具有良好UI感觉的人参加).这些技巧的集合可能涵盖了日常程序员遇到的大约80%的案例.

Answer 1

• 使用标准的菜单栏(业余GUI设计师似乎想出于某种原因在这里绘制自己的路线).确保第一项是文件,编辑和查看,最后一项是帮助
• 不要担心颜色主题或皮肤; 坚持与您的平台一致的标准外观
• 使用默认的系统字体
• 使用与您的平台一致的菜单加速器
• 坚持尝试和真实的布局,顶部是菜单栏,底部是状态栏,如果需要,左侧是导航窗格
• 从不做全系统抢夺
• 如果您有选择,请使所有窗口可调整大小.
• 使用radiobuttons组来"选择一个".始终确保默认选中其中一个.如果您希望用户不能选择任何一个,请添加另一个单选按钮以"无选择"
• 使用支票按钮组"选择零或更多"
• 必要时约束输入(即:简单地忽略数字输入字段中的非数字)而不是等待用户输入数据,提交,然后抛出一个对话框,说"嘿,不允许写信!".如果不允许,请不要在第一时间接受它们.
• 你接受的是自由的投入.为了善良,如果他们遗漏了连字符,请不要为SSN字段投放,或者在不想要它们时放入.计算机是智能的,让它弄清楚xxxxxxxxx和xxx xx xxxx和xxx-xx-xxxx都是有效的社会安全号码.
• 总是允许长字段中的空格,例如序列号和诸如此类的东西.如果允许用户将数字分组为三个或四个,则数据质量会提高.如果您的数据模型无法处理空间,则可以在保存数据之前将其删除.
• 避免像瘟疫这样的弹出式对话框.除非你绝对必须,否则不要展示.如果您决定必须,请在继续之前停止并重新考虑您的设计.有时它们是必要的,但那些时间比你想象的要少得多.
• 注意键盘遍历.大多数工具包都试图让它正确,但总是仔细检查.用户应该能够使用tab键以逻辑方式遍历小部件.

当然,所有这些规则都可以被打破.但只有在你出于合理的理由打破它时才能打破它.

请记住,该软件是有帮助的用户,它应该做的事情,他们想要的,而不是让他们做它想要的.

Answer 2

当您即将执行将更改或删除信息的操作时,请不要询问"您确定" - 用户将学习如何单击该按钮作为操作的一部分.尝试在系统设计中允许"撤消".

Answer 3

使默认选择成为大多数用户满意的选择.

Answer 4

始终为您的用户提供一个"出路",无需使用后退按钮.

最好的例子:

如果发生错误,请将它们链接回原来的位置(或者至少可以重新开始).

Answer 5

尽可能使用工具提示.令人惊讶的是,这些小家伙可以为最终用户添加大量帮助,而且他们对应用程序本身并不显眼.

Answer 6

设计UI时，请使其尽可能简单，但不要简单。