详情
本书分为两个部分，从概念、方法、实施流程、关键因素等方面，对网站可用性设计与可用性测试进行了说明，体现了以用户中心为中心设计的理念，以及可用性测试在新建站点和网站改进方面的重要作用，对网站设计开发者有所启发。
书名：众妙之门——Web用户体验设计与可用性测试
ISBN：978-7-115-37171-3
本书由人民邮电出版社发行数字版。版权所有，侵权必究。
您购买的人民邮电出版社电子书仅供您个人使用，未经授权，不得以任何方式复制和传播本书内容。
我们愿意相信读者具有这样的良知和觉悟，与我们共同保护知识产权。
如果购买者有侵权行为，我们可能对该用户实施包括但不限于关闭该帐号等维权措施，并可能追究法律责任。
• 著 ［德］Smashing Magazine
译 李函霖
责任编辑 赵 轩
• 人民邮电出版社出版发行 北京市丰台区成寿寺路11号
邮编 100164 电子邮件 315@ptpress.com.cn
• 读者服务热线：(010)81055410
反盗版热线：(010)81055315
Copyright ©2012 by Smashing Media GmbH
All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic,mechanical, by photocopying, recording or otherwise, without the prior permission in writing from Smashing Media GmbH. CHINESE SIMPLIFIED language edition published by POSTS&TELECOM PRESS Copyright ©2013.
本书中文简体字版由德国Smashing Media公司授权人民邮电出版社独家出版。未经出版者书面许可，不得以任何方式复制本书内容。
版权所有，侵权必究。
用户体验的优劣直接影响了网站能否成功实现自身的目标，如吸引访客点击、引导用户注册、说服顾客下单购买，等等。本书分为用户体验设计和可用性测试两个部分：第一部分帮助读者了解优秀体验设计的原则、方法和案例，将这些知识灵活运用到项目中，便可以获得良好的效果；然而优秀的用户体验是不可能一步到位的，因此第二部分对可用性测试方面的知识进行了深入的介绍，它能对新建站点和网站改进方面起到非常重要的积极作用。
无论是用户体验设计师、交互设计师、视觉设计师、产品经理还是网站测试人员，都能从这本由世界顶级专家合作编写的书中获得帮助与启发。
以用户为中心的设计过程包含一系列步骤，完成这些步骤需要恰当的方法。这些方法可以帮助提高网站的可用性。这一部分将为你展示几个技巧，使你的网页应用更吸引人，同时使它们带来轻松的用户体验。
Dave Shepard
互联网已经改变了，不再是邻居家书呆子的内联网。现在，你的妈妈、奶奶、恐惧科技的姐姐，都在使用互联网。随着计算机越来越普及，网页应用的用户已经超出了高端用户的领域。
复杂的菜单系统，令你停止浏览的警告对话框，耀眼但是混乱的布局，都不利于你顺畅地切换网页。互联网用户的类型和比例已经改变，为了让网页应用吸引到大量注意力，用户界面必须能够起到教导的作用。
用户界面需要让用户在不求助于帮助页面的情况下就能够使用应用。许多开发者认为帮助一栏已经能够指导用户完成应用的大部分操作，但情况并不是这样。
实际上，对于大多数应用来说，往往只有那些想要探索到应用的每一个角落的高端用户才会使用帮助这一栏，不管是在线帮助还是离线帮助。帮助用户认识应用的最好办法是，用一种容易被理解的方式把帮助信息展示到用户面前。
内嵌提示和界面描述可以很好地解释界面和它的使用方法。在交互的过程中提供帮助性的指导，可以让用户很容易把指导信息和网页应用的功能结合在一起。而一个独立的常见问题或者帮助栏目并不能达到这样的目的。
Integral Impressions的Nourish是一款能够根据RSS订阅自动生成新邮件的应用。整体的界面都包含了内嵌的描述性帮助板块。当用户认为自己不再需要这些提示时，就可以轻松关闭它们。当用户忘记了一些操作时，他还可以方便地访问用户资料一栏，再次允许展示所有帮助信息。
Nourish的界面内嵌了描述性的帮助板块。
37Signals在其交流管理的应用（比如Basecamp）中也采用了相同的方式。当前没有内容的栏目里会展示一张当前栏目有数据时的截图。这张截图甚至会链接一段指导性的视频，来教会用户如何在该栏目下创建内容。这种办法对用户来说很好用。
在Basecamp中，没有内容的栏目下会展示出一张该栏目带有数据时的截图。
Last.fm提供了一款在线音频社交应用，用户在使用过程中，会收到关联性的提示和描述性的默认值，从而可以明白应用的使用方法，了解其交互方式。用户不需要离开当前栏目，不像常见问题通常做的那样。
Last.fm使用和上下文相关的提示或描述性的默认值，指导读者如何使用和理解界面。
为了方便用户使用，应用需要自主地引导用户。随着用户对应用熟悉程度的加深，那些帮助框和工具栏提示应该自动消失，或者变得不是那么明显，从而不会阻碍到用户的使用过程。同时最好允许用户再次激活帮助信息，永远不要认为你的用户阅读了一次帮助信息后就掌握了使用方法。
但是，指导用户并不仅限于提供工具栏提示和大量的描述性字段。设置一个合适的默认信息也能够起到指导作用。合适的默认信息能够告诉用户这一部分应该是什么样的格式，或者需要哪一种类型的信息。
在邮件的收件人一栏里面设置一个email@domain.com的默认值会很清楚地告诉你需要在这里输入什么样的信息，采用什么样的格式。在交互的过程中，使用一段JavaScript代码还会让输入框变得好用。当用户点击该输入框时，可以清除掉默认值，在用户没有填写就离开该输入框的时候，可以再添加上默认值。
这种技术甚至还可以带入到其他期望得到具体描述性数据的输入框，例如一个需要项目描述的文本输入框，可以把默认信息设为“描述项目的细节…”。设置好的默认信息不仅能保证你得到的数据是准确的，还能够指导用户了解功能的细节。
在界面上设置合适的默认信息并提供帮助性的提示还能够在用户的使用过程中引导他们，避免不必要的错误。让用户填满一个没有任何描述的表单后，再用JavaScript的警告信息告知用户他们的错误，是一种非常差的用户体验。使用这种调试方法来进行指导非常不利于向用户传达帮助信息。在表单中一步步引导用户，防止错误发生，是一种更好的指导方法。
Yahoo给不能自我描述的输入框设置了默认信息，但是当用户光标放置到该输入框时，它的默认信息会自动消失，从而不影响用户输入。当光标置于输入框中时，一个简单的描述性字段会出现在右边，提供简单的提示，这样也不会打断用户的输入过程。
在Yahoo中，处于光标定位状态的输入框会自动清除默认值。
Microsoft的Live Mail也会提供描述性的例子和需要的参数。Microsoft另外还对登录表单的输入框进行了分组，相关联的部分会分到一个组。同时Microsoft还会在每一组的右边对表单的交互区域进行描述。
Microsoft把相关联的输入框分到一组，还在右边为每一组提供了描述。
为了防止信息过多，表单只展示了用户当前所在区域的描述，也让用户能够在继续操作之前集中注意力在当前区域。
Squidoo的页面注册向导提供了另外一种指导性的界面。它在注册页面的流程中对每一个步骤都提供了拟人的描述，让整个过程更容易被理解和完成。在用户注册的过程中，它的联系表单仿佛在与用户进行交谈一样。
在这个多步骤的注册流程中，Squidoo同时还向用户反馈还有多少步骤需要完成，让用户对整个流程的范围有一个了解。
用这些措施设置表单会使得用户体验更加人性化，在用户的使用过程中提供帮助。
AJAX和JavaScript DHTML技术可以实时验证表单输入框中的内容，不再需要经过提交和返回。例如Yahoo注册账户的表单，在数据正确的时候会显示一个绿色的对号；而在数据无效的时候，会提供一个友好的提示信息，解释哪些输入有误及其原因。
Zooomr.com会实时验证注册表格中的信息，并为每一个输入框提供情感化的提示信息。
Zooomr提供在线、分享存储照片的服务，它的注册表单会实时验证已输入的信息，并为输入框的名称和有效（或无效）数据提供情感化的提示信息。
互联网用户的组成结构已经变化，因此，用户界面也必须做出相应的改变。让用户体验更流畅、更容易被理解、更友好，会为你的网页应用带来更多的用户。设计网页界面并不在于导航栏中有多少功能，或者微妙的渐变有多么漂亮。
设计网页界面其实是为用户创造一个好用的阶梯，帮助他们完成任务，并提高这个过程中的用户体验。你应该向用户展示你希望他们怎么用你的应用，而不是强迫他们那么用。你的网页应用应该能够指引用户，教他们怎么掌握使用方法，真正地为用户服务。
Shell Greenier
想一想是什么造就了你最喜欢的商店、人物以及网站。实际上，你并不是无意识地青睐他们，而是与他们有着微妙的情感联系。正是这种联系，将人们引向了具有吸引力的品牌。而互联网用户与网站之间，也有同样复杂的情感联系，它不知不觉地影响了用户的想法、行为和精神。没有情感联系的网站，就和20世纪90年代中说明手册一样的网站没有什么两样。
你可以基于用户的特性和分类，采用各种强大的故事化策略。但如果没有神经科学实验室，你很难知道需要花费多少精力来制定这些策略，更不用说优化它们。而事实上，采用已有的办法：性能指标，就可以有效优化情感投入了。
让我们从基础开始分析：情绪是你的身体在受到刺激时，产生的一种精神物理学上的应答。这个发生在身体内部的过程又会在外部引起行为上的反应。通过观察行为上的反应，你可以解析出他人内心的情感变化。比如面部表情和肢体语言，可以告诉你那个挥舞着刀具的厨师是气愤地准备攻击你，还是在欢快地为你准备晚餐。
例如：
但是，要解析一个人的行为线索，并不一定要和他面对面相处。在数字环境下，用户和平台的交互行为就可以供你分析他们的情绪状态。你可以通过测量数据来量化他们的应答，而不需要解读用户脸部的表情变化来分析你的用户体验造成了怎样的影响。测量数据量化了用户的行为应答，通过一些反向工程，你就可以识别出重要的情绪触发点，优化弱势的元素，创造更好的用户体验策略，让心理学成为你的秘密武器。
行为心理学专家为情绪划分了数不清的类别。大多数理论都认同情绪都有不同的强度，还可以和其他情绪一起构成一种新的情感状态。这些理论中有一个例子，就是Robert Plutchik的情绪轮盘。
就用户体验而言，用户的情感投入不仅仅随着交互而加深，还与网站品牌的其他方面息息相关，包括SEM、信息范围、社交关系，等等。根据用户在网站上花费的时间和精力，我们可以把用户对数字化产品的情感投入分为四类：了解、吸引、专注和依赖。
Plutchik的情绪轮盘
用户体验的起点并不是用户点击登录页或者打开应用的那一刻，而是在这之前。浏览者先要找到你的网站，他们在众多网站中往往收获的是令人沮丧的元素，不可信的陷阱和低于期望的结果。在这一刻，我们需要注重的是赢得信任、期望和其他故事情景中你希望得到的情感回应。
位于吸引层面的用户会对你的平台有兴趣。于是，用户体验和可用性两者成为了决定性因素。在这里建立情感化投入很关键，因为用户的操作包含的主要是基础的交互行为，例如导航和浏览内容。
专注意味着用户更多的投入。用户的交互行为已经不仅仅是简单的导航，不再是出于好奇心或者预期目标而进行。用户会对你提供的功能感兴趣，信任你，并且期待有更多的交互。因此，他们的操作行为也有所改变。用户会投入足够的时间，或者实施一些有风险的行为，例如下载文件或提供信用卡信息，或者提供一个亦真亦假的身份，不再是一位匿名的互联网用户。
依赖意味着用户将网站作为一个常用的交互平台或者获得信息的渠道。用户的情感投入很多，交互行为也是连续性的。如果专注层面意味着用户的参与，那么依赖就意味着你的这些用户是你身后的啦啦队。
那么，是什么让访客回来？或者更确切地说是什么让访客离开？我们可以利用测量结果来查找出用户在行为和情绪上的回应，以便发现产品的缺陷。通过改正这些缺点，我们可以让产品变得更优秀更强大。
这只是测量情感化投入的几个方法，你打算怎么样测量你的用户投入结果？
