欢迎来到天天文库
浏览记录
ID:12380701
大小:1.60 MB
页数:118页
时间:2018-07-16
《产品设计交互规范》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、广传电子商务有限公司文档密级:内部公开产品设计交互规范常州广传网络技术有限公司编写:王英2013年11月118广传电子商务有限公司文档密级:内部公开目录目录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
2、.4编号和序号194.4.1编号194.4.2序号204.5注册表单224.6联系方式28118广传电子商务有限公司文档密级:内部公开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搜
3、索634.16.1模糊搜索634.16.2精确搜索654.17数据添加684.17.1添加单个文件684.17.2添加多个文件694.17.3添加行734.18排序73118广传电子商务有限公司文档密级:内部公开1概述规范的制定采用UCD(以用户为中心的设计)方法,遵循ISO9241-11部分标准的要求。设计过程以用户的使用习惯和心理需求作为出发点,在认真研究并参考了国内外各种优秀设计的基础上,制定出了适合我集团应用服务产品的设计规范。此外,为保证规范具有良好的可用性和广泛的适用性,UE研究室对设计出的每个模式都进行了严格的用户测试,
4、并对各组件采取了不同应用场景的测试。该规范从产品交互的通用规则和具体组件的交互模式两个方面进行了规定。在每个组件规范中,给出了模式描述和扩展描述的规范描述,供不同的应用类型和使用场景选择、组合使用。1.1规范的目的l在产品开发过程中,给不同部门的相关人员提供统一的规范与指导,使沟通与合作顺利有效地进行,以保证产品界面的最终规范化实现;l从一点一滴入手解决公司产品的可用性问题:使操作更人性化,减轻用户的认知负担,改善产品的用户体验,提升产品的市场竞争力;l使产品在界面外观和操作行为上形成一致,加强公司产品的品牌化特征。1.2规范适用的范
5、围广传项目部内的所有产品。1.3规范适用的人群参与产品设计的所有人员、前端开发人员及测试人员等。注:从正式发文之日起属于新项目范畴的必须遵循此规范,对于已有项目进行重大版本升级的项目要遵循此规范。118广传电子商务有限公司文档密级:内部公开1基本原则以下原则主要用来说明此规范的指导思想与设计依据。简单描述如下,以供该文档的阅读者参考和使用。具体的原则描述请参见《界面设计指南》。1.1一致性l视觉一致:在同一产品内,所有的同类界面元素在相同的应用环境下,界面外观在视觉上应该保持一致;否则,界面外观要予以区分;l操作行为一致:类似场景的界
6、面设计,其操作方式必须保持一致;当操作行为相同时要保持视觉上的一致;当操作行为不同时,在视觉上就一定要有所区别;l外观与使用者的预期一致:保持对象与其行为相符,保持不同作用的对象外观的不同;视觉元素的外观及其操作结果,必须与用户的心理认知相符。1.2简洁性l减轻视觉负担:使用尽可能少的元素,不提供与当前任务无关的信息;l简明的文字表述:文字表述必须简明扼要、清晰易懂,内涵丰富,并易于理解和记忆;l操作简单:减少冗余的操作步骤。1.3避免干扰和打断l避免干扰:明确用户在特定界面中的首要任务和目标,尽可能避免该界面上的视觉噪声和其它干扰。
7、l避免打断:让用户的操作连贯顺畅,避免使用模态对话框(弹出的独占焦点的对话框)打断用户的工作。1.4减轻用户记忆负担l认知明确:产品中界面元素外观要明晰,易于辨别;产品的逻辑意义要合理,导航要及时准确;l系统智能化:提供默认值;帮助用户记住尽可能多的信息,最低限度地从用户那里索取信息;l合理的隐喻和习惯用法:使用用户熟悉的,符合使用习惯的隐喻,及通用的习惯用法,为用户的任务提供直观易用的界面;l有效的启示:提供具有明确引导性的启示来指导用户正确操作(启示:某对象用来说明自身可以如何使用的外观属性)。1.5及时有效的反馈118广传电子商
8、务有限公司文档密级:内部公开l操作反馈:对用户的每一步操作给出及时的反馈,告知用户成功做了某事;l受范性反馈:界面对象的设计要在视觉上能提供即时响应鼠标操作行为的效果;l系统状态反馈:系统需要用户等待或系统出现错误时,要
此文档下载收益归作者所有