界面组件级交互设计规范.pdfVIP

界面交互设计规范

IT应用服务产品界面组件级交互规范

V1.0

目录

1概述5

1.1规范的目的5

1.2规范适用的范围5

1.3规范适用的人群5

2基本原则6

2.1致性6

2.2简洁性6

2.3避免干扰和打断6

2.4减轻用户记忆负担6

2.5及时有效的反馈7

2.6让用户放松心态，不怕犯错7

3产品交互通用规范8

3.1受范性指示8

3.2操作不可用状态8

4组件规范10

4.1表格10

4.2单元格数据15

4.2.1单元格数据展示15

4.2.2通讯录16

4.3信息列表18

4.4编号和序号20

4.4.1编号20

4.4.2序号21

4.5注册表单23

4.6联系方式28

4.7囹片裁切32

4.7.1固定尺寸图片栽切32

4.7.2自定义尺寸图片裁切34

4.8翻页35

4.9日期输入39

4.9.1通过日历选择日期39

4.9.2年份跨度较大时的日期选择43

4.10分隔46

4.10.1等量条目分隔线46

4.11高级加密48

4.12进度条51

4.13面包屑53

4.14星级评分54

4.15保留图标57

4.16弹出层59

4.16.1非独占焦点层59

4.16.2独占焦点层59

4.16.3局部独占焦点层61

4.17搜索62

4.17.1模糊搜索62

4.17.2精确搜索64

4.18数据添力口67

4.18.1添加单个文件67

4.18.2添加多个文件69

4.18.3添加行72

4.19排序72

修订记录

修订人日期版本修订内容

1概述

《界面交互设计规范》对用户与产品交互的各个方面做了相关的描述。该规范由“组件级”、

“流程级”和“系统级”三个部分构成，分别从不同的层面，为IT应用服务产品的用户界面提供

规范与指导。

规范的制定采用UCD（以用户为中心的设计）方法，遵循ISO9241-11部分标准的要求。设

计过程以用户的使用习惯和心理需求作为出发点，在认真研究并参考了国内外各种优秀设计的基

础上，制定出了适合我集团应用服务产品的设计规范。此外，为保证规范具有良好的可用性和广

泛的适用性，UE研究室对设计出的每个模式都进行了严格的用户测试，并对各组件采取了不同

应用场景的测试。

本规范是界面交互设计规范三个部分中的基础层面：组件级规范。该规范从产品交互的通用

规则和具体组件的交互模式两个方面进行了规定。在每个纪件规范中，给出了模式描述和扩展描

述的规范描述，供不同的应用类型和使用场景选择、组合使用。

1.1规范的目的

•在产品开发过程中，给不同部门的相关人员提供统一的规范与指导，使沟通与合作顺利

有效地进行,以保证产品界面的最终规范化实现：

•从一点一滴入手解决公司产品的可用性问题：使操作更人性化，减轻用户的认知负担，

改善产品的用户体验，提升产品的市场竞争力；

•使产品在界面外观和操作行为上形成一致，加强公司产品的品牌化特征。

1.2规范适用的范围

集团内的所有产品。

1.3规范适用的人群

参与产品设计的所有人员以及测试人员等。

注：从正式发文之日起属于新项目范畴的必须遵循此规范，对于已有项目进行重大版本升级

的项目要遵循此规范。

规范演示网址：http://1