《用户体验的要素》摘记

《用户体验的要素》摘记[作者：schiy2008-08-03星期日分类：体验设计5,408次浏览]立即发表评论最近将JesseJamesGarrett的《用户体验的要素》一书读了两遍，做一些简要的摘录并添加一些个人注释。当然，一本好书绝对不是简单的摘要与评述就能够体现它所有的精辟的观念的，在这里只是选择性的做了记录，书中还有很多显而易见的要点并未记录在此。以下内容中的红色文字为本人注释，其它均为原文。___________________________________________________________提供优质的用户体验是一个重要的、可持续的竞争优势。转化率是一种常用的方式，来衡量用户体验的效果。【其实并不能单纯的以转化率来衡量用户体验效果。因为转化率还包括一些其它方面的因素，比如：所提供的信息对多少人有用？——该书地30页也提到了这一点。】任何在用户体验上所做的努力，目的都是为了提高效率。创建吸引人的、高效的用户体验的方法被称为以用户为中心的设计（user-centereddesign）。用户体验的5个要素：1.表现层【视觉呈现】在这个五层模型的顶端，我们把注意力转移到网站用户会首先注意到的那方面：视觉设计。这里，内容、功能和美学汇集导一起来产生一个最终设计，这将满足其他四个层面的所有目标。2.框架层【布局】在充满概念的结构层中开始形成了大量的需求，这些需求都是来自我们的战略目标的需求。再框架层，我们要更进一步地提炼这些结构，确定很详细的界面外观、导航和信息设计，这能让晦涩的结构变得更实在。3.结构层【交互。如何、可以、应该……】在收集完用户需求并将其排列好优先级别之后，我们对于最终产品将会包括什么特性已经有了清楚的图像。然而，这些需求并没有说明如何将这些分散的片段组成一个整体。这就是范围层的上面一层：为网站创建一个概念结构。4.范围层【对需求的整合】带着“我们想要什么”、“我们的用户想要什么”的明确认识，我们就能弄清楚如何去满足所有这些战略的目标。当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。5.战略层【自身目标与用户需求】成功的用户体验，起基础是一个被明确表达的“战略”。知道企业与用户双方对网站的期许和目标，有助于确立用户体验各方面战略的制定。如果想在开始“较高层面”设计之前，要完全确定“较低层面”的话，几乎可以肯定的是，你已经把你的项目日程——也许是你最终产品的成功——扔进了一个危险的境地之中。要求每个层面的工作再下一层面可以开始之前完成，会导致你和你的用户都不满意的结果。一个更好的方法是让每一个层面的工作在下一个层面可以结束之前完成。用户不仅仅为了体验导航的乐趣而访问网站。你可以得到的内容（或你有资源去得到和管理的内容）将在你的网站中扮演一个非常重要的角色。当前难以满足的需求，可以成为启动下一个版本的基础，这样就能形成一个不断循环的开发过程。【在项目进行到中后期就要针对时间与进度而慎重考虑哪些功能不需要马上实现，而是将它们作为下一个版本的基础功能】让一个工程师、一个客服人员、一个营销人员坐到一间会议室中谈论同一个网站，这会对大家都有启发意义。听取各方从自己熟悉的角度出发来考虑的、对于网站的观点——并给于反馈——可以鼓励人们从不同的角度来思考开发中的网站遇到的问题以及解决办法。【这与我之前的想法有出入。仔细想想这样做还是有必要的。虽然再这个过程中，一定会出现类似“我觉得这个换成红色好看点”、“这个太大了”、“那个太小了”这样主观性的评论，但是我们可以忽视，而重点考虑那些有实际意义的建议。】信息架构着重于设计组织分类和导航的结构，从而让用户可以提高效率、有效地浏览网站的内容。成功的用户体验就是能事先知道用户的期望。【当我们了解用户所期望的是什么之后，再来定制信息的组织方式，将会让产品的体验迈上一个新台阶。】既使结构完全准确地代表了用户对网站的理解，用户也仍然无法在结构中找到他们想走的路，这是因为他们无法了解你的命名原则（nomenclature）：描述、标签和网站使用的其他术语。【有时候，你不需要自己创造一些与众不同的新词汇，否则会让用户感到迷惑。】文档一定要描述清楚网站的结构——从命名原则和元数据的具体细节，到信息架构和交互设计的整体概况——根据项目复杂度的不同，可以有很大的不同。视觉化地呈现结构，对我们而言，这是表述“分支、群组、组件之间的联系”的一种最高效的方式。让你的界面和你的用户已经熟悉的那些习惯保持一致很重要，但是更重要的是，让你的界面与它自身保持一致。避免比喻，就是要减少对用户在“理解和使用网站功能”时对心理的要求。在视觉设计中，我们用于吸引用户注意的一个主要工具就是对比（contrast）。把用户的注意力吸引到界面中的关键部分，对比是一个重要手段，能帮助用户理解页面导航元素之间的关系。同时，对比还是传达信息设计中的概念群组的主要手段。在设计中保持一致性（uniformity）是另一个重要的组成部分，它能使你的设计有效地传达信息，而不会导致用户迷惑或焦虑。“一致性”在视觉设计的许多不同方面都会起到作用。一个成功的设计不仅仅是收集小巧的、精心设计的东西；相反，这些东西应该能形成一个系统，作为一个有凝聚力、连贯的整体来使用。大部分时候，关于用户体验的决策总会体现在以下这些场景之中：1.由现状决定的设计（designbydefault）。2.由模仿决定的设计（designbymimicty）。3.由领导决定的设计（designbyfiat）。很多时候，你必须在不同的做法之间作出妥协并评估利弊以及进行取舍。有意识、有目的地做出每一个决定，并在执行时将每一个决定都建立在对其背后的议题的理解之上。很多人提倡将用户测试作为确保良好的用户体验的一个主要手段。但是测试永远无法取代一个考虑周密的、准备充分的用户体验设计过程。1、用户体验并不是指一件产品本身是如何工作的（虽然这有时对用户体验具有很大的影响）。用户体验是指产品如何与外界发生联系并发挥作用的，也就是人们如何接触和使用它。这种交互通常包括各种各样的按钮，他们体现在以上一些案例中的一些技术产品上，比如闹钟、咖啡机和收音机。有时，交互只是体现在一个简单的物理装置上，比如汽车的油箱盖。不管怎么样，人们使用的每一件产品都具有用户体验：报纸、调味罐、活动靠背椅、开襟羊毛衫。（P4）2、无论如何，拥有更多的产品特性，被证明只能保持短时间的竞争优势。随着功能的不断膨胀，网站变得越来越复杂、越来越笨重、越来越难以使用，最后就失去了对初次访问者应有的吸引力。同时，企业仍然很少去关心用户真正喜欢什么，很少去发现有价值、或真正可以使用的东西。（P7）forcode：google的解决办法是，随机抽取1%的用户让他们尝试新功能，然后观察他们的行为反馈；另一种解决办法是，网站的功能是可折叠、可扩展的，比如facebook这样的网站、firefox这样的插件式程序最典型，用户可以选择增加所需要的功能。3、转化率是一种常用的方式，来衡量用户体验的效果……通过跟踪有百分之多少的用户被转化到了下一个步骤，就能衡量你的网站在达到商业目的方面的效率有多高……即使只增加了很少的一点转化率，它也能使你的财务收入得到一次重大的飞跃。（P9）forcode：对于个人博客而言，订阅增加数/访问人数就是一个转化率；对于网站放置的adsense广告来说，点击率也是一个转化率问题，转化率是一个很广泛的概念。4、科技产品没有按照人们期望的那样工作，这让他们觉得自己很笨——即使他们最终完成了自己想做的事情……如果想把人们从你的网站上赶跑，那就在他们使用网站的时候让人们觉得自己愚蠢吧。（P11）forcode：网站设计应该减少不必要的复杂性。5、创建吸引人的、高效的用户体验的方法被称为以用户为中心的设计（User-centereddesign）。以用户为中心的设计思想非常简单：在开发产品的每一个步骤中，都要把用户列入考虑范围。用户所体验的每一件事，对你来讲都应该是经过慎重考虑和论证以后的决定。实际上，设计出一个更好的解决方案需要更多的时间和费用，你可能不得不在各个方面做出妥协。但是，一个以用户为中心的设计流程保证了这些妥协不是随机决定的。考虑用户的体验、把它分解成各个组成要素、从不同的角度来了解它——通过这些才能确保你控制了决策所造成的全部结果（P13）forcode：这本书最大的意义就是把用户体验变成一件可以系统控制和评估的工作，可操作性大大提高。你可以对照着用户体验的要素列表，一项一项地检查每一个关键的设计。6、用户体验的整个开发流程，都是为了确保用户在你的网站上的所有体验不会发生在你明确的、有意识的意图之外。这就是说，要考虑到用户有可能采取的每一个行动的每一种可能性，并且去理解在这个过程的每一个步骤中用户的期望值。（P15）forcode：本书在方法论上是一种分析法的思维方式，将一个大问题分解为各个中问题，每个中问题再分解成各个小问题，然后再针对每个小问题提出解决方案。这种方法要避免的是缺乏整体考虑导致各个局部不协调，尤其是功能上的不协调更加危险。因此，后期的测试检查很重要。7、用户体验的五个层面：表现层在表现层（surface），你看到的是一系列的网页，有图片和文字组成。一些图片是可以点击的，从而执行某种功能，例如把你带到购物车里去。一些图片就只是图片，比如一本书的封面或网站自己的标志。框架层在表现层之下是网站的框架层（skeleton）：按钮、表格、照片和文本区域的位置。框架层用于优化设计布局，以达到这些元素的最大效果和效率——使你在需要的时候，能记得标识并找到购物车的按钮。结构层与框架层相比更抽象的是结构层（structure），框架则是结构的具体表达方式。框架层确定了我们的结账页面上交互元素的位置；而结构层则用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方。框架层定义了导航条上各项的排列方式，允许用户可以浏览书籍的不同类别；结构层则确定哪些类别应该出现在那里。范围层结构层确定网站各种特性和功能的最合适的组合方式，而这些特性和功能就构成了网站的范围层（scope）。有些卖书的网站提供了一个功能，使用户可以保存之前的邮寄地址，这样他们可以再次使用它。这个功能——或任何一个功能——是否应该成为网站的功能之一，就属于范围层要解决的问题。战略层网站的范围基本上是由网站的战略层（strategy）所决定的。这些战略不仅仅包括了经营者想从网站得到什么，还包括了用户想从网站得到什么。就我们的网上书店的例子而言，一些战略目标是显而易见的：用户想要买书，我们想要卖出它们。另一些目标可能并不是那么容易说清楚的。（P17）forcode：这个分类体系确实很有价值，如果单凭灵感，很难涉及到这么全面的细节，这五个层次提供了一个分析框架，保证在设计用户体验的过程中不遗漏某些重要的事情，可以说，有了这个分析框架，你在用户体验上不至于犯大错误。8、在每一个层面中，我们要处理的那些问题不是抽象的，它们会变得更加具体。在最低的层面，我们完全不用考虑网站最终的外观——我们只关心网站如何满足我们的战略（同时也满足用户的需求）。在最高的层面，我们只关心网站所呈现的最具体的细节。随着层面的上升，我们要做的决策就一点一点地变得具体，并关系到越来越精细的细节。（P18）forcode：将问题分解的好处是显而易见的：在具体讨论某个层面的问题时，可以讨论得更加深入且专注，而不只是泛泛而谈，顾此失彼。从战略层、范围层、结构层、框架层到表现层，需要考虑的问题越来越具体。9、每一个层面都是根据它下面的那个层面来决定的……这种依赖性意味着在战略层上的决定将具有某种向上的连锁效应。反过来讲，也就意味着每个层面中我们可用的选择，都受到其下层面中所确定的议题的约束。（P19）forcode：比如在战略层，通过营销部门的调查，你可以获得目标用户的潜在需求，并且可以分析出潜在的战略选择。你需要作出选择，选择用何种战略来满足用户的何种需求。这将依次连锁决定用户体验的其他四个层次。10、（P20）这