软件界面设计准则.docx

《软件界面设计准则.docx》由会员分享，可在线阅读，更多相关《软件界面设计准则.docx（21页珍藏版）》请在第壹文秘上搜索。

1、一、概述错误!未定义书签。二、原则错误!未定义书签。1 .易用性错误!未定义书签。2 .规范性错误!未定义书签。3 .协助设施错误!未定义书签。4 .合理性错误!未定义书签。5 .美观与协调性错误!未定义书签。6 .菜单位置设置错误!未定义书签。7 .独特性错误!未定义书签。8 .快捷方式的组合错误!未定义书签。9 .安全性错误!未定义书签。10 .多窗口的应用与系统资源错误!未定义书签。三、实用技巧错误!未定义书签。1 .临时不可操作的菜单命令项一般要屏蔽变灰错误!未定义书签。2 .正在起作用的菜单命令旁打上选中标识(J)错误!未定义书签。3 .为命令选项设置访问键(ACCeSSkey)错误

2、!未定义书签。4 .为命令选项增长紧捷键(ShortcutKey)错误!未定义书签。5 .在要弹出对话框的命令选项后增长省略号(.)提醒顾客错误!未定义书签。6 .用右指向的箭头(f),来指导顾客选择此项将引出级联菜单(CaSCadingMenU)错误！未定义书签。7 .对有关的J命令用分隔条(SeParaIeBar)进行分组错误!未定义书签。8 .建立动态菜单，提高软件的灵活性错误!未定义书签。9 .生成弹出式菜单，增强软件的可操作性错误!未定义书签。10 .窗体设计错误!未定义书签。11 .菜单设计错误!未定义书签。12 .照顾顾客的感觉错误!未定义书签。一、概述界面是软件与顾客交互的最宜

3、接的层，界面的好坏决定顾客对软件的第一印象。并且设计良好的界面可以引导顾客自己完毕对应於)操作,起到向导的)作用。同步界面如同人的I面孔,具有吸引顾客的直接优势。设计合理的界面能给顾客带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让顾客有挫败感，再实用强大口勺功能都也许在顾客的畏惧与放弃中付诸东流。而在实际软件开发的工作中，往往只强调功能而忽视了界面的设计，因此，必须要制定出一套顾客界面设计的规范，约束和指导软件开发者在顾客界面中的设计。二、原则1.易用性按钮名称应当易懂，用词精确，振弃模棱两可的字眼，要与同一界面上的其他按钮易于辨别，能望文知意最佳。理想的状况是顾客不用查阅协助就能

4、懂得该界面的功能并进行有关的对的操作。易用性细则：1):完毕相似或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。2):完毕同一功能或任务的元素放在集中位置，减少鼠标移动的距离。3):按功能将界面划分局域块，用Frame框括起来,并要有功能阐明或标题。4):界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。5):界面上首先应输入的和重要信息的控件在Tab次序中应当靠前,位置也应放在窗口上较醒目的位置。6):同一界面上的控件数最佳不要超过10个，多于10个时可以考虑使用分页界面显示。7):分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab8):默认按钮要支持En

5、ter及选操作，即按Enter后自动执行默认按钮对应操作。9):可写控件检测到非法输入后应给出阐明并能自动获得焦点。10):Tab键日勺次序与控件排列次序要一直，目前流行总体从上到下，同步行间从左到右的方式。ID:复选框和选项框按选择几率的高底而先后排列。12):复选框和选项框要有默认选项，并支持Tab选择。13):选项数相似时多用选项框而不用下拉列表框。14):界面空间较小时使用下拉框而不用选项框。15):选项数较少时使用选项框，相反使用下拉列表框。16):专业性强的软件要使用有关的专业术语，通用性界面则倡导使用通用性词眼。2.规范性一般界面设计都按WindoWS界面的规范来设计，即包括“菜

6、单条、工具栏、状态栏、滚动条、右键快捷菜单”的原则格式，可以说，界面遵照规范化的程度越高，则易用性对应的就越好。规范性细则：D：常用菜单要有命令快捷方式。2):完毕相似或相近功能的菜单用横线隔开放在同一位置。3):菜单前的图标能直观时代表要完毕的操作。4):菜单深度一般规定最多控制在三层以内。5):相似或相近功能的工具栏放在一起。6):工具栏中In每一种按钮要有及时提醒信息。7):一条工具栏的长度最长不能超过屏幕宽度。8):工具栏的图标能直观时代表要完毕的操作。9):系统常用的工具栏设置默认放置位置。10):状态条要能显示顾客切实需要的信息，常用的有：目前的操作、系统状态、顾客位置、顾客信息、

7、提醒信息、错误信息等，假如某一操作需要的时间较长，还应当显示进度条和进程提醒。11)：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于顾客理解显示信息的位置和比例。12)：状态条的高度以放置五号字为宜，滚动条的宽度比状态条日勺略窄。13)：菜单和工具条要有清晰的界线;菜单规定凸出显示，这样在移走工具条时仍有立体感。14）：菜单和状态条中一般使用五号字体（宋体）。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。15）:右键快捷菜单采用与菜单相似的准则。3 .协助设施系统应当提供详尽而可靠的协助文档，在顾客使用产生困惑时可以自己寻求处理措施。协助设施细则：1）：协助文档中的性能简

