消息框.docVIP

消息框（message box）是一种特殊的对话框，它用于向用户反馈特定的信息。消息框一般有3个组成部分： （1）一个图形标志，用来表示消息类型； （2）一段消息文本，用来描述内容； （3）对应的命令按钮； 常见的消息框有以下4类： 确认消息框 告警消息框 通知消息框 过程消息框 实现上述消息框几乎没有任何技术难度，但是软件人员经常编写出“劣质”的消息框，例如措词生硬、幼稚、蹩脚，甚至有文字、语法错误；消息文本、图形标志和命令按钮在语义上不一致。真是让人哀叹！ 本章讲述各种消息框的设计规则，给出示例。让我们（软件开发人员）来点专业精神，把“消息框”这类小事情做好，免得贻笑大方。 7.1 确认消息框 当用户执行一项重要操作时（例如删除数据），为了避免误操作，软件应当弹出一个确认消息框，请用户确认是否真的执行该操作。如果用户按下“确认”（是）按钮，那么继续执行；如果用户按下“取消”（否）按钮，那么停止执行。 Windows客户端软件的确认消息框模式如图7-1（a）所示，示例见7-1（b）。 图7-1（a） Windows客户端软件的确认消息框模式 图7-1（b） Windows客户端软件的确认消息框示例：删除文件 对于Web软件的确认消息框，一般有两种实现方式： 第一种方式是直接调用JavaScript的标准函数confirm，输入唯一的参数“一段消息文字”，产生固定模式的确认消息框，如图7-2所示。confirm函数返回true 或者false，程序示例如下。 var flag = confirm(Click OK to continue. Click Cancel to stop.); if (flag) alert(continue); else alert(stop); 图7-2 用confirm函数实现的确认消息框 第二种方式是，程序员使用HTML和JavaScript语言编写个性化的确认消息框。例如Hotmail中删除邮件的确认对话框就是定制开发的，如图7-3所示。 图7-3 个性化的确认消息框 显然第二种方式要比第一种方式复杂得多，不仅编程麻烦，而且有出错的风险。对于普通Web应用软件的确认消息框而言，我们学会正确使用confirm模式对话框就可以了。 确认消息框的消息文本很重要（可惜很多程序员乱写一气），基本规则如下： （1）消息文本本身不能有错字或者语法错误。 （2）消息文本只能用一般疑问句，不能用复杂的、让人迷惑的句式。 （3）消息文本给出充分必要的信息，让用户知道他将干什么，以及有什么后果。 （4）消息文本应当和命令按钮在语义上保持一致。 良好的确认消息框的示例如图7-4所示。 图7-4 良好的确认消息框示例 差的确认消息框的示例如图7-5所示。 图7-5 差的确认消息框示例 7.2 告警消息框 告警消息框的用途是及时告诉用户“操作失败、运行错误”等消息。告警消息框的模式如图7-6（a）所示，示例见图7-6（b）。 图7-6（a） 告警消息框模式 图7-6（b） 告警消息框的示例 JavaScript提供了告警消息框的标准函数alert，输入唯一的参数“告警消息文字”，即可产生固定模式的告警消息框，如图7-7所示。程序示例如下： alert(这是用alert函数实现的告警消息框); 图7-7 用alert函数实现的告警消息框 使用告警消息时一定要注意措词，基本规则如下： （1）告警消息应当详细并且清晰明了，让用户明白发生了什么事情；不能光显示“错误”两字，没头没脑。 （2）告警消息最好采用被动语态，避免指责用户，不要出现诸如“你不能…”、“你不该…”的语句。 差的告警消息框示例如图7-8所示。 图7-8 差的告警消息框示例（没头没脑，指责用户） 良好的告警示例如图7-9所示。 图7-9 良好的告警消息框示例（采用被动语态，说明了出错原因） 过多的告警消息框会影响用户的心情，而且会让用户觉得软件到处是毛病。在设计软件的时候，要尽量避免用户发生错误的操作，从而减少告警消息框。下面是有效的方法： 禁用（disable）或隐藏在当前状态下用户不该操作的界面元素，可以防止用户误操作。 尽可能采用带有数据校验的控件，防止用户输入错误的数据。 提供合适的默认值，减少出错的概率。例如：对于时间域，一般来说取当前日期作为默认值，可以提示用户按照正确的格式输入。 尽可能使用“选择数据”取代“手工输入数据”，不仅减少出错的概率，而且提高交互的效率。例如，如果需要输入日期，最好允许用户使用日期控件，如图7-10所示。 图7-10 在输入日期时采用日期控件  7.3 通知消息框 通知消息框的用途是及时告诉用户“谁在什么时候干了什么事情”，这个通知不需要用户确认。通知消息框的模式如图7-11所