某电网公司桌面可视化设计规范培训教材(PPT 127页).pptx

《桌面可视化设计规范》培训 交互部分 Interaction design;目录;系统登录的作用可概括为以下三点： ;1.1原则;1.1原则;1 登录;4）应在用户输入格式错误时，进行错误提示。;7）应将“用户名”和“密码”标签的对齐方式设置为“非字形”对齐方式。;10）应使用户名输入框的长度容纳系统中最长用户名长度 。;1 登录;目录;2 表单;【对齐原则】将表单中信息按照业务和用户需求进行组织，保证界面工整，便于用户扫视和填写。;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;目录;3 表格;【对齐原则】表格中的各类元素应按照业务及用户需求进行组织，保证界面工整，信息呈现有序，便于用户扫视 。;【相近性原则】表格中信息应根据相近性原则进行布局设计，即将相关元素相近放置，引导用户将其归为一组 。;1）展示类表格：;3）操作类表格：;3 表格;3 表格;3 表格;3 表格;3 表格;3 表格;3 表格;目录;4 导航;4.1 导航 - 全局导航;垂直导航栏：;工作台模式 普通工作台模式：;水平导航栏;为什么导航不宜超过三级？为什么三级使用全展开的形式？;5）导航栏目应包含“默认状态”、“悬浮状态”、“点击状态”。;1）导航栏目字号，建议下一级标题不大于上一级标题。;水平导航栏;1）、2）、3）、5）同水平导航栏模式。;水平导航栏;1）建议默认展开第一个标题项。;水平导航栏;【减轻认知负担原则】导航层次分类和命名应清晰明了，符合用户预期心理，减少用户学习成本，便于用户的使用。;水平导航栏局部导航 “水平排列”局部导航：;垂直导航栏局部导航 “垂直排列”局部导航：;树形导航栏局部导航：;水平导航栏下;;水平导航栏下;;;4.3 导航 – 辅助导航;站点地图导航模式：;页内导航模式：;面包屑导航;面包屑导航;面包屑导航;;面包屑导航;;;;;4 .4 导航-上下文导航;相关链接模式：;1）应使用文字链接，置于内容信息中。;目录;【减轻记忆负担原则】系统（产品）的关键字有哪些信誉好的足球投注网站功能应根据已输入的关键字，提供智能匹配功能，减少输入并 提高用户工作效率。;条件筛选模式：;关键字有哪些信誉好的足球投注网站模式;3）应在默认有哪些信誉好的足球投注网站框内应有提??文字，提示用户输入的内容或格式。;5）应确保在局部关键字有哪些信誉好的足球投注网站模式下，样式及功能简易。;1）建议全局关键字有哪些信誉好的足球投注网站提供智能匹配功能，可采用下拉列表形式显示，匹配项过多时，仅显示有哪些信誉好的足球投注网站频率较高项，无 需显示全部信息 。;1）应将条件筛选内容置于筛选结果上方 。;1）建议将下拉项文字应精简在16个字符，8个中文字以内 。;1）应将查询按钮放置于查询条件下方，居右显示 。;1）建议当查询条件较多时根据业务要求选择隐藏不常用的选项作为高级查询 。;目录;6.1 消息-错误消息;对话框：;对话框;2）措辞要求：;2）措辞要求：;1）内容较多时，隐藏部分信息，点击查看信息详情。;错误消息置于输入框下方。;1）应将提示放置于错误对象旁边，凸显错误对象：;1）建议信息填写后及时进行提示。;1）包含指向错误对象的“小箭头”，并凸显错误对象。;6.2 消息-警告消息;6.2 消息-警告消息;1）包含标题区、内容区、操作区。;1）包含标题区、内容区、操作区。;1）提供避免问题发生的操作入口。;1）放置于警告对象旁边，且凸显警告对象。;内容与“错误消息”中的“气球状”一致。;【唯一原则】对于每种情况只显示一个确认消息。;1）包含标题区、内容区、操作区。;【可控原则】允许用户控制接收通知的触发条件。;1）应包含指向信息来源的“小箭头”。;【简要原则】提示音应直接的表达反馈的问题。;目录;【即时反馈原则】;界面局部刷新;当前界面刷新;当前界面刷新;目录;【操作灵活性原则】;【操作灵活性原则】;1）应避免与操作系统默认快捷键相冲突，不应对常规的快捷键组合进行转义。;目录;【帮助性原则】首次体验应能够帮助用户学习系统（产品）操作。;前置引导页;全局引导游览;前置引导页;前置引导页;1）引导说明位于说明对象旁边。;