国家电网交互设计标准规范培训.pptVIP

2）措辞要求： 应避免使用编程专业术语。 应避免责备或者暗示用户造成了问题。应避免使用双重否定。 应避免使用缩写格式；应避免使用特殊字符表意。 应避免在标签之后使用冒号；错误提示内容后应避免使用感叹号。 应注意用语的合理性。 对话框 原地 气球状 6.1 消息-错误消息 6.1.1原则 6.1.3规范 6.1.2模式 强制规范 建议规范 1）内容较多时，隐藏部分信息，点击查看信息详情。 为什么？ 认知负荷VS操作负荷 脑力资源：认知负荷＞操作负荷 增加操作而减少认知负荷。—《设计师要懂心理学》 对话框 原地 气球状 6.1 消息-错误消息 6.1.1原则 6.1.3规范 6.1.2模式 强制规范 建议规范 错误消息置于输入框下方。 错误消息置于输入框左方。 1）应将提示放置于错误对象旁边，凸显错误对象： 提示信息放置在操作对象下方 提示信息放置在操作对象右方 2）使用错误图标，置于提示文字前，使用红色。 为什么？ 对话框 原地 气球状 6.1 消息-错误消息 6.1.1原则 6.1.3规范 6.1.2模式 强制规范 建议规范 1）应将提示放置于错误对象旁边，凸显错误对象： 提示信息放置在操作对象下方 提示信息放置在操作对象右方 2）使用错误图标，置于提示文字前，使用红色。 为什么？ 使用符合文化习惯的颜色。 9%的男性和0.5%的女性是色盲。—《设计师要懂心理学》 色盲用户的存在。 在文化习惯中，红色表征危险、警醒等。 3）内容包含问题和问题解决措施。 4）操作正确后，错误提示消失。 5）措辞要求：（内容同上） 对话框 原地 气球状 6.1 消息-错误消息 6.1.1原则 6.1.3规范 6.1.2模式 强制规范 建议规范 1）建议信息填写后及时进行提示。 2）建议原地提示只放置一行文字。 对话框 原地 气球状 6.1 消息-错误消息 6.1.1原则 6.1.3规范 6.1.2模式 强制规范 建议规范 1）包含指向错误对象的“小箭头”，并凸显错误对象。 2）使用错误图标，且置于提示文字前。 3）内容包含出现的问题和解决方法。 4）应在问题解决后，错误提示消失。 5）措辞要求：（内容同上） 强制规范： 建议规范： 1）错误提示内容过多时，可折行显示。 对话框 原地 气球状 6.1 消息-错误消息 6.1.1原则 6.1.3规范 6.1.2模式 强制规范 建议规范 该模式下遵循“树形导航栏模式”下所有规范。 水平导航栏下 垂直导航栏下 树形导航栏下 4.2 导航 – 局部导航 4.2.1原则 4.2.3规范 4.2.2模式 4.3 导航 – 辅助导航 【快捷性原则】辅助导航能够使用户快速准确的进入目标界面。 【辅助性原则】辅助导航作为全局导航与局部导航的补充，是对系统（产品）整体层级结构的有效补充。 辅助导航是一种用来辅助、补充全局导航和局部导航，为相关内容提供快捷跳转方式的导航形式。 4.3.1原则 4.3.3规范 4.3.2模式 站点地图导航模式： 面包屑导航模式： 分页导航模式： 定位面包屑导航 路径面包屑导航 4.3 导航 – 辅助导航 4.3.1原则 4.3.3规范 4.3.2模式 页内导航模式： 选项卡Tab模式： 页脚导航模式： 4.3 导航 – 辅助导航 4.3.1原则 4.3.3规范 4.3.2模式 面包屑导航 站点地图 分页导航 选项卡导航 页内导航 页脚导航 定位面包屑 路径面包屑 强制规范： 1）位于正文顶部，告知当前层级。 2）区分当前与上级路径。 3）显示弱于主导航。 4）使用方向性符号分隔。 5）依次显示层级路径。 定位面包屑 路线面包屑 1）位于正文顶部，告知访问路径。 2）—4）同上。 强制规范： 建议规范： 用颜色突显当前页面 用字号和加粗突显当前页面 1）路径个数控制在7个以内。 4.3 导航 – 辅助导航 4.3.1原则 4.3.3规范 4.3.2模式 面包屑导航 站点地图 分页导航 选项卡导航 页内导航 页脚导航 强制规范 建议规范 强制规范： 1）文字链接正确有效。 2）使用精炼准确的关键词短语。 3）直观罗列栏目，不隐藏。 4）明确区分层级关系。 5）及时更新。 6）站点地图入口显而易见，位于界面头部或页面底部。 建议规范： 1）建议只展示系统（产品）结构中的二到三级，提供主要链接和页面。 4.3 导航 – 辅助导航 4.3.1原则 4.3.3规范 4.3.2模式 面包屑导航 站点地图 分页导航 选项卡导航 页内导航 页脚导航 强制规范 建议规范 1）应包含“上一页”、“下一页” 和页码。 2）应默认显示第一页， “上一页”不可点击，最后一页时，“下一页”不可点击。 3）应合理设置页码、按键尺寸、间距。 4）应使可点击页码和当前页码有所区分。 5）应在页数过多时，提供直接跳转功能。