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

1、用户体验要素以用户为中心的产品设计以用户为中心的产品设计Jesse James Garrett 著范晓燕 译1.你是否遇到过这样的情况？你是否遇到过这样的情况？用户体验如此重要？用户体验0101早晨起来，发现闹钟没有按照原先设定的响起来。一边煲水，一边穿衣服，临走前去取水却发现水没有煲好！到了地铁站，交通卡没有钱了。却发现机器充值无法识别你的交通卡，必须到便利店排队。终于成功坐上地铁，却不得不在地铁门前排队。排了3趟地铁，终于到了公司，你却迟到了。结果：尽管你已经非常努力，但你还是迟到了。那么，让我们看看这一连串的倒霉事，是什么让我们如此倒霉？X职员悲惨一天2.水没有煲好水没有煲好交通卡余额不

2、足交通卡余额不足自动充值不能识别卡自动充值不能识别卡设置未接通电源提示设置未接通电源提示设置余额不足提醒设置余额不足提醒设置提示插卡的方向设置提示插卡的方向 用户体验设计用户体验设计就是解决产品使用过程中的难题，让产品变得简单易用就是解决产品使用过程中的难题，让产品变得简单易用而这些其实很好解决而这些其实很好解决什么是用户体验设计用户体验01013.用户体验设计用户体验设计需要兼顾外形和功能设计，同时保证产品能够良好的工作需要兼顾外形和功能设计，同时保证产品能够良好的工作首页首页好友好友信息信息添加添加美观美观但不知所云但不知所云美观欠缺美观欠缺但更易使用但更易使用什么是用户体验设计用户体验0

3、2024.用户体验设计的好坏会用户体验设计的好坏会影响用户的忠诚度影响用户的忠诚度进入网站进入网站点击一个栏目点击一个栏目看看它是什么看看它是什么找到了吗？找到了吗？开心地离开开心地离开是是否否彻底绝望了吗彻底绝望了吗还还没没有有是是生气地离开生气地离开不再访问不再访问第一次使用某个网站第一次使用某个网站用户体验设计作用用户体验03035.用户体验设计影响用户忠诚度，而它最终会影响用户体验设计影响用户忠诚度，而它最终会影响企业的盈利能力企业的盈利能力用户忠诚度用户忠诚度用户转化率用户转化率投资回报率投资回报率36个付费订阅者个付费订阅者/360个访问者个访问者=10%用户体验设计作用用户体验0

4、4046.自下而上考虑自下而上考虑用户体验设计五要素用户体验0505五个层面表现层（surface）户所能看见的一切，字体的大小，导航的颜色，整体给人的感觉。框架层（skeleton）是决定某个板块或按钮等交互元素应该放在页面的什么地方。结构层（structure）用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方。范围层（scope）功能层，即你的这个产品都可以干些什么。这个产品有哪些功能战略层（strategy）经营者和用户分别想从网站得到什么。7.在一个产品项目中，对五要素的应用遵循在在一个产品项目中，对五要素的应用遵循在下一个要素结束之前完成下一个要素结束之前完成时间时间

5、用户体验设计五要素用户体验0606战略层战略层范围层范围层结构层结构层框架层框架层表现层表现层8.1战略层9.战略层0101战略层的定义 我们要从这个网站得到什么？-网站目标 我们的用户要从这个网站得到什么？-用户需求网站失败的最常见原因不是技术，也不是用户体验。网站失败的最常见原因，是在开始写第一行程序、描第一个像素，或配置第一个服务器之前，没有人试图回答下面两个非常基本的问题：通过回答第一个问题，我们就能描述出企业的网站目标网站目标。第二个问题则提出了用户需求用户需求的问题，这是来自企业外部的目标。结合内外两者，网站目标和用户需求就组成了战略层，也就成为我们设计用户体验过程中做出每一个决定

6、的基础。10.战略层战略层的定义0202网站目标商业目标：避免过于具体（例：为用户提供一个实时的文本通信工具）或过于宽泛（例：为公司省钱或赚钱）的目标。应当在充分了解问题再得出结论，明确定义“成功的条件”而不是定义“通向成功的路径”。品牌识别：除了品牌标识的视觉元素外（商标、字体、颜色）。你要决定品牌形象是无意中形成，还是通过产品设计有意安排。用户需求 为用户设计不是为设计师自己设计，需要站在用户的立场审视问题。探索用户需求的第一步是定义谁是我们的用户，进而才能对其调研，确定需求的优先级。用户细分：按照某些共同关键特征将用户分成更小的群组。通过这种方法揭示用户最终需求。用户需求可通过：问卷调查

