用户界面设计规范目录1设计原则 (2)1.1 一般原则 (2)1.2 屏幕格式设计原则 (3)1.3 输入过程设计原则 (3)1.4 信息显示设计原则 (3)1.5 提示信息设计原则 (3)1.6 报表设计原则 (4)1.7 菜单设计原则 (4)1.8 操作方法原则 (4)2. 屏幕格式 (4)2.1 版权屏幕 (4)2.2 登录屏幕 (5)2.3 单记录录入窗口 (5)2.5 多记录录入窗口 (5)2.4 查询列表窗口 (6)2.5主/细数据录入窗口 (6)2.6命令按钮格式 (6)3报表格式 (7)用户界面设计是软件开发中非常重要的一环,开发者应高度重视。
界面设计是一个实践性非常强的艺术,下面给出的规则是一般性的,有时它们之间可能发生冲突。
在具体的应用设计过程中,设计者应进行权衡,不断地与同伴和用户进行沟通,以确保设计的合理性。
1设计原则1.1 一般原则●界面的功能界面是用户完成自己业务工作的工具。
界面应该有益于用户的任务,而不是引起对它本身的兴趣。
界面中不应包含与任务无关的内容。
●界面类型的选择用户界面可以有对话(问答)、菜单、全屏幕表格、命令语言等多种形式。
不同的形式在用途、使用及学习的难易程度上各具特点。
设计者可根据用户的类别(初学者,熟练者)、使用的频度(日常使用,偶尔使用)、开发的难易程度来选取一种或多种形式。
对日常使用的功能,应主要从易于使用的角度考虑;对偶尔一用或是较高级用户使用的功能,可从开发的容易程度方面考虑。
●用户控制应用程序的对话和处理过程应为用户提供足够多的选择,以满足用户按其期望的方式控制程序流向的需要,即用户控制程序。
程序应避免强加给用户某一动作,即程序控制用户。
比如:在打印过程中,程序应允许用户中断打印,以处理夹纸等故障,而不能强迫用户打印完成后再获得控制。
●直接性界面应该给用户直接的、直观的方法来完成任务。
较好的方法是,用户先选取要操作的对象,然后,再选择对该对象进行何种操作。
●一致性一致性包含两层含义:与现实世界的一致性,应用程序内部及应用程序与应用程序之间的一致性。
首先,程序中所使用的概念、符号应与用户的现实经验相一致;其次,在程序内部及程序之间,在概念、符号、命令、外观、操作上保持一致。
●反馈性对一个操作,用户应得到立即的、可见的反馈信息。
特别是在响应时间特别长的情况下,程序应将正在做什么及正在做的任务进度的信息告诉用户,以使用户明白,程序仍然在按照要求工作。
●宽容性当发现用户的操作有错误或可能发生不良后果时,程序应客观地提示用户,并允许用户终止当前的操作。
●减少用户工作量应尽可能地减少用户操作界面时的工作量。
如:一步可以完成的决不使用两步;能够自动完成的,就不要用户击键。
●恰当地设置默认值对具有明显倾向的选择,尽可能提供默认值。
为防止用户误操作,默认值应是各种选择中后果较安全的一个。
1.2 屏幕格式设计原则●格式化的屏幕应包括四个部分:标题、菜单、数据区、提示信息区。
其中菜单可选。
●屏幕中的内容应按照信息的相关性或使用顺序进行分组,各组间应有明显的分界标志。
●一个屏幕中用于显示信息的面积,一般不要超过屏幕总面积的40%。
●对屏幕中重要的数据要进行强化,以吸引用户注意力。
强化的手段包括:闪烁、高亮、颜色、字符形状、字符大小、阴影、加框(线)等。
但应注意,屏幕中强调的内容不能太多,否则会适得其反。
●一个屏幕中,显示使用颜色的数目不要超过5或6种。
常用颜色的约定:红色为危险或停止,黄色为警告。
●数据输入区应当左侧对齐,当一行中有多个输入区时,每行的右侧也尽可能对齐。
1.3 输入过程设计原则●明确的输入:只有当用户按下输入接受键时,才确认输入,以便于用户在输入过程中纠错。
●明确的移动:要使用TAB键在输入项目之间显式移动光标,不要使用自动跳跃/转换。
●明确的取消:如果用户中断一个输入过程,已经输入的数据(即使是当前正输入的字段)也不应删除,以备用户选择是否删除。
●确认删除:当进行删除操作时,应让用户确认。
●保存提示:如果用户修改了数据,在退出输入时,尚未保存,则应提示用户保存。
●允许编辑:在输入的过程中或完成后,都应允许以录入相同的方式进行编辑。
●自动格式化:例如,对前导零之类的格式字符,用户可以不必输入,而由界面自动转换。
●数据校验:对录入的数据要进行合法性校验。
没有通过校验的,不能进行下一个录入,这时可选择取消或联机帮助。
1.4 信息显示设计原则●仅显示必须的数据,与用户需求或当前任务无关的数据一律省略。
●相关的数据应显示在一起。
●应尽量少用代码。
●日期的显示格式为“YYYY-MM-DD”,时间的显示格式为“HH24:MM:SS”。
1.5 提示信息设计原则●提示信息用语要简单易懂,不要使用计算机专业术语,如:“记录插入成功”不如“数据已保存”直观易懂。
●用肯定句,不要用否定句。
如:“字符串格式不正确”不如“字符串应由字母数字组成”。
●提示信息要礼貌,但不要过分。
●出错提示应尽可能详细地指定出错位置和错误原因。
如:“数据库操作错误”不如“住院号重复”清晰具体。
●错误信息不要暗示用户做错了什么,而要客观地叙述问题,提供可能的解决办法。
1.6 报表设计原则●用途明确。
每个报表要反映一个问题或主题。
●每个报表必须有一个标题,标题应安排在中间。
●根据相关内容将行分成组,列组成块,以利于清晰阅读。
一般每3~5行应使用空行分隔。
●根据用户的需求与阅读顺序安排组与块。
●字符靠左对齐,数字靠右对齐,有小数时则对齐小数点。
●两列的间隔不小于三个空格。
●如果报表有多页,每页应加页码。
●每次打印报表,都要给报表加上打印日期和时间。
1.7菜单设计原则程序中可使用下拉、级联和弹出式菜单。
级联不超过3层;菜单项的说明应简单明了;按相近或相关的原则将各选择项分组排列;菜单项设置快捷键;常用的选项可设置图标。
1.8操作方法原则●应用程序除了提供鼠标操作方式外,还要提供在无鼠标时,完全靠键盘也能操作。
●鼠标的操作方法有单点左键、双点左键和单点右键。
在菜单、命令按钮等功能选择时,单点左键表示确认执行;在数据上单点左键表示选择,双点左键表示选择并确认;单点右键表示与点中对象相关的属性或功能选择、提示帮助。
●录入字段间光标的移动一般使用TAB键和SHIFT+TAB键。
特殊情况下,也可考虑同时提供ENTER键。
2. 屏幕格式2.1 版权屏幕应用程序启动后首先出现版权屏幕——系统名称及版权显示。
停留3秒钟左右,自动转入下一屏幕。
XX单位信息系统标志子系统(程序)名称版本号版权所有2.2 登录屏幕登录屏幕完成向数据库系统的登录,紧跟版权屏幕之后出现。
格式如下图所示。
用户按确认键后,即以给定的用户名和口令向数据库系统登录。
如果登录成功,自动关闭本屏幕;如果失败,再次提示用户输入用户名及口令,最多可重复三次。
如果用户按取消键,则退出程序运行。
说明:用户名,12点宋体字,8位字母数字组成。
口令,12点宋体字,8位字母数字组成。
2.3 单记录录入窗口单记录录入窗口又称自由格式录入窗或卡片式录入窗,窗口中每次只出现一条记录。
窗口背景色推荐使用灰色,各录入字段的标号(label)提示使用黑色、宋体、大小12点阵,不加特殊边框。
录入域为醒目起见,使用白底黑字,大小12点阵,使用立体下凹边框。
对仅显示的数据域,区别于录入域,不使用立体下凹边框,其他与录入域相同。
窗口一般应设置保存、清屏、关闭功能。
根据需要,窗口可包含查询功能,一般情况下,查询条件应对应唯一的一条记录。
如果查询条件可以对应多条记录,则应按多记录录入窗口处理。
设置查询功能的同时,可根据需要设置删除功能。
各功能定义如下:窗口打开:出现一空的录入窗口,等待接收数据。
保存:将录入或修改内容存入数据库。
如果保存后仍然允许继续对当前窗口中的数据进行其他操作,则当前屏幕不变;否则,清屏,出现一新的空录入窗口。
清屏:放弃当前窗口中的数据,出现空的录入屏幕。
关闭:如果当前窗口的数据尚未保存,则提示用户保存或放弃。
之后,关闭窗口。
查询:根据窗口中条件字段的值,提取满足条件的记录,显示到窗口中。
删除:可根据需要提示用户确认,删除后,出现一空的录入窗口。
此功能可根据应用需要设立。
如果窗口采用MDI风格,上述功能可以采用菜单或图标实现;如果为普通窗口,则采用命令按纽方式实现。
2.5 多记录录入窗口多记录录入窗口又称浏览式窗口。
一个屏幕有多行,每行一条记录。
屏幕窗口背景色推荐使用灰色,字段的标题使用黑色、宋体、大小12点阵,立体上凸边框或不加特殊边框。
为使录入域醒目起见,使用白底黑字,大小12点阵,使用立体下凹边框。
窗口一般应设置保存、插入、追加、删除、关闭功能。
可根据需要设置查询功能,伴随查询功能应设置清屏功能。
查询条件置于录入区前部。
各功能定义如下:窗口打开:出现一空的录入窗口或根据指定的条件,提取原有数据。
保存:将所有修改或录入的记录存入数据库,当前屏幕不变。
数据可反复保存。
插入:在当前光标所在行插入一条新的空记录,等待用户录入数据。
追加:在屏幕显示的所有记录的尾部插入一条新的空记录,等待用户录入数据。
删除:删除当前记录,后续记录向上滚动。
关闭:如果当前屏幕的数据尚未保存,则提示用户保存。
之后,关闭窗口。
查询:根据窗口中条件字段的值,提取满足条件的记录,显示到窗口中。
清屏:如果当前窗口中的数据已修改,则提示用户保存或放弃。
之后,出现空的录入屏幕。
2.4 查询列表窗口这种窗口不允许修改数据,仅作为显示或打印用。
与多记录录入窗口不同,为了在一个窗口中显示更多的数据,可以使用较小的字体,如9点阵字体。
为了避免视觉中不必要的干扰,记录的各字段不要设置特殊的边框。
窗口背景使用灰色,数据使用灰底高亮蓝字。
行与行之间可以使用横线分隔。
窗口一般设置查询、清屏、关闭功能。
定义如下:窗口打开:出现空的条件录入窗或根据已指定的条件提取出满足条件的记录显示。
查询:根据窗口中的条件定义,提取符合条件的数据,显示到窗口中。
清屏:清除窗口中的数据,出现空的查询条件窗口。
2.5主/细数据录入窗口主/细录入窗口(master/detail)由两部分组成:主部分采用自由格式,明细部分采用浏览格式,两部分构成一对多关系。
对明细部分的录入可参照多记录录入窗口的格式与功能,设置追加、插入、删除功能。
主部分的格式可参照单记录录入格式。
整个窗口设置保存、清屏、查询、删除、关闭等功能。
窗口可兼具查询功能,以主数据的全部或部分作为条件。
如果查询得到的主数据为多条,则在主数据部分设置滚动条或记录前后移动按钮。
主记录滚动时,明细部分的数据应与在窗口中显示的主数据相同步。
2.6命令按钮格式命令按钮的高度取Windows的缺省值,宽度可根据其上显示的标号的宽度作调整,按钮使用灰色,立体凸起,标号用12点宋体字、黑色。