用户体验与交互设计.ppt

2016年7月济南用户体验、交互设计知识学习与交流目录Contents叁设计案例展示 对用户动作反馈 引导用户操作用心设计贰用户体验五要素战略层范围层结构层框架层表现层壹用户体验用户体验要素交互设计设计质量评估概念介绍用户体验与交互设计壹概念介绍用户体验交互设计用户体验要素设计质量评估特定的用户群体实际使用产生的效果用户体验是用户在使用产品过程中的操作感受，以及在此过程中产生的心理活动。用户是体验好坏的裁判。用户体验的概念用户体验要素Elements of User Experience功能可用功能有用功能流程简单满足情感诉求导航结构一致符合用户预期信息排版一致视觉风格一致高效易识别易理解易发现易阅读可靠安全符合平台规范提供帮助信息用户体验标准方案表达一致信息结构清晰信息组织清晰灵活容错实时用户体验与交互设计交互设计的概念关注用户行为实际使用产生的效果通过UI用户界面体现交互设计（InteractionDesign）指一个产品如何根据用户的行为而“行动”，以及如何让用户通过一些控制键去操纵产品。用户的操作包括：点击、拖拽、输入。设计质量评估Design quality evaluation用户体验与交互设计有用性 usefulness 在马克思的资本论中，有用性与使用价值通用；有存在的价值即有用性。实现产品的价值是产品经理的主要职责。可用性 Usabilit是评价产品易于使用的质量属性。是一个产品可以被特定的用户在特定的环境中有效、高效并且满意的达成特定目标的程度。对于那些无任何意义的信息或标识我们可以选择去掉；三个|特定要求我们在做产品设计时需要先了解用户的需求，确定优先级，区分主次，突出重要的信息，弱化不重要的；可以采用字体大小、颜色变化等方式突出重点，使用浅灰色文字展示需弱化的信息。可用性 Usabilit尼尔森的十大可用性原则1.系统状态的可见性原则：系统应该让用户知道发生了什么，在适当的时间内做出适当的反馈。用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。设计质量评估Design quality evaluation用户体验与交互设计系统对于用户的操作要给予反馈，长时间的等待给出进度提醒。可用性 Usabilit尼尔森的十大可用性原则2.系统和现实世界的匹配：使用用户的语言，使用用户熟悉的单词、词组和概念，而不是面向系统的术语。页面信息的表现和表述，应该尽可能贴近用户所在的环境（年龄、学历、文化、时代背景）。设计质量评估Design quality evaluation用户体验与交互设计可用性 Usabilit尼尔森的十大可用性原则3.用户控制和自由度：为了避免用户的误用和误击，系统应支持撤销和重做的功能。设计质量评估Design quality evaluation用户体验与交互设计可用性 Usabilit尼尔森的十大可用性原则4.一致性和标准化原则：遵循产品设计规范，同一用语、功能、操作保持一致。设计质量评估Design quality evaluation用户体验与交互设计可用性 Usabilit尼尔森的十大可用性原则5.错误预防原则：使用用心的设计提醒错误信息。并通过页面的设计、重组或特别安排，防止用户出错。设计质量评估Design quality evaluation用户体验与交互设计肯定性的提交信息在前、否定性的取消在后，对于删除性操作警告提醒。可用性 Usabilit尼尔森的十大可用性原则6.识别而不是回忆：将对象、动作和选项可视化，减少用户的记忆负荷。动作和选项都应该是可见的。把需要记忆的内容摆上。设计质量评估Design quality evaluation用户体验与交互设计可用性 Usabilit尼尔森的十大可用性原则7.使用的灵活性和效率：根据使用频率，设置系统常用功能区，用户也可以定制经常使用的动作。采用不同的加速器进行细节体验设计，提高产品使用效率。设计质量评估Design quality evaluation用户体验与交互设计可用性 Usabilit尼尔森的十大可用性原则8.美学和最小设计：对话框的每一个附加信息都会和相关信息竞争并减少它们的相对可视性。满足用户浏览页面的动作不是读，不是看，而是扫。突出重点，弱化和剔除无关信息。设计质量评估Design quality evaluation用户体验与交互设计可用性 Usabilit尼尔森的十大可用性原则9.帮助用户认识、诊断错误并恢复：用语言表达（不要用代码）表达错误信息，并且提出一个建设性的解决方案。设计质量评估Design quality evaluation用户体验与交互设计可用性 Usabilit尼尔森的十大可用性原则10.人性化的帮助和文档：好的产品不需要提示就可以使用，但是有必要提供帮助和文档，这些信息应容易搜索、关注用户任务并列出需要执行的具体步骤，舍弃大而全。设计质量评估Design quality evaluation用户体验与交互设计贰用户体验五要素视觉体验交互体验产品体验结构层次Layer of structure用户体验五要素产品设计交互设计视觉设计表现层框架层结构层范围层战略层视觉设计导航设计界面设计信息设计交互设计信息架构功能规格内容需求用户需求产品目标任务流信息流完成时间概念抽象具体表现层框架层结构层范围层战略层产品设计战略层用户需求产品目标时间概念抽象战略层1战略层 为什么要做客户需求产品目标p用户群与相关干系人（改善用户）p用户调研（简化流程，提升）p要实现的商业目标（实现）p业务创新的功能点（突破）p需要解决的痛点（解决）结构层次Layer of structure用户体验五要素产品设计范围层功能规格内容需求时间概念抽象范围层战略层2范围层 做什么，不做什么内容需求功能规格p用户故事（背景分析）p输入、输出p词汇表p功能说明书（避免主观语气、使用具体可量化的术语）p业务操作流程p功能优先级（人力、物力、财力、时间与战略目标一致）交互设计结构层次Layer of structure用户体验五要素产品设计交互设计结构层交互设计信息架构时间概念抽象具体结构层3结构层怎么做？交互设计信息架构p概念，模型，方法的一致性p错误和边界处理输入，必有限制输入，必考虑输出成功，必考虑失败p组织分类，导航设计p对信息的组织管理：分类、排序p基础单元节点，任意信息片断或组合视觉设计结构层次Layer of structure用户体验五要素产品设计交互设计框架层导航设计界面设计信息设计时间概念抽象框架层具体4框架层要做成什么样子导航设计信息设计p引导用户操作p展示页面之间的关系p有效的信息沟通p传达想法给用户界面设计p传达关键信息给用户p选择合适的界面元素结构层次Layer of structure用户体验五要素产品设计交互设计视觉设计表现层视觉设计任务流信息流完成时间概念抽象具体表现层5表现层做成了什么样子？结构层次Layer of structure用户体验五要素结构层次Layer of structure用户体验五要素产品设计交互设计视觉设计表现层框架层结构层范围层战略层视觉设计导航设计界面设计信息设计交互设计信息架构功能规格内容需求用户需求产品目标任务流信息流完成时间概念抽象具体表现层框架层结构层范围层战略层叁案例展示前沿技术分析亮点展相分析案例展示CaseShow用户体验与交互设计1交互设计 对用户动作反馈系统状态的可见，让用户知道发生了什么，并在适当的时间内做出适当的反馈。2交互设计 引导用户操作展示当前与整体的结构关系；突出显示当前操作；使用提示性文字引导用户操作。案例展示CaseShow用户体验与交互设计3交互设计 用心设计案例展示CaseShow用户体验与交互设计突出显示用户关心的数值、状态等信息；通过提示信息帮助用户快速使用产品；使用图标+文字的方式标识功能菜单。Thank you恳请给予宝贵意见