软件UI界面设计规范.docx

软件UI界面设计规范软件II原则一、易用性按钮名称应该易懂，用词准确，摒弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知义最好。理想情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。易用性细则：1）完成相同或相近功能的按钮用Frame框括起来，常用按钮要支持快捷方式。2）完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。3）按功能将界面划分局域块，用Frame框括起来，并要有功能说明或标题4）界面要支持键盘自动浏览按钮功能，即按Tab键能自动顺序切换功能，总体为从上到下，同时行间为从左到右的方式。5）同一界面上的控件数最好不要超过10个，多余10个时可以考虑使用分页界面显示。6）分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab7）默认按钮要支持Enter操作，即按Enter后自动执行默认按钮对应操作。8）可写控件检测到非法输入后应给出说明并能自动获得焦点。9）复选框与选项框按选择几率的高低而先后排列。10）复选框与选项框要有默认选项，并支持Tab选择。11）选项数相同时，多用选项框而不用下拉列表框。12）界面控件较小时使用下拉框而不用选项框。13）选项数较少时使用选项框，相反则使用下拉列表框。14）专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。二、规范性通常界面设计都按Windows界面的规范来设计，即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键菜单”的标准格式，可以说:界面遵循规范化的程度越高，则易用性相应就越好，小型软件可不提供工具箱。规范性细则：1）常用菜单要有快捷方式。2）完成相同或相近功能的菜单用横线隔开放在同一位置。3）菜单前的图标能直观的代表要完成的操作。4）菜单深度一般要求最多控制在三层以内。5）工具栏要求可以根据用户的需求自己选择定制。6）相同或相近功能的工具栏放在一起。7）工具栏中的每一个按钮要有工具提示。8）一条工具栏的长度最长不能超过屏幕宽度。9）工具栏的图标能直观的代表要完成的操作。10）系统常用的工具栏设置默认放置位置。11）工具栏太多时可以考虑使用工具箱。12）工具箱要具有可增减性，由用户自己根据需求定制。13）工具箱默认总宽度不超过屏幕宽度的1/5O14）状态条要能显示用户切实需要的信息，常用的有：目前的操作状态、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。15）滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。16）状态条的高度以放置五号为宜，滚动条的宽度比状态条的略窄。17）菜单和工具条要有清楚的界限，菜单要求凸出显示，这样在移走工具条时仍有立体感。18）菜单和状态条中通常使用五号字体。工具条一般比菜单要略宽。19）右键菜单采用与菜单相同的准则。三、合理性屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。合理性细则：1）父窗体或主窗体的中心位置应该在对角线交点附近。2）子窗体位置应该在主窗体的左上角或正中。3）多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。4）重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。5）错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。6）与正在进行的操作无关的按钮应该加以屏幕（WindoWS中为灰化）。7）对可能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会。8）非法的输入或操作应有足够的提示说明。9）对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。10）提示、警告、或错误说明应清楚、明了、恰当。四、美观与协调性界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。美观与协调性细则：1、 长宽接近黄金点比例，切忌长宽比例失调，或宽度超过长度。2、 布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间。3、 按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。4、 按钮的大小要与界面的大小和空间要协调。5、 避免空旷的界面上放置很大的按钮。6、 放置完控件后界面不应有很大的空缺位置。7、 字体的大小要与界面的大小比例协调，通常使用的字体中宋体9-12较为美观，很少使用超过12号的字体。8、 前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用WindOWS界面色调。9、 如果使用其他颜色，主要要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。10、大型系统常用的主要有“#EIElE1"、“EFEFEF"、“COCOCO”等。11、界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。12、如果窗体职场最小化和最大化或放大时，窗体上的空间也要随着窗体缩放，切忌只放大窗体而忽略控件的缩放。13、对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。14、通常父窗体支持缩放时，字窗体没有必要缩放。15、如果能给用户提供自定义界面风格更好，由用户自己选择颜色、字体等。五、菜单位置菜单是界面上最重要的元素，菜单位置按照按功能来组织。菜单设测试细则：1、 菜单通常采用“常用.主要.次要.工具.帮助”的位置排列，符合流行的Windows风格。2、 常用的有“文件”、“编辑”、“查看”等，几乎每个系统都有这些选项，当然根据不同的系统有所取舍。3、 下拉菜单要根据菜单选项的含义进行分组，并且按照一定的规则进行排列，用横线隔开。4、 一组菜单的使用有先后要求或有向导作用是，应该按先后次序排列。5、 没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头，不常用的靠后放置；重要的放在开头，次要的放在后边6、 如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。7、 菜单深度一般要求最多控制在三层以内。8、 对常用的菜单要有快捷命令方式，组合原则见8o9、 对于进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式一一即只有需要的菜单才显示一一最好。10、菜单前的图标不宜太大，与字高保持一致最好。11、主菜单的宽度要接近，字数不应多余四个，每个菜单的字数能相同最好。12、主菜单数目不应太多，最好为单排布置。六、独特性如果一味的。循业界的界面标准，则会丧失自己的个性。在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有很好的潜移默化的广告效用。1、 安装界面上应有单位介绍信或产品介绍，并有自己的图标。2、 主界面，最好是最大多数界面上要有公司图标。3、 登录界面上要有本产品的标志，同时包含公司图标。4、 帮助菜单的“关于”中应有和产品信息。5、 公司的系列产品要保持一致的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。七、快捷方式的组合在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些，在西文Windows及其应用软件中快捷键的使用大多是一致的。1、 面向事务的组合有：Ctrl-D删除；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关闭。5、 系统菜单：Alt-A文件；Alt-E编辑；Alt-T工具;Alt-W窗口；Alt-H帮助。6、 MSWindoWS保留键：Ctrl-Esc任务列表；Ctrl-F4关闭窗口；Alt-F4结束应用；Alt-Tab下一应用；Enter缺省按钮/确认；Esc取消按钮/取消；Shift-Fl上下文相关帮助。按钮中：可以根据系统需要而调节，以下只是常用的组合。Alt-Y确定（是）；AIt-C取消；AIt-N否；Alt-D删除；AIt-Q退出；Alt-A添加;Alt-E编辑;Alt-B浏览；AIt-R读；Alt-W写。这些快捷键也可以作为开发中应用软件的标准，但亦可使用汉语拼音的开头字母。八、安全性考虑在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题，使出错的可能降至最小。如应用出现保护性错误而退出系统,这种错误最容易使用户对软件失去信心，因为这意味着用户要中断思路，并费时费力地重新登录，而且已进行的操作也会因没有存储而全部丢失。安全性细则：1、 最重要的是排除可能会使应用非正常中止的错误。2、 应当注意尽可能避免用户无意录入无效的数据。3、 采用相关控件限制用户输入值的种类。4、 当用户作出选择的可能性只有两个时，可以采用单选框。5、 当选择的可能再多一些时，可以采用复选框，每一种选择都是有效的，用户不可能输入任何一种无效的选择。6、 当选项特别多时，可以采用列表框，下拉式列表框。7、 在一个应用系统中，开发者应当避免用户作出未经授权或没有意义的操作。8、 对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。9、 对可能发生严重后果的操作要有补救措施，通过补救措施用户可以回到原来的正确状态。10、对一些特殊符号的输入、与系统使用的符合相冲突的字符等进行判断并且阻止用户输入该字符。11、对错误操作最好支持可逆性处理，如取消系统操作。12、在输入有效性字符之前应该阻止用户进行只有输入后才可进行的操作。13、对可能造成等待时间较长的操作应该提供取消功能。14、特殊字符常有：15、与系统采用的保留字符冲突要加以限制。16、在读入用户所输入的信息时，根据需要选择是否去掉前后空格。17、有些读入数据库的字段不支持中间有空格，但用户切实需要出入中间空格，这时要在程序中加以处理。九、多窗口的应用与系统资源设计良好的软件不仅要有完备的功能，而且要尽肯德占用最低限度的资源。1、 在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口。2、 在主界面载入完毕后自动卸出内存，让出所占用的WNDOWS系统资源。3、 关闭所有窗体，系统退出后要释放所占的所有系统资源，除非需要后台运行的系统。4、 尽量防止对系统的独占使用。A：输入框输入错误提示处理方式：1、 弹出错误提示信息，提示框标题应统一使用“错误提示”，提示框内容统一前面警示图标，后面是提示内容，当点击确定按钮后，该输入框得焦点，内容清空。2、 当输入框获得焦点时，该输入框的限制自动显示，当输入的不符合限制时输入框突出显示。3、 当输入框获得焦点时，该输入框的限制自动显示，当输入的不符合限制时，后面给予提示标识比如“”，当移动标识上时，给出错误提示。B：查询信息提示方式1、 当查询内容没有满足查询条件的时候，查询列表不显示，给出：“很抱歉，没有查找到您要的数据”的提示信息。2、 当查询内容没有满足查询条件的时候，查询列表只显示表头。C：时间控件输入方式：1、 当查询数据存在起始日期和结算日期时，各个页面显示方式一致为：起始日期输入框“一一”，结束日期输入框或起始日期输入框“至”结束日期输入框。2、 存在日期格式问题，尽量避免日期输入框的输入。3、 当添加，修改操作存在起始日期和结束日期时，结束日期应晚于起始日期。