用户体验与交互设计07ppt课件.ppt

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