品牌策划与推广 用户交互设计与可用性测试、品牌策划与推广 第09章 用户交互设计与体验设计(UED).pptVIP

用户体验团队的构成及职责 用户体验设计（UED）团队的构成及职责 用户体验总是体验在细微之处，并且贯穿于产品从研发到衰退的整个生命周期 产品经理职责 用户研究 竞争分析 项目经理职责 项目管理 视觉设计职责 产品UI、平面设计、多媒体设计 交互设计职责 竞争对手分析 交互设计工作 网页重置职责 页面重置 谢谢 SEC 9.0 * 题目1：P57 第一题 题目2：P270 练习1 题目3：p270 联系2 中国职业教育联盟课程体系 * * * * 中国职业教育联盟课程体系 中国职业教育联盟课程体系 成就百万精英 产品运营课程 第09章 用户交互设计与体验设计(UED) 本章学习目标 1.什么是用户交互设计 2.如何更好的交互设计 3.常用交互设计的原则 4. 用户体验（UE） 5.用户体验设计（UED） 什么是交互设计 交互设计试图提高产品或系统的可用性和用户体验。它首先研究、了解某类用户的需求，然后再通过设计来满足甚至超出用户的需求。 随着产品和操作变得越来越复杂，越需要用户掌握更多新技能，因此设计师面临更大的挑战如何能帮助用户提高效率。 通常，新技术对于目标用户来讲都很复杂。交互设计试图在保证产品功能的同时又能缩短用户的学习曲线，提高任务完成的准确性和效率。这能让用户遇到更少的阻碍，从而能有更高的效率，并感到更加满意。 交互设计是用户体验的重要组成部分，位于用户体验中的重要位置-结构层。 交互设计简述 什么是交互设计 互联网交互设计是指用户使用产品过程中行为输入产品再到产品输出信息的全过程，拿iphone解锁举例： 交互设计简述 什么是交互设计 基础的交互方式 如何更好的交互设计 交互设计的流程 1、定性研究：有针对性的研究可能使用你产品的人； 2、确定任务角色：即产品典型的用户； 3、编写交互动作脚本：即用户使用产品的所有可能发生的动作； 4、画流程图：即用户使用过程图； 5、画线框图：将动作概念模型变成清晰视觉模型； 6、制作原型：检验产品设计的逻辑和梳理功能流程； 7、专家评测：对交互设计了解的人反复测试原型； 8、用户评测：让用户使用原型完成一定任务； 如何更好的交互设计 交互设计过程 ? ! 聚焦 设计 多 探索 少 评估 如何更好的交互设计 产品瀑布流程 概念 头脑风暴市场研究 情境调查  定义 人物角色模型 用户场景 故事板 概念导图 设计 流程图 原型（纸、线框、高保、设计说明） 视觉 内容清单 可用性测试 检查 验收清单 MRD PRD评审 设计评审 UC评审 测试用例 检查 如何更好的交互设计 交互设计方法 1、任务分析 2、导航设计 3、页面布局 4、原型设计 5、交互说明 如何更好的交互设计 任务分析 与产品经理、运营方会议沟通并阅读理解PRD，转化产品需求为产品交互任务分析。 任务流程（思维导图、流程图） 任务列表（树形结构） 如何更好的交互设计 导航设计 常见导航有：全局导航、辅助导航 导航设计是交互设计中的关键, 导航设计目的是把复的信息和页面经过组织清晰的展现给用户； 要让用户清楚自己处在的位置，自己可以访问那里； 导航设计决定了整个产品操作逻辑；与页面关系。 如何更好的交互设计 页面布局 常用的布局：两列、三列 根据前面的任务分析与导航设计，选则适合当前产品的页面布局，把细碎的功能与导航粗略。的排放进页面内。 如何更好的交互设计 原型设计 原型设计是交互设计中比较重要的产出物，在确认的布局中添加功能模块细节的交互的形式。原型设计是交互设计师与产品经理、开发工程师、QA沟 通的最好工具。 原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。 原型分为：高保原型、低保原型（线框图） 如何更好的交互设计 设计说明 标明页面里操作的各种交互状态说明，让视觉设计师、开发工程师可对照交互产出物更好的理解开发产品。 如何更好的交互设计 我们如何更好的学习交互设计，建议练习方式如下： 找到一些常见的任务，例如注册，登陆，发布微博等； 仔细分析用户的特征后，明确目标以后，自己开始手绘交互的流程； 反复修改，直到你认为已经达到了最简单，最好体验； 对比你的设计与真正的现有的优秀产品； 识别性 形状 布局 尺寸 色彩 等.. 感知性 文案 色彩感受 版式 关系 层级 可衡量性 流程 点击次数 移动距离 姿态 完成时间 常用交互设计的原则 可视性：功能可视性越好，越方便用户发现和了解使用方法； 反馈：返回与活动相关的信息，以便用户能够继续下一步操作； 限制：在特定时刻显示用户操作，以防误操作； 映射：准确表达控制及其效果之间的关系； 一致性：保证同一系统的同一功能的表现及操作一