网易邮箱交互控件第三次修订.pdf

网易邮箱交互控件规范 用户体验设计中心 第三次修订 2009 年11 月11 日 目彔 前言 1 什么是网易交互控件规范？ 1 为什么要做这个规范？ 1 包括哪些内容？ 1 适用范围 2 导航栏 Navigation Bar 3 定义 3 组成元素 4 适用范围 4 交互规范 5 标签页 Tab 10 定义 10 组成元素 11 适用范围 11 交互规范 13 面包屑Breadcrumb 18 定义 18 组成元素 19 适用范围 19 交互规范 20 其他表现形式 23 翻页Page Navigation 24 定义 24 组成元素 25 适用范围 25 交互规范 25 树状图 Tree view 29 定义 29 组成元素 30 适用范围 31 交互规范 31 其他表现形式 35 标题Title 37 定义 37 组成元素 38 适用范围 38 交互规范 39 列表视图 List View 42 定义 42 组成元素 43 适用范围 44 交互规范 44 其他表现形式 49 链接 Link 50 定义 50 组成元素 51 适用范围 51 交互规范 52 按钮 Button 56 定义 56 组成元素 57 适用范围 58 交互规范 59 补充说明 66 下拉列表 Drop-down List 69 定义 69 组成元素 70 适用范围 71 交互规范 71 文本框 Text Box 75 定义 75 组成元素 76 适用范围 76 交互规范 76 单选按钮 Radio Button 83 定义 83 组成元素 84 适用范围 84 交互规范 84 复选框 Check Box 88 定义 88 组成元素 89 适用范围 89 交互规范 90 渐迚展开 Progressive Disclosure 92 定义 92 组成元素 93 适用范围 93 交互规范 94 窗口 Windows 97 定义 97 组成元素 98 适用范围 99 交互规范 101 补充说明 115 浮层 Floating Layer 120 定义 120 组成元素 121 适用范围 122 交互规范 122 Tips 125 定义 125 组成元素 126 适用范围 127 交互规范 129 迚度条 Progress Bar 136 定义 136 组成元素 137 适用范围 137 交互规范 138 其他表现形式 139 附彔 140 可用性原则 140 Google User Experience 141 前言 什么是网易交互控件规范？ 网易邮箱交互控件规范是把邮箱用到的所有控件总结出来(如：标签，面包屑，链接，窗口)，对所有控件 的使用方法，适用范围，交互规范等制定标准，形成统一化文档。 为什么要做这个规范？ 1. 为形成邮箱产品应用控件的统一标准与风格, 邮箱产品用户界面的可用性与用户体验的一致性。 2. 优化工作流程与效率，使设计师在基本控件使用上不会重复犯错误。 3. 帮助新设计师快速上手，熟悉邮箱交互设计细则。 包括哪些内容？ 包括常用的共 18 个控件，分为四个大类：导航类，描述类