就这么简单--Web开发中的可用性和用户体验 (china-pub 首发）
点击看大图基本信息
编辑推荐
·这是一本极其幽默的电脑书，一本能够带给你快乐的书。
·本书不仅能够带给你快乐，还饱含思想，大把大把的思想，绝对都是货真价实的东西，就像那种大皮沙发一样，里面塞满了实实在在的材料，都是可以用到你的Web开发中的。
·本书会让你在快乐中学习Web开发中的可用性和用户体验。至于为什么要选择这本书，则是因为“理解的越多，需要记住的就越少”。
推荐阅读
内容简介回到顶部↑
本书主要讲述人机交互学(human-computer interaction，简称hci)这一学科在web界面设计领域中的应用。
正如你所看到的，这是一本文字轻松，而且有很多好玩插图的……技术理论书籍。
没错，技术理论。它将和你讨论关于软件(或网站)的界面与用户之间的关系——界面是你做的，而使用它的是用户——所以，别自信满满地说自己做得很牛，让我们听听用户的意见。这本书能告诉你这一套顺序大概是怎样的，你应该注意些什么，最终水到渠成的是一个能经得起考验的产品。
这本书可以说是一本针对广泛大众，以及那些没有接受过人机交互和可用性专业培训的用户界面设计人员的辅导和帮助手册。你不必背诵那些拗口的专业词汇，你只需知道“我该如何去做”从而解决问题。这本身也是人机交互学科的一个重要原则——“易于学习，从而便于使用”。
你明白了。这不是本情节跌宕起伏的小说，也不是行文优美如诗的散文。但我仍然希望它能给人带来快乐——学习不是一件枯燥的事，但很多人把它变得枯燥了。绝大多数技术理论书籍的作者们都正襟危坐就好像板着面孔的老师，不可否认，对待学术问题应当态度严谨，但是严谨不代表枯燥，能在专业知识课堂上把大家逗笑的老师一定不简单。
我不敢说我做到了，但我在努力。
正如你所看到的，这是一本文字轻松，而且有很多好玩插图的……技术理论书籍。
没错，技术理论。它将和你讨论关于软件(或网站)的界面与用户之间的关系——界面是你做的，而使用它的是用户——所以，别自信满满地说自己做得很牛，让我们听听用户的意见。这本书能告诉你这一套顺序大概是怎样的，你应该注意些什么，最终水到渠成的是一个能经得起考验的产品。
这本书可以说是一本针对广泛大众，以及那些没有接受过人机交互和可用性专业培训的用户界面设计人员的辅导和帮助手册。你不必背诵那些拗口的专业词汇，你只需知道“我该如何去做”从而解决问题。这本身也是人机交互学科的一个重要原则——“易于学习，从而便于使用”。
你明白了。这不是本情节跌宕起伏的小说，也不是行文优美如诗的散文。但我仍然希望它能给人带来快乐——学习不是一件枯燥的事，但很多人把它变得枯燥了。绝大多数技术理论书籍的作者们都正襟危坐就好像板着面孔的老师，不可否认，对待学术问题应当态度严谨，但是严谨不代表枯燥，能在专业知识课堂上把大家逗笑的老师一定不简单。
我不敢说我做到了，但我在努力。
作译者回到顶部↑
本书提供作译者介绍
向怡宁，嗨，大家好，我是向怡宁，一直从事UI设计方面的工作。
越是深入了解UI设计，越发现自身的不足，同时也越感到应该尽自己的力量让更多的人了解这一领域。也许我不是最好的设计师，但我希望通过这本书，你能成为最好的。
作为这本书的作者，我表现得一点也不严肃。我希望它能给你带来乐趣——因为学习并不是一件枯燥的事。
在平时，我喜欢设计游戏、玩音乐、做翻译，有时还会出去涂鸦。之前也写过一本书《Flash组件、游戏、SWF力口解密》，反响还不.. << 查看详细
越是深入了解UI设计，越发现自身的不足，同时也越感到应该尽自己的力量让更多的人了解这一领域。也许我不是最好的设计师，但我希望通过这本书，你能成为最好的。
作为这本书的作者，我表现得一点也不严肃。我希望它能给你带来乐趣——因为学习并不是一件枯燥的事。
在平时，我喜欢设计游戏、玩音乐、做翻译，有时还会出去涂鸦。之前也写过一本书《Flash组件、游戏、SWF力口解密》，反响还不.. << 查看详细
目录回到顶部↑
前 言
序章 关于这本书
0.1 谁该看这本书？
0.2 这是本什么样的书？
0.3 怎么用这本书？
0.4 感谢这些伙计
第一章 你首先要知道的一些事情
1.1 我听说过这些词不过它们到底是什么？
1.1.1 什么是ui设计
1.1.2 什么是交互设计
1.1.3 什么是好的用户界面设计
视觉表达不清
非常繁琐
提示混乱
难以使用
强迫用户
1.1.4 那么该怎么做？
什么人会使用产品？用在什么地方？
用户会有些什么样的行为？
1.2 我干嘛得学这些玩意还要买本书？！
序章 关于这本书
0.1 谁该看这本书？
0.2 这是本什么样的书？
0.3 怎么用这本书？
0.4 感谢这些伙计
第一章 你首先要知道的一些事情
1.1 我听说过这些词不过它们到底是什么？
1.1.1 什么是ui设计
1.1.2 什么是交互设计
1.1.3 什么是好的用户界面设计
视觉表达不清
非常繁琐
提示混乱
难以使用
强迫用户
1.1.4 那么该怎么做？
什么人会使用产品？用在什么地方？
用户会有些什么样的行为？
1.2 我干嘛得学这些玩意还要买本书？！
序言回到顶部↑
这是我来清华后策划的所有书中最有趣的一本，事实上，准确地说，它是目前所有已出版的计算机书中极为有趣的一本。而我，很荣幸是它的策划编辑。.
在介绍这本书前，我觉得有必要说说这本书的作者向怡宁，这是一个瘦瘦高高的扎着辫子的有趣的人。很酷。是个人才，事实上，准确的说，是个全才，因为他在美术（平面设计师和漫画家）、音乐（乐队的主唱兼吉他手）、文学（魔幻小说和计算机书作者）等诸多方面都有所造诣。当然，有时，这多多少少会让人有些恼火。
说到这本书的诞生，至少从我的角度上看，是很顺利的，过程大致如下——
有一天，他对我说，“陈冰，我想写一本关于Web用户体验的书”，我说，“好啊”，于是，他就回家写去了，写呀写，写呀写，几个月后，他把写好的书拿来给我看，“哇，好书”，这就是我当时的评价。一本好书就这样诞生了，看似平淡的几乎令人感到乏味，但这只是站在我的角度看的。
当我站在作者的角度看时，另外一番景象出现在我的脑海中——夜以继日的挑灯夜战，没有白天和黑夜，只有思想的烈火烧灼键盘的声音。
这本书也是我没有提出任何修改意见的一本书，因为实在看不出有什么需要修改的，一切都很完美。
说到这本书的特点，首先，非常幽默，绝对会带给你快乐，这年头能带给人快乐的书太少了，而且更为重要的是，这本书还非常有用，说它有用，主要是因为它里面饱含着思想，大把大把的思想，绝对都是货真价实的东西，就像那种大皮沙发一样，里面塞满了实实在在的材料，都是可以用到你的Web开发中的。..
还有非常值得一提的一点是，这本书中所有的插图都是作者自己创作和手绘的。全都是漫画的形式，每一幅都很有趣，我经常看着就乐。好玩。不过挺让人恼火。
因为这本书实在太有趣了，以至于我终于忍不住从百忙中抽出时间来亲自做了这本书的文稿编辑，主要是想一睹为快，哈，而且把其中那些我认为很经典的句子都勾画了出来，并嘱咐排版人员一定要用另一种颜色来明显的标示出这些被我勾画出的经典句子，因为我们大家看书时都有一个习惯，就是喜欢把好的和经典的句子都用笔勾画出来，所以现在我干脆直接采用颜色来标示出这些经典句子，就省得读者们以后再自己费劲儿画波浪线了。这样以后翻阅时也很容易看到它们。
你可能注意到了，这本书没有前言，不要奇怪，因为这本书的“序章”，事实上，就是这本书真正的“前言”。
“好”不能轻易得到，“好”就意味着大量的工作。为了给这本书确定一个好的版式，作为这本书的策划编辑，我对书的开本、目录的设计，以及正文字体的选择等等都花费了大量心思，几经改变和推翻。仅以确定正文使用何种字体举例，最初，为了配合这本书轻松幽默的风格，我选择了幼圆这种视觉上轻松活泼的字体，但后来我发现幼圆字体虽然与书的风格更匹配，但却会导致阅读速度的降低。因为人眼对圆体字的识别速度比对宋体的识别速度要慢，在长时间大量阅读时，这种较慢的阅读速度会让人产生一种压抑感，而这是阅读时最要不得的感受。因此，我重新把正文字体由幼圆替换为宋体，虽然只是一个小小的变动，但却足以影响整本书的阅读体验。
好了，关于这本书，我该介绍的差不多就是这些了。如果你在阅读本书时有任何意见，可以直接联系作者（www.messbook.net），也可以到我的博客（w3cbook.blog.sohu.com）上给我留言。
最后，我想说，对于任何有价值的事物，不能轻易的兴起，一旦兴起，更不能轻易的废弃。有一天，当一个真正的作者决定写一本好书时，这本好书，实际上，就已经诞生了。
陈冰
本书策划编辑、高级程序员、科普作者
《Flash第一步》、《电脑使用说明书》作者...
在介绍这本书前，我觉得有必要说说这本书的作者向怡宁，这是一个瘦瘦高高的扎着辫子的有趣的人。很酷。是个人才，事实上，准确的说，是个全才，因为他在美术（平面设计师和漫画家）、音乐（乐队的主唱兼吉他手）、文学（魔幻小说和计算机书作者）等诸多方面都有所造诣。当然，有时，这多多少少会让人有些恼火。
说到这本书的诞生，至少从我的角度上看，是很顺利的，过程大致如下——
有一天，他对我说，“陈冰，我想写一本关于Web用户体验的书”，我说，“好啊”，于是，他就回家写去了，写呀写，写呀写，几个月后，他把写好的书拿来给我看，“哇，好书”，这就是我当时的评价。一本好书就这样诞生了，看似平淡的几乎令人感到乏味，但这只是站在我的角度看的。
当我站在作者的角度看时，另外一番景象出现在我的脑海中——夜以继日的挑灯夜战，没有白天和黑夜，只有思想的烈火烧灼键盘的声音。
这本书也是我没有提出任何修改意见的一本书，因为实在看不出有什么需要修改的，一切都很完美。
说到这本书的特点，首先，非常幽默，绝对会带给你快乐，这年头能带给人快乐的书太少了，而且更为重要的是，这本书还非常有用，说它有用，主要是因为它里面饱含着思想，大把大把的思想，绝对都是货真价实的东西，就像那种大皮沙发一样，里面塞满了实实在在的材料，都是可以用到你的Web开发中的。..
还有非常值得一提的一点是，这本书中所有的插图都是作者自己创作和手绘的。全都是漫画的形式，每一幅都很有趣，我经常看着就乐。好玩。不过挺让人恼火。
因为这本书实在太有趣了，以至于我终于忍不住从百忙中抽出时间来亲自做了这本书的文稿编辑，主要是想一睹为快，哈，而且把其中那些我认为很经典的句子都勾画了出来，并嘱咐排版人员一定要用另一种颜色来明显的标示出这些被我勾画出的经典句子，因为我们大家看书时都有一个习惯，就是喜欢把好的和经典的句子都用笔勾画出来，所以现在我干脆直接采用颜色来标示出这些经典句子，就省得读者们以后再自己费劲儿画波浪线了。这样以后翻阅时也很容易看到它们。
你可能注意到了，这本书没有前言，不要奇怪，因为这本书的“序章”，事实上，就是这本书真正的“前言”。
“好”不能轻易得到，“好”就意味着大量的工作。为了给这本书确定一个好的版式，作为这本书的策划编辑，我对书的开本、目录的设计，以及正文字体的选择等等都花费了大量心思，几经改变和推翻。仅以确定正文使用何种字体举例，最初，为了配合这本书轻松幽默的风格，我选择了幼圆这种视觉上轻松活泼的字体，但后来我发现幼圆字体虽然与书的风格更匹配，但却会导致阅读速度的降低。因为人眼对圆体字的识别速度比对宋体的识别速度要慢，在长时间大量阅读时，这种较慢的阅读速度会让人产生一种压抑感，而这是阅读时最要不得的感受。因此，我重新把正文字体由幼圆替换为宋体，虽然只是一个小小的变动，但却足以影响整本书的阅读体验。
好了，关于这本书，我该介绍的差不多就是这些了。如果你在阅读本书时有任何意见，可以直接联系作者（www.messbook.net），也可以到我的博客（w3cbook.blog.sohu.com）上给我留言。
最后，我想说，对于任何有价值的事物，不能轻易的兴起，一旦兴起，更不能轻易的废弃。有一天，当一个真正的作者决定写一本好书时，这本好书，实际上，就已经诞生了。
陈冰
本书策划编辑、高级程序员、科普作者
《Flash第一步》、《电脑使用说明书》作者...
媒体评论回到顶部↑
---
Peter Qu 联众公司UE工程师推荐
---
纵览本书，无论你是处于产品开发流程中哪一环节的人员，你都会发现它对你有所帮助。作者描述了UCD的各种方法，通过有趣的介绍形式，把你引领到UCD的领域中来。
--Rokey Eico Design创意总监，国内最知名GUI设计师 推荐
本书从最日常的界面使用体验出发，简单易懂，尤其是结合了实际工作案例进行讲解，是一本很难得的国内交互设计的入门读物。
--白鸦 产品设计顾问，可用性专家推荐
这大概是国内第一本非“学究”性的书籍，全面介绍了UCD的相关知识。其内容易于理解，对于向更多的人传播UCD思想很有意义。期待看到更多类似书籍在国内出版。
--田明慧 SIEMENS中国研究院 用户界面设计中心经理推荐
敞开心扉，转换思路，跟着这本书去领会怎样去设计才能真正服务于用户。以用户为中心的概念，的确就是这么简单。
--H++（火山大陆） 微软亚洲设计中心 User Experience Designer 推荐
Peter Qu 联众公司UE工程师推荐
---
纵览本书，无论你是处于产品开发流程中哪一环节的人员，你都会发现它对你有所帮助。作者描述了UCD的各种方法，通过有趣的介绍形式，把你引领到UCD的领域中来。
--Rokey Eico Design创意总监，国内最知名GUI设计师 推荐
本书从最日常的界面使用体验出发，简单易懂，尤其是结合了实际工作案例进行讲解，是一本很难得的国内交互设计的入门读物。
--白鸦 产品设计顾问，可用性专家推荐
这大概是国内第一本非“学究”性的书籍，全面介绍了UCD的相关知识。其内容易于理解，对于向更多的人传播UCD思想很有意义。期待看到更多类似书籍在国内出版。
--田明慧 SIEMENS中国研究院 用户界面设计中心经理推荐
敞开心扉，转换思路，跟着这本书去领会怎样去设计才能真正服务于用户。以用户为中心的概念，的确就是这么简单。
--H++（火山大陆） 微软亚洲设计中心 User Experience Designer 推荐
书摘回到顶部↑
第二章 了解用户，了解需求
交互设计是要优化人们与计算机产品的交互。
怎么优化？这个问题暂时先放在一边。让我们先想想优化给谁。
没错，我们当然是优化给用户。但是如果你不知道用户是谁，也不知道他们想达到什么目的，那你怎么知道该优化什么，又该如何优化呢？
所以，一切的出发点应该是：找出谁才是你需要了解的人，然后弄清楚他们想要什么。
前面说过，“理解用户的需要，从而建立明确的需求”是交互设计的基本活动。我们就是要将用户时时刻刻摆在所有过程的首位。这就是“以用户为中心”的方法。
2.1 谁是用户？
找出用户似乎是一件很容易的事情。但首先我们需要弄清楚“用户（user）”和“客户（customer）”的概念。没错，产品的销售对象是“客户”，只有客户才是愿意掏腰包购买产品的人，考虑他们的感受是非常重要的。但是客户并不就一定会亲自使用我们设计的产品。
换句话说，客户不一定就是用户。
举个简单的例子，某个网站制作公司的老板不一定必须得是网页设计师。他确实需要购买一些软件产品用于开发网站，比如Dreamweaver、Visual Studi0，甚至包括Flash和Photoshop。他购买了这些软件，他便是Adobe或者微软的客户。但老板并不一定要去使用这些软件，甚至可能根本就不懂如何操作。也就是说，他没有与这些产品发生直接的交互，自然不是软件的用户。软件是否容易使用，界面是否友好，有没有良好的通用性，这些跟他没有多大关系。
但是，他手下的那些网页设计师每天都面对着这些软件，他们就是软件的用户。而交互设计的目标正是为了支持这些人（他们很辛苦）的需要，满足这些人的期望，让他们在工作中能够更方便、更舒心和更有效。
……
交互设计是要优化人们与计算机产品的交互。
怎么优化？这个问题暂时先放在一边。让我们先想想优化给谁。
没错，我们当然是优化给用户。但是如果你不知道用户是谁，也不知道他们想达到什么目的，那你怎么知道该优化什么，又该如何优化呢？
所以，一切的出发点应该是：找出谁才是你需要了解的人，然后弄清楚他们想要什么。
前面说过，“理解用户的需要，从而建立明确的需求”是交互设计的基本活动。我们就是要将用户时时刻刻摆在所有过程的首位。这就是“以用户为中心”的方法。
2.1 谁是用户？
找出用户似乎是一件很容易的事情。但首先我们需要弄清楚“用户（user）”和“客户（customer）”的概念。没错，产品的销售对象是“客户”，只有客户才是愿意掏腰包购买产品的人，考虑他们的感受是非常重要的。但是客户并不就一定会亲自使用我们设计的产品。
换句话说，客户不一定就是用户。
举个简单的例子，某个网站制作公司的老板不一定必须得是网页设计师。他确实需要购买一些软件产品用于开发网站，比如Dreamweaver、Visual Studi0，甚至包括Flash和Photoshop。他购买了这些软件，他便是Adobe或者微软的客户。但老板并不一定要去使用这些软件，甚至可能根本就不懂如何操作。也就是说，他没有与这些产品发生直接的交互，自然不是软件的用户。软件是否容易使用，界面是否友好，有没有良好的通用性，这些跟他没有多大关系。
但是，他手下的那些网页设计师每天都面对着这些软件，他们就是软件的用户。而交互设计的目标正是为了支持这些人（他们很辛苦）的需要，满足这些人的期望，让他们在工作中能够更方便、更舒心和更有效。
……
【插图】
加载中...