系统界面标准及规范课件.ppt

系统界面标准及规范 系统界面标准及规范 1.总体原则 2.原则详述 2.1. 用户控制 2.2. 清楚一致的设计 2.3. 较快的响应速度 2.4. 简洁美观 3.界面通用规范 4.控件通用规范 5.主要功能的规范 6.软件界面规范列举 6.1通用规范 6.2 登录页 6.3首页/主界面 6.4 主体/细节模式 6.5 分栏浏览 6.6 列表模式 6.7表单模式 6.8 弹出模式 6.9 提示信息 符：公式定义页面 1. 总体原则 以用户为中心，设计出由用户控制的界面，而不是界面控制用户。 清晰一致的页面设计，所有界面的风格保持一致，所有具有相同含义的术语保持一致. 易于理解,较快的响应速度。 简单美观。 2. 详细原则 2.1. 用户控制 用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。 操作上假设是用户--而不是计算机或软件--开始动作。用户扮演主动角色，而不是扮演被动角色。 提供用户自定义设置。因为用户的技能和喜好各不相同，因此他们必须能够设置个性化界面的某些方面。 采取交互式和易于感应的窗口。例如，用于在一个绘图程序中选定一个特定感觉--请确保该模式是显然的、可见的，是一个明确的用户选定的结果，并且容易取消。 在后台运行长进程时，保持前台式交互。例如，当正在打印一个文档，即使该文档不能被改变，用户也应该可以最小化该窗口。 用户喜欢探索一个界面，并经常从尝试和错误中学习。一个有效的界面允许交互式的发现，它只提供一组合适的选择，并在用户可能破坏系统或数据的情况时发出警告。如果可行，还应提供可逆转或可还原的操作。有效的设计避免很可能导致错误的情况。它还包容潜在的用户错误，并且使用户易于还原。 2. 详细原则 2.2. 清楚一致的设计 一致允许用户将已有的知识传递到新的任务中，更快地学习新事物，并将更多的注意力集中在任务上。这是因为他们不必花时间来尝试记住交互中的不同。通过提供一种稳定的感觉，一致使得界面熟悉而又可预测。一致在界面的所有方面都是很重要的，包括命令的名称、信息的可视表示，操作行为，以及元素在屏幕和窗口内部的放置。 2. 详细原则 2.3. 较快的响应速度 保持界面能很快对用户操作作出反应。在提交操作上时候，统一使用显示处理进度条，提示不要切换窗口,在自动跳转未成功时应显示具体信息。 2. 详细原则 2.4. 简洁美观 界面应该很简单、易于学习、并且易于使用，它还必须提供对应用程序的所有功能的访问；美观是应用程序界面的重要部分，可视属性提供了非常好的印象，并传达特定对象的交互行为的重要线索。 .布局的原则 屏幕布局因功能不同考虑的侧重点不同。各功能区要重点突出，功能明显。无论哪一种功能设计，其屏幕布局都应遵循如下五项原则： 　　平衡原则。注意屏幕上下左右平衡。不要堆挤数据，过分拥挤的显示也会产生视觉疲和接收错误。? 　　预期原则。屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期。 　　经济原则。即在提供足够的信息量的同时还要注意简明，清昕。特别是媒体，要运用好媒体选择原则。 　　顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话，然后通过对话将系统分段实现。 　　规则化。画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。 3. 界面通用规范 序号 名称 简述 规范要求 1. 默认值 各个页面都会存在默认值 打开一个新界面，光标默认停留在第一个待输入的文本框中。 如果打开的新界面内容为空，应给出相应的操作提示。例：“点击左侧列表开始操作” 当选择下拉框不存在默认值时，则默认为空；当存在默认值时，请绑定显示默认值。 单选框要有默认选项 2. 必填项 对界面必填项的一些规范 界面的必填项必须以红色*号标识出来。 当界面排列紧凑时，必填项没有填时，最后提交应弹出警告；但确定后必须停留在相应待输入的文本框中。当界面排列空间比较宽松时，必填项没填时光标移开则在输入框旁边给出提示。 3. 界面通用规范 序号 名称 简述 规范要求 3. 提示语 提示信息的规范 提示信息中标点符号请统一为全角符号。 提示信息如有主语，请统一为‘您’。 提示信息不宜太长，宽度不宜超过当前窗口的1/2；当超过此比例时，请视具体情况进行换行。 提示信息尽量给出用户下一步操作的提示，避免只提示“您的操作已成功”等。J举例：可改为“您已成功导出数据，导出数量XXX，请点击‘返回’进行下一步操作” 标点符号的使用:提示语为陈述句时用叹号结尾,例:您的操已成功!如果提示语为疑问句,则用问号结尾,例:是否确认删除XX表? 当功能按钮为图片按钮时，