界面交互设计规范 it应用服务产品界面组件级交互规范

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

1、产品邦-产品经理之家界面交互设计规范——IT应用服务产品界面组件级交互规范V1.0产品邦-产品经理之家目录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通讯录174.3信息列表204.4编号和序号234.4.1编号234.4.2序号254.5注册表单274.6联系方式334.7

2、图片裁切37产品邦-产品经理之家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非独占焦点层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、3添加行834.19排序85产品邦-产品经理之家修订记录修订人日期版本修订内容产品邦-产品经理之家1.概述1.1规范的目的l在产品开发过程中，给不同部门的相关人员提供统一的规范与指导，使沟通与合作顺利有效地进行，以保证产品界面的最终规范化实现；l从一点一滴入手解决公司产品的可用性问题：使操作更人性化，减轻用户的认知负担，改善产品的用户体验，提升产品的市场竞争力；l使产品在界面外观和操作行为上形成一致，加强公司产品的品牌化特征。1.2规范适用的范围企业SNS平台。1.3规范适用的人群参与产品设计的所有人员以及测试人员等。2.基本原则以下原则主要用来说明此规范的指导思想与设计依据。简单

4、描述如下，以供该文档的阅读者参考和使用。具体的原则描述请参见《界面设计指南》。2.1.一致性l视觉一致：在同一产品内，所有的同类界面元素在相同的应用环境下，界面外观在视觉上应该保持一致；否则，界面外观要予以区分；l操作行为一致：类似场景的界面设计，其操作方式必须保持一致；当操作行为相同时要保持视觉上的一致；当操作行为不同时，在视觉上就一定要有所区别；l外观与使用者的预期一致：保持对象与其行为相符，保持不同作用的对象外观的不同；视觉元素的外观及其操作结果，必须与用户的心理认知相符。2.2.简洁性l减轻视觉负担：使用尽可能少的元素，不提供与当前任务无关的信息；l简明的文字表述：文字表述

5、必须简明扼要、清晰易懂，内涵丰富，并易于理解和记忆；l操作简单：减少冗余的操作步骤。2.3.避免干扰和打断l避免干扰：明确用户在特定界面中的首要任务和目标，尽可能避免该界面上的视觉噪声和其它干扰。产品邦-产品经理之家l避免打断：让用户的操作连贯顺畅，避免使用模态对话框（弹出的独占焦点的对话框）打断用户的工作。1.1.减轻用户记忆负担l认知明确：产品中界面元素外观要明晰，易于辨别；产品的逻辑意义要合理，导航要及时准确；l系统智能化：提供默认值；帮助用户记住尽可能多的信息，最低限度地从用户那里索取信息；l合理的隐喻和习惯用法：使用用户熟悉的，符合使用习惯的隐喻，及通用的习惯用法，为用户

6、的任务提供直观易用的界面；l有效的启示：提供具有明确引导性的启示来指导用户正确操作（启示：某对象用来说明自身可以如何使用的外观属性）。1.2.及时有效的反馈l操作反馈：对用户的每一步操作给出及时的反馈，告知用户成功做了某事；l受范性反馈：界面对象的设计要在视觉上能提供即时响应鼠标操作行为的效果；l系统状态反馈：系统需要用户等待或系统出现错误时，要及时让用户明白现状；l选择合适的反馈形式：根据不同的情况，使用不同的反馈（如声音、触觉、语言、视觉反馈或是它们的组合）。1.3.让用户放松心态，不怕犯错l允许轻松的反向操作：在适当的时候，尽量提供撤销功能，使用户可以返回到上一步操作并重新进

7、行选择；l让用户可以重新开始：提供“恢复初始设置”选项，让用户敢于尝试；l避免输入错误：使用合适的选择控件（单选/多选/下拉列表/列表框等），提供最有代表性的默认选项，以及相应的输入帮助，来方便用户准确输入信息；l提供校验等功能：对用户的输入和选择等操作进行实时的判断，帮助用户及时更正错误；l避免埋怨：当用户犯错时，避免责怪和鲁莽地打断与关闭，要礼貌地指出错误所在，并提供有用的恢复建议。产品邦-产品经理之家1.产品交互通用规范以下为IT应用服务产品的交互设计通则，是所