界面组件级交互设计规范

《界面组件级交互设计规范》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、IT应用服务产品界面交互规范——界面组件级规范界面交互设计规范——IT应用服务产品界面组件级交互规范V1.075IT应用服务产品界面交互规范——界面组件级规范目录1概述51.1规范的目的51.2规范适用的范围51.3规范适用的人群52基本原则62.1一致性62.2简洁性62.3避免干扰和打断62.4减轻用户记忆负担62.5及时有效的反馈62.6让用户放松心态，不怕犯错73产品交互通用规范83.1受范性指示83.2操作不可用状态84组件规范104.1表格104.2单元格数据154.2.1单元格数据展示154.2.2通讯录

2、174.3信息列表204.4编号和序号234.4.1编号234.4.2序号254.5注册表单274.6联系方式334.7图片裁切3775IT应用服务产品界面交互规范——界面组件级规范4.7.1固定尺寸图片裁切374.7.2自定义尺寸图片裁切394.8翻页424.9日期输入454.9.1通过日历选择日期454.9.2年份跨度较大时的日期选择494.10分隔524.10.1等量条目分隔线524.11高级加密554.12进度条584.13面包屑604.14星级评分624.15保留图标654.16弹出层674.16.1非独占焦

3、点层674.16.2独占焦点层684.16.3局部独占焦点层704.17搜索724.17.1模糊搜索724.17.2精确搜索744.18数据添加784.18.1添加单个文件784.18.2添加多个文件804.18.3添加行834.19排序8575IT应用服务产品界面交互规范——界面组件级规范修订记录修订人日期版本修订内容75IT应用服务产品界面交互规范——界面组件级规范1概述《界面交互设计规范》对用户与产品交互的各个方面做了相关的描述。该规范由“组件级”、“流程级”和“系统级”三个部分构成，分别从不同的层面，为IT应用

4、服务产品的用户界面提供规范与指导。规范的制定采用UCD（以用户为中心的设计）方法，遵循ISO9241-11部分标准的要求。设计过程以用户的使用习惯和心理需求作为出发点，在认真研究并参考了国内外各种优秀设计的基础上，制定出了适合我集团应用服务产品的设计规范。此外，为保证规范具有良好的可用性和广泛的适用性，UE研究室对设计出的每个模式都进行了严格的用户测试，并对各组件采取了不同应用场景的测试。本规范是界面交互设计规范三个部分中的基础层面：组件级规范。该规范从产品交互的通用规则和具体组件的交互模式两个方面进行了规定。在每个组

5、件规范中，给出了模式描述和扩展描述的规范描述，供不同的应用类型和使用场景选择、组合使用。1.1规范的目的l在产品开发过程中，给不同部门的相关人员提供统一的规范与指导，使沟通与合作顺利有效地进行，以保证产品界面的最终规范化实现；l从一点一滴入手解决公司产品的可用性问题：使操作更人性化，减轻用户的认知负担，改善产品的用户体验，提升产品的市场竞争力；l使产品在界面外观和操作行为上形成一致，加强公司产品的品牌化特征。1.2规范适用的范围集团内的所有产品。1.3规范适用的人群参与产品设计的所有人员以及测试人员等。注：从正式发文之

6、日起属于新项目范畴的必须遵循此规范，对于已有项目进行重大版本升级的项目要遵循此规范。规范演示网址：http://105pattern.105shop2.ce.net.cn:710275IT应用服务产品界面交互规范——界面组件级规范1基本原则以下原则主要用来说明此规范的指导思想与设计依据。简单描述如下，以供该文档的阅读者参考和使用。具体的原则描述请参见《界面设计指南》。1.1一致性l视觉一致：在同一产品内，所有的同类界面元素在相同的应用环境下，界面外观在视觉上应该保持一致；否则，界面外观要予以区分；l操作行为一致：类似场

7、景的界面设计，其操作方式必须保持一致；当操作行为相同时要保持视觉上的一致；当操作行为不同时，在视觉上就一定要有所区别；l外观与使用者的预期一致：保持对象与其行为相符，保持不同作用的对象外观的不同；视觉元素的外观及其操作结果，必须与用户的心理认知相符。1.2简洁性l减轻视觉负担：使用尽可能少的元素，不提供与当前任务无关的信息；l简明的文字表述：文字表述必须简明扼要、清晰易懂，内涵丰富，并易于理解和记忆；l操作简单：减少冗余的操作步骤。1.3避免干扰和打断l避免干扰：明确用户在特定界面中的首要任务和目标，尽可能避免该界面上

8、的视觉噪声和其它干扰。l避免打断：让用户的操作连贯顺畅，避免使用模态对话框（弹出的独占焦点的对话框）打断用户的工作。1.4减轻用户记忆负担l认知明确：产品中界面元素外观要明晰，易于辨别；产品的逻辑意义要合理，导航要及时准确；l系统智能化：提供默认值；帮助用户记住尽可能多的信息，最低限度地从用户那里索取信息；l合理的隐喻和习惯用法：