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

界面交互设计规范 IT应用服务产品界面组件级交互规范 V1.0 目录 TOC \o 1-5 \h \z \o Current Document 概述 5 \o Current Document 规范的目的 5 \o Current Document 1.2规范适用的范围 5 \o Current Document 1.3规范适用的人群 5 \o Current Document 基本原则 6 \o Current Document 一致性 6 \o Current Document 简洁性 6 \o Current Document 避免干扰和打断 6 \o Current Document 减轻用户记忆负担 6 \o Current Document 及时有效的反馈 6 \o Current Document 让用户放松心态，不怕犯错 7 \o Current Document 产品交互通用规范 8 \o Current Document 受范性指示 8 \o Current Document 操作不可用状态 8 \o Current Document 组件规范 10 \o Current Document 表格 10 \o Current Document 单元格数据 15 4.2.1单元格数据展示 15 \o Current Document 4.2.2通讯录 17 \o Current Document 信息列表 20 \o Current Document 编号和序号 23 编号 23 序号 25 \o Current Document 注册表单 27 \o Current Document 联系方式 33 \o Current Document 图片裁切 37 \o Current Document 4.7.1固定尺寸图片裁切 37 4.7.2自定义尺寸图片裁切 39 \o Current Document 翻页 42 \o Current Document 4.9日期输入 45 4.9.1通过日历选择日期 45 4.9.2年份跨度较大时的日期选择 49 \o Current Document 4.10 分隔 52 4.10.1等量条目分隔线 52 \o Current Document 4.11高级加密 55 \o Current Document 4.12进度条 58 \o Current Document 4.13面包屑 60 \o Current Document 4.14星级评分 62 \o Current Document 4.15保留图标 65 \o Current Document 4.16弹岀层 67 4.16.1非独占焦点层 67 4.16.2独占焦点层 68 4.16.3局部独占焦点层 70 \o Current Document 4.17 有哪些信誉好的足球投注网站 72 \o Current Document 4.17.1模糊有哪些信誉好的足球投注网站 72 \o Current Document 4.17.2精确有哪些信誉好的足球投注网站 74 \o Current Document 4.18数据添加 78 \o Current Document 4.18.1添加单个文件 78 \o Current Document 4.18.2添加多个文件 80 \o Current Document 4.18.3添加行 83 \o Current Document 4.19 排序 85 修订记录 修订人 日期 版本 修订内容 1概述 《界面交互设计规范》对用户与产品交互的各个方面做了相关的描述。该规范由“组件级” “流程级”和“系统级”三个部分构成，分别从不同的层面，为 IT应用服务产品的用户界面提 供规范与指导。 规范的制定采用 UCD （以用户为中心的设计）方法，遵循 ISO9241-11部分标准的要求。设 计过程以用户的使用习惯和心理需求作为出发点，在认真研究并参考了国内外各种优秀设计的基 础上，制定出了适合我集团应用服务产品的设计规范。此外，为保证规范具有良好的可用性和广 泛的适用性，UE研究室对设计出的每个模式都进行了严格的用户测试，并对各组件采取了不同 应用场景的测试。 本规范是界面交互设计规范三个部分中的基础层面：组件级规范。该规范从产品交互的通用 规则和具体组件的交互模式两个方面进行了规定。在每个组件规范中，给出了模式描述和扩展描 述的规范描述，供不同的应用类型和使用场景选择、组合使用。 1.1规范的目的 在产品开发过程中，给不同部门的相关人