产品设计交互规范

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

1、广传电子商务有限公司文档密级：内部公开产品设计交互规范常州广传网络技术有限公司编写：王英2013年11月77广传电子商务有限公司文档密级：内部公开目录目录21概述31.1规范的目的41.2规范适用的范围41.3规范适用的人群42基本原则52.1一致性52.2简洁性52.3避免干扰和打断52.4减轻用户记忆负担52.5及时有效的反馈52.6让用户放松心态，不怕犯错63产品交互通用规范73.1受范性指示73.2操作不可用状态74组件规范94.1表格94.2单元格数据144.2.1单元格数据展示144.2.2通讯录154.3信息列表174.4编号和序号194.4

2、.1编号194.4.2序号204.5注册表单224.6联系方式2877广传电子商务有限公司文档密级：内部公开4.7图片裁切324.7.1固定尺寸324.7.2自定义尺寸344.8翻页354.9日期输入394.9.1通过日历选择日期394.9.2年份跨度较大时的日期选择434.9.3等量条目分隔线454.10高级加密484.11进度条514.12图形化面包屑534.13星级评分544.14保留图标574.15弹出层594.15.1非独占焦点层594.15.2独占焦点层604.15.3局部独占焦点层624.16搜索634.16.1模糊搜索634.16.2精确搜

3、索654.17数据添加684.17.1添加单个文件684.17.2添加多个文件694.17.3添加行734.18排序7377广传电子商务有限公司文档密级：内部公开1概述规范的制定采用UCD（以用户为中心的设计）方法，遵循ISO9241-11部分标准的要求。设计过程以用户的使用习惯和心理需求作为出发点，在认真研究并参考了国内外各种优秀设计的基础上，制定出了适合我集团应用服务产品的设计规范。此外，为保证规范具有良好的可用性和广泛的适用性，UE研究室对设计出的每个模式都进行了严格的用户测试，并对各组件采取了不同应用场景的测试。该规范从产品交互的通用规则和具体组件

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

5、。注：从正式发文之日起属于新项目范畴的必须遵循此规范，对于已有项目进行重大版本升级的项目要遵循此规范。77广传电子商务有限公司文档密级：内部公开1基本原则以下原则主要用来说明此规范的指导思想与设计依据。简单描述如下，以供该文档的阅读者参考和使用。具体的原则描述请参见《界面设计指南》。1.1一致性l视觉一致：在同一产品内，所有的同类界面元素在相同的应用环境下，界面外观在视觉上应该保持一致；否则，界面外观要予以区分；l操作行为一致：类似场景的界面设计，其操作方式必须保持一致；当操作行为相同时要保持视觉上的一致；当操作行为不同时，在视觉上就一定要有所区别；l外观

6、与使用者的预期一致：保持对象与其行为相符，保持不同作用的对象外观的不同；视觉元素的外观及其操作结果，必须与用户的心理认知相符。1.2简洁性l减轻视觉负担：使用尽可能少的元素，不提供与当前任务无关的信息；l简明的文字表述：文字表述必须简明扼要、清晰易懂，内涵丰富，并易于理解和记忆；l操作简单：减少冗余的操作步骤。1.3避免干扰和打断l避免干扰：明确用户在特定界面中的首要任务和目标，尽可能避免该界面上的视觉噪声和其它干扰。l避免打断：让用户的操作连贯顺畅，避免使用模态对话框（弹出的独占焦点的对话框）打断用户的工作。1.4减轻用户记忆负担l认知明确：产品中界面元

7、素外观要明晰，易于辨别；产品的逻辑意义要合理，导航要及时准确；l系统智能化：提供默认值；帮助用户记住尽可能多的信息，最低限度地从用户那里索取信息；l合理的隐喻和习惯用法：使用用户熟悉的，符合使用习惯的隐喻，及通用的习惯用法，为用户的任务提供直观易用的界面；l有效的启示：提供具有明确引导性的启示来指导用户正确操作（启示：某对象用来说明自身可以如何使用的外观属性）。1.5及时有效的反馈77广传电子商务有限公司文档密级：内部公开l操作反馈：对用户的每一步操作给出及时的反馈，告知用户成功做了某事；l受范性反馈：界面对象的设计要在视觉上能提供即时响应鼠标操作行为的效

8、果；l系统状态反馈：系统需要用户等待或系统出现错误时，要及时让用户