文档介绍：产品设计交互规范
1407H
盛腾飞
目录
目录 2
1 概述 3
规范目 4
规范合用范畴 4
规范合用人群 4
2 基本原则 5
一致性 5
简洁性 5
避免干扰和打断 5
减轻顾客记忆承担 5
及时有效反馈 5
让顾客放松心态，不怕出错 6
3 产品交互通用规范 7
受范性批示 7
操作不可用状态 7
4 组件规范 9
表格 9
单元格数据 14
单元格数据展示 14
通讯录 15
信息列表 17
编号和序号 19
编号 19
序号 20
注册表单 22
联系方式 28
图片裁切 32
固定尺寸 32
自定义尺寸 34
翻页 35
日期输入 39
通过日历选取日期 39
年份跨度较大时日期选取 43
等量条目分隔线 45
高档加密 48
进度条 51
图形化面包屑 53
星级评分 54
保存图标 57
弹出层 59
非独占焦点层 59
独占焦点层 60
局部独占焦点层 62
搜索 63
模糊搜索 63
精准搜索 65
数据添加 68
添加单个文献 68
添加各种文献 69
添加行 73
排序 73
概述
规范制定采用UCD（以顾客为中心设计）办法，遵循ISO9241-11某些原则规定。设计过程以顾客使用****惯和心理需求作为出发点，在认真研究并参照了国内外各种先进设计基本上，制定出了适合我集团应用服务产品设计规范。此外，为保证规范具备良好可用性和广泛合用性，UE研究室对设计出每个模式都进行了严格顾客测试，并对各组件采用了不同应用场景测试。
该规范从产品交互通用规则和详细组件交互模式两个方面进行了规定。在每个组件规范中，给出了模式描述和扩展描述规范描述，供不同应用类型和使用场景选取、组合使用。
规范目
在产品开发过程中，给不同部门有关人员提供统一规范与指引，使沟通与合伙顺利有效地进行，以保证产品界面最后规范化实现；
从一点一滴入手解决公司产品可用性问题：使操作更人性化，减轻顾客认知承担，改进产品顾客体验，提高产品市场竞争力；
使产品在界面外观和操作行为上形成一致，加强公司产品品牌化特性。
规范合用范畴
广传项目部内所有产品。
规范合用人群
参加产品设计所有人员、前端开发人员及测试人员等。
注：从正式发文之日起属于新项目范畴必要遵循此规范，对于已有项目进行重大版本升级项目要遵循此规范。
基本原则
如下原则重要用来阐明此规范指引思想与设计根据。简朴描述如下，以供该文档阅读者参照和使用。详细原则描述请参见《界面设计指南》。
一致性
视觉一致：在同一产品内，所有同类界面元素在相似应用环境下，界面外观在视觉上应当保持一致；否则，界面外观要予以区别；
操作行为一致：类似场景界面设计，其操作方式必要保持一致；当操作行为相似时要保持视觉上一致；当操作行为不同步，在视觉上就一定要有所区别；
外观与使用者预期一致：保持对象与其行为相符，保持不同作用对象外观不同；视觉元素外观及其操作成果，必要与顾客心理认知相符。
简洁性
减轻视觉承担：使用尽量少元素，不提供与当前任务无关信息；
简要文字表述：文字表述必要简要扼要、清晰易懂，内涵丰富，并易于理解和记忆；
操作简朴：减少冗余操作环节。
避免干扰和打断
避免干扰：明确顾客在特定界面中首要任务和目的，尽量避免该界面上视觉噪声和其他干扰。
避免打断：让顾客操作连贯顺畅，避免使用模态对话框（弹出独占焦点对话框）打断顾客工作。
减轻顾客记忆承担
认知明确：产品中界面元素外观要明晰，易于辨别；产品逻辑意义要合理，导航要及时精确
；
系统智能化：提供默认值；协助顾客记住尽量多信息，最低限度地从顾客那里索取信息；
合理隐喻和****惯用法：使用顾客熟悉，符合使用****惯隐喻，及通用****惯用法，为顾客任务提供直观易用界面；
有效启示：提供具备明确引导性启示来指引顾客对的操作（启示：某对象用来阐明自身可以如何使用外观属性）