8、介与阐明要与系统性能配套一致。2）：打包新系统时，对作了修改的地方在协助文档中要做对应的修改。3）：操作时要提供及时调用系统协助的功能。常用FL4）：在界面上调用协助时应当可以及时定位到与该操作相对的协助位置。也就是说协助要有即时针对性。5）：最佳提供目前流行的联机协助格式或HTML协助格式。6）：顾客可以用关键词在协助索引中搜索所要的协助，当然也应当提供协助主题词。7）：假如没有提供书面的协助文档的话，最佳有打印协助的功能。8）：在协助中应当提供我们的技术支持方式，一旦顾客难以自己处理可以以便的寻求新的协助方式。4 .合理性屏幕对角线相交的位置是顾客直视的地方，正上方四分之一处为易吸引顾客注

9、意力的位置，在放置窗体时要注意运用这两个位置。合理性细则:1）：父窗体或主窗体的中心位置应当在对角线焦点附近。2）：子窗体位置应当在主窗体的左上角或正中。3）：多种子窗体弹出时应当依次向右下方偏移，以显示窗体出标题为宜。4）：重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。5）：错误使用轻易引起界面退出或关闭的按钮不应当放在易点位置。横排开头或最终与竖排最终为易点位置。6）：与正在进行的操作无关的按钮应当加以屏蔽（WindOWS中用灰色显示，没法使用该按钮）。7）：对也许导致数据无法恢复的操作必须提供确认信息,给顾客放弃选择的机会。8）：非法的输入或操作应有足够的!提醒阐明。9）:对运

10、行过程中出现问题而引起错误的地方要有提醒，让顾客明白错误出处，防止形成无限期的等待。10）:提醒、警告、或错误阐明应当清晰、明了、恰当。5 .美观与协调性界面应当大小适合美学观点，感觉协调舒适，能在有效的范围内吸引顾客的注意力。美观与协调性细则：1）：长宽靠近黄金点比例，切忌长宽比例失调、或宽度超过长度。2）:布局要合理,不合适过于密集，也不能过于空旷，合理的运用空间。3）:按钮大小基本相近，忌用太长的名称，省得占用过多的界面位置。4）:按钮的大小要与界面的大小和空间要协调。5）:防止空旷欢!界面上放置很大的按钮。6)：放置完控件后界面不应有很大的空缺位置。7):字体的大小要与界面的大小比例协

11、调，一般使用的字体中宋体五号较为美观8):前景与背景色搭配合理协，调，反差不合适太大，最佳少用深色，如大红、大绿等。常用色考虑使用Windows界面色调。9):假如使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。10):大型系统常用的主色有#EIEIE1、”#EFEFEF、#C0COCo等。11)：界面风格要保持一致，字的大小、颜色、字体要相似，除非是需要艺术处理或有特殊规定的地方。12):假如窗体支持最小化和最大化或放大时，窗体上的控件也要伴随窗体而缩放；切忌只放大窗体而忽视控件的缩放。13)：对于具有按钮的界面一般不应当支持缩放，即右上角只有关闭功能。14):一般父窗体支持

12、缩放时，子窗体没有必要缩放。15)：假如能给顾客提供自定义界面风格则更好，由顾客自己选择颜色、字体等。6 .菜单位置设置菜单是界面上最重要的元素，菜单位置按照按功能来组织。菜单位置设置细则：1):菜单一般采用“常用-重要-次要-工具-协助”的位置排列，符合流行的Windows风格。2上常用的有“文献”、“编辑”，“查看”等，几乎每个系统均有这些选项，当然要根据不同样的系统有所取舍。3):下拉菜单要根据菜单项选择项的含义进行分组，并切按照定的规则进行排列，用横线隔开。4):一组菜单的使用有先后规定或有向导作用时，应当按先后次序排列。5):没有次序规定的菜单项按使用频率和重要性排列，常用时放在开头

13、，不常用的靠后放置;重要的放在开头，次要的放在后边。6):假如菜单项选择项较多，应当采用加长菜单的长度而减少深度的原则排列。7):菜单深度一般规定最多控制在三层以内。8):对常用的菜单要有快捷命令方式，组合原则见8。9):对与进行的操作无关的)菜单要用屏蔽的方式加以处理，假如采用动态加载方式即只有需要的菜单才显示最佳。10)：菜单前的图标不合适太大，与字高保持一直最佳。11):主菜单的宽度要靠近，字数不应多于四个，每个菜单的字数能相似最佳。12):主菜单数目不应太多，最佳为单排布置。7 .独特性假如一味的遵照业界的界面原则，则会丧失自己的个性,在框架符合以上规范的状况下，设计具有自己独特风格的

14、界面尤为重要。尤其在商业软件流通中有着很好H勺迁移默化的广告效用。1):安装界面：应有单位简介或产品简介，并有自己的图标。2):主界面：最佳是大多数界面上要有企业图标。3):登录界面：要有本产品的标志，同步包括企业图标。4):协助菜单H勺“有关”中应有版权和产品信息。5):企业的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应当大体一致。8,快捷方式的组合在菜单及按钮中使用快捷键可以让喜欢使用键盘的顾客操作得更快某些在西文Windows及其应用软件中快捷键的使用大多是一致的。菜单中：1)：面向事务的!组合有：Ctrl-D删除；Ctrl-F寻找；Ctrl-

15、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撤销操作；CtrI-Y恢复操作。4)文献操作：Ctrl-P打印；Ctrl-W关闭。5):系统菜单Alt-A文献；Alt-E编辑；AlLT工具；AltT窗口；Alt-H协助。6) :MSWindows保留键:Ctrl-Esc任务列表;Ctrl-F4关闭窗口；Alt-F4结束应用；Alt-Tab下一应用；Enter缺省按钮/确认操作；Esc取消按钮/取消操作；Shift-Fl上下文有关协助按钮中：可以根据系统需要而调整，如下只是常用及I组合。Alt-Y确定（是）；Alt-C取消；Alt-N否；Alt-D删除；Alt-Q退出；Alt-A添