1、NDM 技术文件文件编号：SF/TCR-05用户界面设计指南编 制： 审 核：批 准：实施日期：NDM 技术文件 第 A 版沈阳东软数字医疗系统股份有限公司NEUSOFT DIGITAL MEDICAL SYSTEMS CO., LTD用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 1 页 共 17 页1. 目的为开发人员提供界面设计和开发的指南，引导开发人员设计简洁美观的用户界面；2. 适用范围适用于各（产品）事业部软件项目。3职责各（产品）事业部等技术部门的软件开发人员依据此文件设计和开发用户界面。技术管理部负责文件执行的监督和记录保存。4版本历史版本/状态 作者 参与者 起
2、草日期 备注V 0.1草稿文件王怀志 2002-9-26 用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 2 页 共 17 页目录前 言 .3第一章 关于用户界面设计 .41.1 操作性- 越简单越好 41.2 一致性使用户更快的掌握软件 51.3 合适性 恰如其分 51.4 灵活性真正的魅力所在 5第二章 用户界面设计通则 .621 操作性（易用性） 这是用户交互设计中最应该关心的 .6第三章 NDM 用户界面设计细则 .14用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 3 页 共 17 页前 言对于绝大多数用户而言，界面就是软件！界面在整个系统中所占据的作用越
3、来越大，它是系统与用户的接口，常常它就是用户所理解的软件甚至系统。随着公司的发展，产品线的不断延伸，公司的产品越来越多，软件也越来越多。不同的软件由不同的开发小组开发出来，但是开发出来的产品从界面外观以及操作方式等诸多方面却存在许多的不同，不像是一家公司的产品。这并不是设计或开发人员水平的问题，而是在设计和开发过程中缺乏一个统一的标准和规范。这也是本指南诞生的原因。用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 4 页 共 17 页第一章 关于用户界面设计对于绝大多数用户而言，界面就是软件！程序设计语言中有经典等式：算法数据结构程序在产品中有类似的等式：用户界面产品要素产品操作外
4、观用户界面用户界面是用户最终所感受到的系统，这是应用程序开发中的一个基本现实。对于用户来讲，软件所能提供的功能是重要的，而提供功能的方式也是同样重要的。用户界面重要有如下的原因：首先，有指导性的用户界面容易使用，越容易使用意味着成本越低。好的用户界面容易培训用户去使用，从而降低了培训费用和技术支持费用。其次，好的用户界面有利于增加用户满意度，提高软件商在用户心中的形象，这种作用及广告效应是无价的。究竟什么是衡量一个软件界面好坏的标准, 这是我们这些程序设计者应该研究的东西。很多人以为好的界面就是要有华丽的外表，这种看法是不正确的或者说是片面的。提用户界面设计，很多人误以为在界面上加些图片或动画
5、或背景音乐界面就好了；也有些人刻意去追求与众不同的窗口样式，奇形怪状的按钮或控件，以为这样界面比较别致（同时也展示了自己高超的编程技巧）。使用更新的技术达到更高的视觉和听觉享受当然是用户界面设计的重要组成部分， 但是如果我们忽略了本质的东西， 去一味追求华丽花哨的外表， 将是最大的错误。我们首先要明确的一点是用户界面的根本目的是帮助人和计算机交流信息，是一种人机交互手段。界面的美需要艺术效果，但它并不是界面的全部。用户界面的主要因素有操作性，一致性，合适性和灵活性。1.1 操作性- 越简单越好首先想谈谈目前我们的用户界面制作中最需要重视的东西：操作。并不是说，它比别的方面更重要，只是在我们往往
6、只看到了和一些优秀软件在外观方面的差距，往往忽略掉这个方面。通常, 人们都喜欢简洁的界面和简单的控制方法，这方面不怕简单，操作越简单越好！软件界面应同时支持初学者模式和专家模式进行操作。回想一下我们现在所使用的一些流行的软件，如 Winzip,Acdsee，我想之所以如此流行，和操作便捷是分不开的。除了快捷的控制方式外, 迅速且合理的反馈也是同样重要的, 这也是操作性的一个重要组成部分。 用户按了一个键，要等上半天或者先跳出一些花里胡哨的用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 5 页 共 17 页东西才能看到结果，很难想象用户会是什么心情。如果操作确实很耗时，那么操作过程
7、的状态指示就变得非常重要了，否则，会让用户误以为死机。1.2 一致性使用户更快的掌握软件一致！一致！还是一致！一致性也是本指南的主要成因之一。界面的一致性可以让用户迅速的熟悉、掌握软件，减少用户的学习时间，降低软件商的培训费用和支持费用。WINDOWS 的成功，我觉得很好的说明了这一点，学会微软的一个软件，你也很容易的会使用其他的软件，而不需要经过什么培训。软件的一致性首先应保证内部的一致性。如果你双击一个列表框执行了某个操作，那么双击其他的列表框也应该执行类似的操作。各界面元素、各窗口之间使用一致的风格，一致的色调，一致的操作，一致的标识和信息。同时软件也应该尽量保证外部的一致性。所谓外部的
8、一致性是指软件与其他同类软件的一致性。设计者必须密切注意相同应用域中以及在最成功的软件中所使用的技术，并且必须尊重用户使用这些软件的习惯。例如 F1 键通常设定为帮助键，如果设计者别出心裁的将 F1 键设定为退出键，那么在用户渴望帮助时按下 F1 键，程序却突然退出，可以想象这种不一致性产生了怎样一个糟糕的后果。1.3 合适性 恰如其分界面的合适性是指软件界面是否与软件任务相匹配，相融洽。设计者不应片面追求外观漂亮而导致失真或华而不实。界面的合适性强调外美内秀，又强调恰如其分。WINAMP、FreeAMP 等作为休闲娱乐放松自己的软件，有着轻松自然小巧灵活可随意换肤的界面会让人倍感亲切，放松。
9、对于其他的软件，如一些大型管理系统，或我们的医疗设备软件，这样做就未必合适。每个行业有着本行业的背景、特点，我们在设计软件界面时应充分考虑这些特点。1.4 灵活性真正的魅力所在灵活性是界面脱颖而出的主要因素。界面设计要发展，必须使用新思想、新技术。有独到之处的界面自然比泯然于众的界面更具有吸引力和生命力。一个软件甚至一个系统最终真正吸引用户、打动用户的地方往往在一些细节，一些小的方面。界面设计中的“灵活性”与“一致性”是相互矛盾的两个方面，这要通过一些精心的设计来解决。界面的风格通常可以通过模仿而获得，但在模仿的同时不能限制自己的创造力。用户界面设计指南 文件编号：SF/TCR-05第 A 版
10、 第 6 页 共 17 页用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 7 页 共 17 页第二章 用户界面设计通则21 操作性（易用性）这是用户交互设计中最应该关心的使用简洁的界面和简单的控制方法。除了快截的控制方式外， 迅速且合理的反馈也是同样重要的， 这也是操作性的一个组成部分。按钮名称应该易懂，用词准确，摒弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。易用性细则：1):完成相同或相近功能的按钮用 Frame 框起来，常用按钮要支持快捷方式。如2):完成同一功能或任务的元素放在集中
11、位置，减少鼠标移动的距离。3):按功能将界面划分局域块，用 Frame 框括起来，并要有功能说明或标题。4):界面要支持键盘自动浏览按钮功能，即按 Tab 键的自动切换功能。5):界面上首先应输入的和重要信息的控件在 Tab 顺序中应当靠前，位置也应放在窗口上较醒目的位置。 6):同一界面上的控件数最好不要超过 10 个，多于 10 个时可以考虑使用分页界面显示。7):分页界面要支持在页面间的快捷切换，常用组合快捷键 Ctrl+Tab8):默认按钮要支持 Enter 及选操作，即按 Enter 后自动执行默认按钮对应操作。9):可写控件检测到非法输入后应给出说明并能自动获得焦点。10):Tab
12、 键的顺序与控件排列顺序要一致，目前流行总体从上到下，同时行间从左到右的方式。用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 8 页 共 17 页11):复选框和选项框按选择几率的高底而先后排列。12):复选框和选项框要有默认选项，并支持 Tab 选择。13):选项数相同时多用选项框而不用下拉列表框。14):界面空间较小时使用下拉框而不用选项框。15):选项数较少时使用选项框，相反使用下拉列表框。16):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。17):长时间的操作应提供进度指示和取消功能。如18):对于一些常用的输入，软件应具有记忆功能，以避免用户重复
13、输入相同的内容，例如 VC 中的查找系统可以记住最近几次查找内容。19):所有的提示要清晰易懂，避免让用户去记大量无用的东西。如鬼知道这些数字都是什么含义！用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 9 页 共 17 页具体项加上清楚的解释，好用多了2. 一致性（规范性）这里主要讲软件与 Windows 系统设计和操作一致。通常界面设计都按 Windows 界面的规范来设计，即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具箱。规范性细则：1):常用菜单要有命令快捷方式。2)
14、:完成相同或相近功能的菜单用横线隔开放在同一位置。3):菜单前的图标能直观的代表要完成的操作。说明 1)、2)、3)细则的例子4):菜单深度一般要求最多控制在三层以内。5):工具栏要求可以根据用户的要求自己选择定制。6):相同或相近功能的工具栏放在一起。7):工具栏中的每一个按钮要有及时提示信息。8):一条工具栏的长度最长不能超出屏幕宽度。9)：工具栏的图标能直观的代表要完成的操作。10):系统常用的工具栏设置默认放置位置。11):工具栏太多时可以考虑使用工具箱。12):工具箱要具有可增减性，由用户自己根据需求定制。13):工具箱的默认总宽度不要超过屏幕宽度的 1/5。14)：状态条要能显示用
15、户切实需要的信息，常用的有：用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 10 页 共 17 页目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。15)：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。16)：状态条的高度以放置五号字为宜，滚动条的宽度比状态条的略窄。17)：菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。18)：菜单和状态条中通常使用 5 号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。19):右键快捷菜单
16、采用与菜单相同的准则。20):使用操作系统提供的控件，不要改变其功能，避免将用户弄糊涂。如上面的例子各个选项是互斥的，将复选框当作单选框来用，会使用户糊涂。3合理性：屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。合理性细则：1)：父窗体或主窗体的中心位置应该在对角线焦点附近。2)：子窗体位置应该在主窗体的左上角或正中。3)：多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。4)：重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。5)：错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最
17、后为易点位置。6)：与正在进行的操作无关的按钮应该加以屏蔽(Windows 中用灰色显示，没法使用该按钮)。7)：对可能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会。8)：非法的输入或操作应有足够的提示说明。9)：对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。10):提示、警告、或错误说明应该清楚、明了、恰当。11):窗体及控件大小合适，避免剩余控件过大或信息显示不全。如用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 11 页 共 17 页这是 VB 中插入组件的对话框，对话框的下面显示组件所在的磁盘位置，但是所留的空间不
18、够显示的，应该说是微软做的不到位的地方。4美观与协调性：界面应该大小适合美学 观点，感 觉协调舒 适，能在有效的范围内吸引用户的注意力。美观与协调性细则：1)：长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。2)：布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间。3)：按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。4)：按钮的大小要与界面的大小和空间要协调。5)：避免空旷的界面上放置很大的按钮。6)：放置完控件后界面不应有很大的空缺位置。7)：字体的大小要与界面的大小比例协调， 通常使用的字体中宋体 9-12 较为美观，很少使用超过 12 号的字体。8)：前景与背景色
19、搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用 Windows 界面色调。9)：如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。10)大型系统常用的主色有“E1E1E1“、“EFEFEF“、“C0C0C0“等。11)：界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。12)：如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。13)：对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。14)：通常父窗体支持缩放时，子窗体没有必要缩放。15)：如果能给用户提供
20、自定义界面风格则更好，由用户自己选择颜色、字体等。5菜单位置：菜单是界面上最重要的元素，菜单位置按照按功能来组织。菜单设测试细则：用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 12 页 共 17 页1)：菜单通常采用“常用-主要-次要-工具-帮助”的位置排列，符合流行的 Windows 风格。2):常用的有“文件” 、 “编辑” ， “查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。3):下拉菜单要根据菜单选项的含义进行分组，并切按照一定的规则进行排列，用横线隔开。4)：一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。5)：没有顺序要求的菜单项按使
21、用频率和重要性排列，常用的放在开头， 不常用的靠后放置；重要的放在开头，次要的放在后边。6)：如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。7)：菜单深度一般要求最多控制在三层以内。8)：对常用的菜单要有快捷命令方式，组合原则见 8。9):对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式即只有需要的菜单才显示最好。10)：菜单前的图标不宜太大，与字高保持一直最好。11):主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。12)：主菜单数目不应太多，最好为单排布置。6独特性：如果一味的遵循业界的界面标准，则会丧失自己的个性.在框架符合以上规范的情
22、况下，设计具有自己独特风格的界面尤为重要。一个软件其实真正打动人的往往在一些细节、小的方面。1):安装界面上应有单位介绍或产品介绍，并有自己的图标。2):主界面，最好是大多数界面上要有公司图标。3):登录界面上要有本产品的标志，同时包含公司图标。4):帮助菜单的“关于”中应有版权和产品信息。5):公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。7. 快捷方式的组合在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些 在西文Windows 及其应用软件中快捷键的使用大多是一致的。 菜单中：1):面向事务的组合有：Ctrl-D 删
23、除 ；Ctrl-F 寻找 ；Ctrl H 替换；Ctrl-I 插入 ；Ctrl-N 新记录 ；Ctrl-S 保存 Ctrl-O 打开。2)：列表：Ctrl-R ，Ctrl-G 定位；Ctrl-Tab 下一分页窗口或反序浏览同一页面控件；。3):编辑:Ctrl-A 全选；Ctrl-C 拷贝；Ctrl-V 粘贴；Ctrl-X 剪切；Ctrl-Z 撤消操作；Ctrl-Y 恢复操作。4)文件操作:Ctrl-P 打印；Ctrl-W 关闭。用户界面设计指南 文件编号：SF/TCR-05第 A 版 第 13 页 共 17 页5):系统菜单Alt-F 文件；Alt-E 编辑；Alt-T 工具；AltW 窗口；
24、AltH 帮助。6):MS Windows 保留键:Ctrl-Esc 任务列表 ；Ctrl-F4 关闭窗口； Alt-F4 结束应用；Alt-Tab 下一应用 ；Enter 缺省按钮/确认操作 ；Esc 取消按钮/取消操作 ；Shift-F1 上下文相关帮助 。按钮中：可以根据系统需要而调节，以下只是常用的组合。Alt-Y 确定(是)；Alt-C 取消；Alt-N 否；Alt-D 删除；Alt-Q 退出；Alt-A 添加；Alt-E 编辑；Alt-B 浏览；Alt-R 读；Alt-W 写。这些快捷键也可以作为开发中文应用软件的标准，但亦可使用汉语拼音的开头字母。 8. 容错性考虑：在界面上通过
25、下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题，使出错的可能降至最小。如应用出现保护性错误而退出系统，这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路，并费时费力地重新登录，而且已进行的操作也会因没有存盘而全部丢失。容错性细则：1)：最重要的是排除可能会使应用非正常中止的错误。2)：应当注意尽可能避免用户无意录入无效的数据。3)：采用相关控件限制用户输入值的种类。4)：当用户作出选择的可能性只有两个时，可以采用单选框。 5)：当选择的可能再多一些时，可以采用复选框，每一种选择都是有效的，用户不可能输入任何一种无效的选
26、择。6)：当选项特别多时，可以采用列表框，下拉式列表框。7)：在一个应用系统中，开发者应当避免用户作出未经授权或没有意义的操作。8)：对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。9):对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。10):对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。11)：对错误操作最好支持可逆性处理，如取消系列操作。12):在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。13):对可能造成等待时间较长的操作应该提供取消功能。14)：特殊字符常有；; ” + 左键 多选C. 左键双击 单幅/多幅切换显示D. 右键 上下文菜单E. 中键 根据具体情况进行定义