7、、用户访谈、焦点小组、市场调查法、现场调研等获得。11.2范围层12.范围层范围层定义0101当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。定义项目范围包括了两个方面：定义项目范围包括了两个方面：包括包括 功能规格功能规格 和和 内容需求内容需求 两部分。两部分。功能规格：功能规格：针对功能型产品的“功能组合”的详细描述。内容需求：内容需求：针对信息型产品的“内容元素的要求”的详细描述。13.范围层实现过程价值步骤0202功能规格 功能规格说明不需要包含产品的每一个细节只需要包含在设计或开发过程中出现有可能混淆的功能定义。同时功能规格说明也不需要展望产

8、品未来的理想化状态只需要记录在创建这个产品时确定下来的决议。（理清混淆，立足当下）。内容需求 内容包括：文本、图像、音频、视频等。不同类型的内容结合在一起，协同满足某一个需求。定义出所有不同类型的内容，可以帮助你确定需要那些资源来制作这些内容。确定需求优先级1.确定需求优先级就是：排列出哪些功能应该包含到你现在的这个项目中去。2.评估需求的3个维度：用户需求、产品目标、可行性。14.3结构层15.结构层结构层定义0101 在收集完用户需求并将其排列好优先级后，需求并没有说明如何将这些分散的片段组成一个整体，这就是结构层：为网站创建一个概念结构。交互设计：作为软件界面的网页，为用户设计结构化体验

9、 信息架构：作为超文本的网页，内容建设通过信息架构构建用户体验 它们关心的是理解用户、用户的工作方式和思考方式 确定各个将要呈现给用户的选项的模式和顺序。16.结构层交互设计组成要素0202交互设计交互设计关注描述“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。不要让用户去适应产品，而是要让产品与用户互相适应，预测对方的下一步。程序员倾向做技术上效率高的产品，而交互设计师力求打造对用户而言的好产品。与其针对机器的最佳工作方式来设计系统，还不如设计一个对用户而言最好的系统。信息架构u信息架构研究的是人们如何认知信息的过程，对于产品而言，信息架构关注的就是呈现给用户的信息是否合理并

10、具有意义。这对信息型产品和功能型产品都很重要。u信息架构要求创建分类体系，两种建立方式：从上到下、从下到上。u从上到下：从上到下：由战略层驱动。u从下到上从下到上：由范围层驱动。17.4框架层18.框架层框架层定义0101界面界面设计设计导航导航设计设计信息信息设计设计提供用户做某些事的能力提供用户做某些事的能力提供用户去某个地方的能力提供用户去某个地方的能力传达想法给用户传达想法给用户,呈现有效呈现有效地信息沟通地信息沟通 在充满概念的结构层中形成了大量的需求，框架层中，我们要更进一步地提炼这些结构，确定详细的界面外观、导航和信息设计，使晦涩的结构变得实在。19.框架层框架层设计遵循原则02

11、02习习惯惯遵循用户日常使用习惯遵循用户日常使用习惯比比喻喻恰当使用生活中的比喻恰当使用生活中的比喻京东、新蛋、天猫类似网站，习惯相同按钮图标：电话、购物车等20.框架层界面设计0303 提供用户做某些事的能力提供用户做某些事的能力选择选择合适合适元素元素复选框复选框单选框单选框文本框文本框下拉菜单下拉菜单多选菜单多选菜单按钮按钮界面界面设计设计21.框架层导航设计目标及分类0404导航导航设计设计提供用户去某个地方的能力提供用户去某个地方的能力提供网页之间提供网页之间跳转方法跳转方法传达元素与内传达元素与内容之间的关系容之间的关系传达内容与页传达内容与页面之间关系面之间关系12322.5表现

12、层23.表现层表现层定义0101感知感知设计设计嗅觉嗅觉味觉味觉视觉视觉触觉触觉听觉听觉从五感角度考虑感知设计从五感角度考虑感知设计 内容、功能和美学汇集到一起来产生一个最终设计，从而满足其他层面的所有目标。24.表现层0101忠于眼睛 你的视线首先落在什么地方？哪个设计要素在第一时间吸引用户的注意力？它们对战略目标来讲是很重要的东西吗？用户第一时间注意到的东西与你的目标是否一致？如果你的设计是成功的，那么用户的眼睛在页面上移动的轨迹模式应该有以下两个特点：首先，他们遵循的是一条流畅的路径。第二，在不需要用太多细节来吓倒用户的前提下，为用户提供有效选择的、某种可能的“引导”。25.表现层视觉效果处理方法0303视觉视觉视视线线原原则则风风格格文文档档流畅的路径流畅的路径引导作用引导作用亲密亲密重复重复对比对比一致性一致性配色配色排版排版线框图线框图风格指南风格指南设计网格、配色方案、字体标准或标志应用指南；使所有人遵循一套统一的标准来运作，使网站看起来是一个协调一致的整体。26.谢谢观看Thank You！27.此课件下载可自行编辑修改，此课件供参考！此课件下载可自行编辑修改，此课件供参考！部分内容来源于网络，如有侵权请与我联系删除！部分内容来源于网络，如有侵权请与我联系删除！