《用户体验要素》读书笔记ppt课件.ppt

1 早晨起来 发现闹钟没有按照原先设定的响起来 一边煲水 一边穿衣服 临走前去取水却发现水没有煲好 到了地铁站 交通卡没有钱了 却发现机器充值无法识别你的交通卡 必须到便利店排队 终于成功坐上地铁 却不得不在地铁门前排队 排了3趟地铁 终于到了公司 你却迟到了 结果 尽管你已经非常努力 但你还是迟到了 那么 让我们看看这一连串的倒霉事 是什么让我们如此倒霉 X职员悲惨 一天 2 水没有煲好 交通卡余额不足 自动充值不能识别卡 设置未接通电源提示 设置余额不足提醒 设置提示插卡的方向 3 首页 好友 信息 添加 美观但不知所云 美观欠缺但更易使用 4 进入网站 点击一个栏目 看看它是什么 找到了吗 开心地离开 是 否 彻底绝望了吗 还没有 是 生气地离开 不再访问 用户体验设计作用 用户体验 03 5 36个付费订阅者 360个访问者 10 用户体验设计作用 用户体验 04 6 自下而上考虑 用户体验设计五要素 用户体验 05 五个层面 表现层 surface 户所能看见的一切 字体的大小 导航的颜色 整体给人的感觉 框架层 skeleton 是决定某个板块或按钮等交互元素应该放在页面的什么地方 结构层 structure 用来设计用户如何到达某个页面 并且在他们做完事情之后能去什么地方 范围层 scope 功能层 即你的这个产品都可以干些什么 这个产品有哪些功能 战略层 strategy 经营者和用户分别想从网站得到什么 7 时间 用户体验设计五要素 用户体验 06 战略层 范围层 结构层 框架层 表现层 8 1 战略层 9 战略层 01 战略层的定义 我们要从这个网站得到什么 网站目标我们的用户要从这个网站得到什么 用户需求 网站失败的最常见原因不是技术 也不是用户体验 网站失败的最常见原因 是在开始写第一行程序 描第一个像素 或配置第一个服务器之前 没有人试图回答下面两个非常基本的问题 通过回答第一个问题 我们就能描述出企业的网站目标 第二个问题则提出了用户需求的问题 这是来自企业外部的目标 结合内外两者 网站目标和用户需求就组成了战略层 也就成为我们设计用户体验过程中做出每一个决定的基础 10 战略层 战略层的定义 02 网站目标商业目标 避免过于具体 例 为用户提供一个实时的文本通信工具 或过于宽泛 例 为公司省钱或赚钱 的目标 应当在充分了解问题再得出结论 明确定义 成功的条件 而不是定义 通向成功的路径 品牌识别 除了品牌标识的视觉元素外 商标 字体 颜色 你要决定品牌形象是无意中形成 还是通过产品设计有意安排 用户需求为用户设计不是为设计师自己设计 需要站在用户的立场审视问题 探索用户需求的第一步是定义谁是我们的用户 进而才能对其调研 确定需求的优先级 用户细分 按照某些共同关键特征将用户分成更小的群组 通过这种方法揭示用户最终需求 用户需求可通过 问卷调查 用户访谈 焦点小组 市场调查法 现场调研等获得 11 2 范围层 12 范围层 范围层定义 01 当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时 战略就变成了范围 定义项目范围包括了两个方面 包括功能规格和内容需求两部分 功能规格 针对功能型产品的 功能组合 的详细描述 内容需求 针对信息型产品的 内容元素的要求 的详细描述 13 范围层 实现过程价值步骤 02 功能规格功能规格说明不需要包含产品的每一个细节 只需要包含在设计或开发过程中出现有可能混淆的功能定义 同时功能规格说明也不需要展望产品未来的理想化状态 只需要记录在创建这个产品时确定下来的决议 理清混淆 立足当下 内容需求内容包括 文本 图像 音频 视频等 不同类型的内容结合在一起 协同满足某一个需求 定义出所有不同类型的内容 可以帮助你确定需要那些资源来制作这些内容 确定需求优先级1 确定需求优先级就是 排列出哪些功能应该包含到你现在的这个项目中去 2 评估需求的3个维度 用户需求 产品目标 可行性 14 3 结构层 15 结构层 结构层定义 01 在收集完用户需求并将其排列好优先级后 需求并没有说明如何将这些分散的片段组成一个整体 这就是结构层 为网站创建一个概念结构 交互设计 作为软件界面的网页 为用户设计结构化体验信息架构 作为超文本的网页 内容建设通过信息架构构建用户体验它们关心的是理解用户 用户的工作方式和思考方式 确定各个将要呈现给用户的选项的模式和顺序 16 结构层 交互设计组成要素 02 17 交互设计 交互设计关注描述 可能的用户行为 同时定义 系统如何配合与响应 这些用户行为 不要让用户去适应产品 而是要让产品与用户互相适应 预测对方的下一步 程序员倾向做技术上效率高的产品 而交互设计师力求打造对用户而言的好产品 与其针对机器的最佳工作方式来设计系统 还不如设计一个对用户而言最好的系统 信息架构 信息架构研究的是人们如何认知信息的过程 对于产品而言 信息架构关注的就是呈现给用户的信息是否合理并具有意义 这对信息型产品和功能型产品都很重要 信息架构要求创建分类体系 两种建立方式 从上到下 从下到上 从上到下 由战略层驱动 从下到上 由范围层驱动 4 框架层 18 框架层 框架层定义 01 界面设计 导航设计 信息设计 提供用户做某些事的能力 提供用户去某个地方的能力 传达想法给用户 呈现有效地信息沟通 在充满概念的结构层中形成了大量的需求 框架层中 我们要更进一步地提炼这些结构 确定详细的界面外观 导航和信息设计 使晦涩的结构变得实在 19 框架层 框架层设计遵循原则 02 习惯 遵循用户日常使用习惯 比喻 恰当使用生活中的比喻 京东 新蛋 天猫类似网站 习惯相同 按钮图标 电话 购物车等 20 框架层 界面设计 03 提供用户做某些事的能力 选择合适元素 复选框 单选框 文本框 下拉菜单 多选菜单 按钮 界面设计 21 框架层 导航设计目标及分类 04 导航设计 提供用户去某个地方的能力 提供网页之间跳转方法 传达元素与内容之间的关系 传达内容与页面之间关系 1 2 3 22 5 表现层 23 表现层 表现层定义 01 感知设计 嗅觉味觉 视觉 触觉 听觉 从五感角度考虑感知设计 内容 功能和美学汇集到一起来产生一个最终设计 从而满足其他层面的所有目标 24 表现层 01 忠于眼睛 你的视线首先落在什么地方 哪个设计要素在第一时间吸引用户的注意力 它们对战略目标来讲是很重要的东西吗 用户第一时间注意到的东西与你的目标是否一致 如果你的设计是成功的 那么用户的眼睛在页面上移动的轨迹模式应该有以下两个特点 首先 他们遵循的是一条流畅的路径 第二 在不需要用太多细节来吓倒用户的前提下 为用户提供有效选