文档介绍：产品设计交互规范
产品设计交互规范
产品设计交互规范
产品设计交互规范
1407H
盛腾飞
目录
目录ﻩ2
1ﻩ概述ﻩ3
1。１ﻩ规范的目的ﻩ４

2ﻩ基本原则5
２用用户熟悉的，符合使用****惯的隐喻，及通用的****惯用法,为用户的任务提供直观易用的界面;
有效的启示:提供具有明确引导性的启示来指导用户正确操作（启示:某对象用来说明自身可以如何使用的外观属性）。
及时有效的反馈
操作反馈：对用户的每一步操作给出及时的反馈，告知用户成功做了某事；
受范性反馈：界面对象的设计要在视觉上能提供即时响应鼠标操作行为的效果;
系统状态反馈：系统需要用户等待或系统出现错误时,要及时让用户明白现状；
选择合适的反馈形式：根据不同的情况,使用不同的反馈（如声音、触觉、语言、视觉反馈或是它们的组合)。
让用户放松心态，不怕犯错
产品设计交互规范
产品设计交互规范
产品设计交互规范
允许轻松的反向操作:在适当的时候,尽量提供撤销功能，使用户可以返回到上一步操作并重新进行选择；
让用户可以重新开始：提供“恢复初始设置"选项，让用户敢于尝试；
避免输入错误：使用合适的选择控件（单选／多选/下拉列表/列表框等），提供最有代表性的默认选项，以及相应的输入帮助,来方便用户准确输入信息;
提供校验等功能：对用户的输入和选择等操作进行实时的判断，帮助用户及时更正错误；
避免埋怨：当用户犯错时,避免责怪和鲁莽地打断与关闭,要礼貌地指出错误所在,并提供有用的恢复建议。
产品设计交互规范
产品设计交互规范
产品设计交互规范
交互通用规范
以下产品的交互设计通则,是所有的交互模式必须遵守的普遍规范,用以统一产品的交互行为.（此部分规范将随着组件模式的不断扩充，进行逐步添加和完善.）
受范性指示
受范性是指鼠标指针移过可点击区域时可点击区域的视觉变化，用以说明该对象是可操作的以及何时可以进行操作.
对象对鼠标指针或手势滑动移动的响应必须即时有效;
响应形式必须明确清晰（如：鼠标移过按钮或手势滑动，按钮有被按下的效果）；
受范性表现必须保持高度的一致：同等功能和操作的元素受范性必须相同（如:鼠标指向链接文字时都做同样的变化）；
在鼠标指针移或手势滑动时对象必须即时恢复原来状态;
命令按钮也经常被显示为链接样式（文本+下划线)，此时为了与普通的链接相区分，必须提供非常明显的不同于链接的受范性指示.
操作不可用状态
当用户在某些时候不能进行某些操作时,该命令按钮或命令文本(或其它的形式）在外观上应显示为不可用状态(如置灰)，用来使界面稳定,使用户保持恒定和完整的思维模式,减少用户的认知负担。
显示为不可用状态的按钮或文本必须保持与可用状态的位置、大小、形态保持一致，仅色彩、灰度和立体效果等发生变化。
产品设计交互规范
产品设计交互规范
产品设计交互规范
操作不可用的情况主要包括：
菜单性质和导航性质的操作不可用时不能隐藏，应该显示为不可用状态,如下图所示：
图交互通用规范。Error! Bookmark not
工具栏按钮不可用时不能隐藏，应该显示为不可用状态,如下图所示：
图　3Error! Bookmark not defined. 工具按钮不可用
当一个操作在用户进行了某行为（如填写或选择了某选项时)就变为可操作，则该操作不可用时不能隐藏，应该显示为不可用状态,如下图所示：
图交互通用规范﻾Error! Bookmark not
注：具体不可用状态效果见视觉规范.
有趣高于功能
产品必须充满了趣味性，必须充满了ＣＯOL,才能形成良好的传播和口碑；索然无趣的产品，最终由客户检验进而丢弃；
功能高于交互
明确的功能满足明确的需求，用户不会在意炫酷的交互效果;关键是功能是否能满足客户的潜在需求；
交互高于ＵI
设计的时候,首先追求便捷、快速的特点；然后要围绕具体的功能来实现UＩ,并不需要专门设立一个功能。
产品设计交互规范
产品设计交互规范
产品设计交互规范
注意屏幕滚动
Ø由于移动终端屏幕特性,尽可能减小单页面加载量，降低图片文件大小和数量，加快加载速度，方便用户体验。尽可能减少垂直方向滚动，尽可能不超过两屏。由于将导致非常恶劣的客户体验，尽可能禁止浏览器水平滚动操作。尽可以隐藏不必要的按纽,突出重点,减少用户的思考。
组件规范
表格
主要应用于大批量数据的展示、查看、维护等方面。基础表格是表格本身最原始的一些属性集合，针对表格在不同场景下的状况,在扩展设计中会一一罗列出来。
【设计意图】
合理有效的组织数据信息；
帮助用