文档介绍：产品设计交互规范
常州广传网络技术
编写: 王英
11月
目录
目录 2
1 概述 3
规范目标 4
规范适用范围 4
规范适用人群 4
2 基础标准 5
一致性 5
简练性 5
避免干扰和打断 5
减轻用户记忆负担 5
立即有效反馈 5
让用户放松心态, 不怕犯错 6
3 产品交互通用规范 7
受范性指示 7
操作不可用状态 7
4 组件规范 9
表格 9
单元格数据 14
单元格数据展示 14
通讯录 15
信息列表 17
编号和序号 19
编号 19
序号 20
注册表单 22
联络方法 28
图片裁切 32
固定尺寸 32
自定义尺寸 34
翻页 35
日期输入 39
经过日历选择日期 39
年份跨度较大时日期选择 43
等量条目分隔线 45
高级加密 48
进度条 51
图形化面包屑 53
星级评分 54
保留图标 57
弹出层 59
非独占焦点层 59
独占焦点层 60
局部独占焦点层 62
搜索 63
模糊搜索 63
正确搜索 65
数据添加 68
添加单个文件 68
添加多个文件 69
添加行 73
排序 73
概述
规范制订采取UCD（以用户为中心设计）方法, 遵照ISO9241-11部分标准要求。 设计过程以用户使用****惯和心理需求作为出发点, 在认真研究并参考了中国外多种优异设计基础上, 制订出了适合我集团应用服务产品设计规范。 另外, 为确保规范含有良好可用性和广泛适用性, UE研究室对设计出每个模式全部进行了严格用户测试, 并对各组件采取了不一样应用场景测试。
该规范从产品交互通用规则和具体组件交互模式两个方面进行了要求。 在每个组件规范中, 给出了模式描述和扩展描述规范描述, 供不一样应用类型和使用场景选择、 组合使用。
规范目标
在产品开发过程中, 给不一样部门相关人员提供统一规范和指导, 使沟通和合作顺利有效地进行, 以确保产品界面最终规范化实现;
从一点一滴入手处理企业产品可用性问题: 使操作更人性化, 减轻用户认知负担, 改善产品用户体验, 提升产品市场竞争力;
使产品在界面外观和操作行为上形成一致, 加强企业产品品牌化特征。
规范适用范围
广传项目部内全部产品。
规范适用人群
参与产品设计全部些人员、 前端开发人员及测试人员等。
注: 从正式发文之日起属于新项目范围必需遵照此规范, 对于已经有项目进行重大版本升级项目要遵照此规范。
基础标准
以下标准关键用来说明此规范指导思想和设计依据。 简单描述以下, 以供该文档阅读者参考和使用。 具体标准描述请参见《界面设计指南》。
一致性
视觉一致: 在同一产品内, 全部同类界面元素在相同应用环境下, 界面外观在视觉上应该保持一致; 不然, 界面外观要给予区分;
操作行为一致: 类似场景界面设计, 其操作方法必需保持一致; 当操作行为相同时要保持视觉上一致; 当操作行为不一样时, 在视觉上就一定要有所区分;
外观和使用者预期一致: 保持对象和其行为相符, 保持不一样作用对象外观不一样; 视觉元素外观及其操作结果, 必需和用户心理认知相符。
简练性
减轻视觉负担: 使用尽可能少元素, 不提供和目前任务无关信息;
简明文字表述: 文字表述必需简明扼要、 清楚易懂, 内涵丰富, 并易于了解和记忆;
操作简单: 降低冗余操作步骤。
避免干扰和打断
避免干扰: 明确用户在特定界面中首要任务和目标, 尽可能避免该界面上视觉噪声和其它干扰。
避免打断: 让用户操作连贯顺畅, 避免使用模态对话框（弹出独占焦点对话框）打断用户工作。
减轻用户记忆负担
认知明确: 产品中界面元素外观要明晰, 易于分辨; 产品逻辑意义要合理, 导航要立即正确;
系统智能化: 提供默认值; 帮助用户记住尽可能多信息, 最低程度地从用户那里索取信息;
合理隐喻和****常使用方法: 使用用户熟悉, 符合使用****惯隐喻, 及通用****常使