软件界面设计

 

注：这是PowerPoint提纲。是为特定项目的实际情况准备的，因此有些个别原则是特别引入的，而通常我们并不提及这些过于基础的东西（真是惭愧啊）。

本文是对界面设计前辈们的研究成果的体会和应用，正确的功劳归前辈们，领会错了的责任在我。

另：XProgrammer是一本电子杂志，可免费下载 www.umlchina.com，很遗憾只出了51期。

软件界面设计
编写：zb++
2006-12-5
宣传标语
界面就是软件，或者说软件就是界面——对用户来说
界面设计不是美工
界面是需求的一部分——需求规格说明书
以人为本
XProgrammer——非程序员
提纲：原则
一致、一致、一致
不该一致的不要一致
简单任务简单化
直观
谨慎使用色彩和字体
简洁、分组、灰掉
安全

 

提纲：界面规范
细节决定成败
界面一致性
向导的使用
界面响应时间
帮助系统
出错和警告信息
交互原则
信息显示原则
数据输入原则

 

跳舞的熊
人们看见跳舞的熊都非常激动，因为一只熊居然可以跳舞，然而跳得怎么样，没有人在意。
奇迹并不在于熊跳得好坏，而在于熊一直在跳。

出自《软件创新之路》，作者：[美] Alan Cooper（VB之父）
基本原则：一致
一致，一致，还是一致。你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说，如果双击其中的项，使得某些事件发生，那么双击任何其它列表框中的项，都应该有同样的事件发生。所有窗口按钮的位置要一致，标签和讯息的措辞要一致，颜色方案要一致。用户界面的一致性使得在用户对于界面运作建立起精确的心理模型，从而降低培训和支持成本。
建立标准并遵循之。在应用软件中保持一致的唯一途径就是建立设计标准并加以遵循。最好的办法是采取一套行业标准，对自身特殊的需要加以补充。已有的行业标准，如IBM标准(1993)与Microsoft标准(1995)，通常可满足95％到99％的需要。采用行业标准，只需利用已有的成果，也使你的应用软件看起来或感觉上更象用户已购买或建立的其它应用软件。
接过微软的枪……
根据一致性原则，遵循Windows界面风格是最合算的（娱乐软件不在此例）。
除非确信你的新设计绝对必要，否则不要发明你自己的界面规范。
君君臣臣父父子子——菜单菜单按钮按钮树树列表列表
原则：不把不一致的东西一致化
看起来一致的东西必须有内在的一致性
内在不一致的东西看起来就应该不同
不要为了“美观”把输入元素宽度设为相同，编辑框宽度与可输入字符数相关
不要把复杂控件简单化当作简单控件使用
“排列整齐”是符合逻辑和适当分组之后的要求
原则：不把简单任务复杂化
典型界面设计误区。随着软件功能的复杂化，简单任务的操作也变得复杂化。
维持简单任务简单化意味着更大的编码量。
程序员恨这个原则。
界面不再由程序员设计。
原则：符合业务逻辑，直观
符合业务逻辑是直观、易用的基础
违背业务逻辑一切都是扯淡
目标：不需要看说明书就能使用
确切理解业务，由此方可理解用户需要
从用户/业务角度而不是程序设计角度设计操作方式
原则：谨慎使用色彩和字体
未经专家审核不要轻易使用复杂的色彩和字体，保持默认色彩至少不会错
使用尽可能少的色彩，换一台机器效果会变化，标准色彩最通用
照顾色盲用户，附加字体或符号进行强调
使用可读性好的字体
使用尽可能少的字体
原则：简洁、分组、灰掉
没有多余无用的东西干扰用户的注意力
正确地用空白、分组框等对界面元素按照功能或逻辑分组
暂时不可用的应灰掉而不是隐藏
不可编辑的应只读而不是灰掉
改变窗体大小时不可改变界面元素的相对位置（用户心理模型）
没有不必要的弹出消息框
原则：防止用户犯错
是人都会犯错
软件应帮助人，而不是给人惹麻烦
好的界面不容易误操作
业务上错误的数据不允许录入
尽量给用户提示
支持Undo和Cancel
默认按钮不应当是灾难性的，如删除
细节决定成败
凡事就怕“认真”二字
界面处处是细节
用户界面无小事，大到窗体布局、业务模式，小到按钮大小、字体颜色，都关乎用户体验
制定界面规范
是界面设计的依据
保证界面风格的一致性
一致性带来易用性
易用性节省培训成本
易用性降低维护成本
界面一致性
显示信息一致：字体、大小、颜色、对齐
布局合理：重要的和应先输入的在前，TAB顺序从左到右、从上到下
鼠标和键盘操作对应，支持全键盘操作
快捷键：跟操作系统的惯例一致，系统内必须一致
不可改变标准界面元素的使用方式
向导的使用
必须用于固定流程
流程不能少于三个
向导必须是完整的，向导结束则业务全部完成
向导要避免因基础数据不足而业务操作失败，要么允许在向导内增加所需数据，要么不要启动向导
向导执行失败是最糟糕的用户体验之一
界面响应时间
耗时操作要有进度条或沙漏
长时间的动作完成要有提示
允许取消长时间的操作
执行时间太短而执行效果界面上不容易表现的可增加鼠标动画以拖延时间
帮助系统
状态栏提供一定的帮助
菜单提供的完整帮助系统
F1提供的上下文相关帮助
对话框上的“这是什么”按钮
鼠标指在上面显示的小提示
界面空白处用文本提供的特定操作指导
出错和警告信息
使用用户可理解的文字
提供解决问题的参考意见
指出错误的可能后果
正确使用提示图标
语言温和，不能带有判断色彩，不能指责用户。
交互原则
数据显示方式一致
操作有有意义的反馈
对数据有重要影响的操作要要求确认
允许撤销操作
要求用户记忆的信息最小化
界面布局符合逻辑
动作分类符合逻辑
允许用户犯错误，系统可以恢复
信息显示原则
只显示上下文相关的信息
不显示不必要的信息，次要信息可通过附加操作获得
用合适的色彩、标记显示特定含义
屏幕不能过度拥挤
选择最佳的界面元素
数据输入原则
符合业务约束
输入和显示一致
尽量减少用户输入，尽量利用缺省值
交互灵活，支持快速输入，如自动跳到下一个输入点
不要求输入程序可以推算出来的数据
为所有输入提供帮助
结语：Next Step
Windows界面规范不是最佳的
Mac界面至少是更好的
下一代界面以用户为中心，将提供全新的用体验，一切都显而易见，任何人都不再需要学习软件使用（不包括业务知识）