后台界面统一规范.doc

《后台界面统一规范.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、后台界面统一规范目录1.目的32.范围33.定义34.测评指标35.关键角色及应付责任36.内容描述37.其他要求88.相关文件89.附件8目的规范后台系统的风格，使最终设计出来的界面风格一致化，遵循统一的操作规范，以标准化的方式设计界面，提高工作效率。减少和改变责任不明，任务不清和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。 产品设计通过规范的方式来达到以用户为中心的目的。1.范围适用于公司所有内部系统。2.定义无3.测评指标无4.关键角色及应付责任序号角色应负责任001美工按照规范要求进行切图，界面设计。002开发工程师系

2、统功能编码、开发003测试工程师验证系统界面是否符合规范要求。5.内容描述(一)遵循的基本原则1)显示信息一致：无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。2)以用户为主导，明确用户是所有系统处理的核心3)易用性：用户不用查阅帮助就能知道该界面的功能并进行相关正确的操作。做到望文知意最好。4)系统响应时间：0-5秒鼠标显示成为沙漏；5秒以上显示处理窗口，或显示进度条； 一个长时间的处理完成时应给予完成警告信息。5)出错信息和警告原则： 信息以用户可以理解的术语描述；信息简明扼要，指出出错原因并提供解决

3、办法提示。6)信息显示：只显示与当前用户语境环境有关的信息；使用一致的标记、标准缩写和颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源；7)数据输入：尽量减少用户输入动作的数量；维护信息显示和数据输入的一致性；可能的话提供默认值、绝不要让用户提供程序中可以自动获取或计算出来的信息。8)合理性：与正在进行的操作无关的按钮应该加以屏蔽（使用灰色显示）；对可能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会；非法操作或输入有足够的提示说明9)美观与协调：界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊

4、要求的地方；如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。(一)界面设计规范1)【功能名称】分辨率【功能简述】【功能要求】i.所有系统能自适应1366*768及以上的测试分辨率，适应14英寸笔记本的分辨率（1366*768）。ii.默认窗口设置下，不应该出现水平、垂直滚动条。iii.当界面内容超出显示区域时，以浮动层的形式显示iv.弹出页面要保证768高度的分辨率显示正常，同时能移动查看弹出框内容。弹出框高度为不超过450v.弹出页面内容过多时，使用tab页显示2)【功能名称】浏览器兼容性

5、【功能简述】【功能要求】i.所有系统后台必须兼容Chrome浏览器；ii.前台系统兼容主流的浏览器，如：IE8及以上，firefox ，chrome 3)【功能名称】登录框【功能简述】【功能要求】i.所有系统做统一的登录框，当退出系统时，跳转到当前系统的登录页面ii.登录页面用户名、密码宽度应该上下对齐；iii.鼠标点击登录、重置按钮应该显示手型，而不是箭头；iv.支持按Tab键切换用户名/密码输入框；v.支持按Enter 键登录系统。4)【功能名称】默认值【功能简述】各个页面都会存在默认值【功能要求】i.打开一个新界面，光标停留在第一个可操

6、作的数据项上。ii.当单选框不存在默认值时，则默认为单选项“非选中”；当存在默认值时，则绑定显示默认值；iii.当复选框不存在默认值时，则默认为复选项“非选中”；当存在默认值时，则绑定显示默认值；iv.当选择下拉框不存在默认值时，则默认为“请选择”；当存在默认值时，则绑定显示默认值。5)【功能名称】必填项【功能简述】界面必填项规范【功能要求】i.界面的必填项以红色*号标识出来；标识在文字前面，如：。i.存在必填项未填写时，点击保存弹出提示：红色框重点标识出必填项。如：ii.查询页面，当查询条件有必填项时，也需要要红色*标识。1)【功能名称】控

7、件显示【功能简述】【功能要求】i.可输入/选择框以正常色显示；不可输入/选择框以灰色显示；ii.对于不可输入/选择框，通过鼠标或键盘都不可让光标定位至此控件。2)【功能名称】颜色【功能简述】各个页面必须使用统一的颜色设置【功能要求】i.尽可能通过选择合适的主题颜色或系统颜色来选择颜色ii.使用颜色应当保持一致性，例如：错误提示使用红色标识，正常和成功信息用绿色表示。3)【功能名称】提示语【功能简述】提示信息规范【功能要求】i.提示信息中标点符号统一使用全角符号ii.功能按钮为图片按钮时，光标停留需给予文字浮动提示信息iii.按照用户意愿的处理

8、成功提示信息，位置在右下角给予提示信息，如：处理成功，处理成功的提示信息需要能自动消失。iv.请选择需要处理的记录，不同的提示信息中要用不同的颜色标识；如：v.重要