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

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