为了在客齐集上面改一个小东西，晚上忽然突发奇想，作了点尝试，花了大约1个小时的时间，写了点号称是AJAX的东东。简单的来说，就是让任何人可以在我的页面上帮我加批注。尝试一下拿鼠标选中一段文字（最好是一小段）看看。如果不出意外的话，应该有红色的下划线的标注，如果重新刷新一下页面的话，应该还在。为了让界面不是太乱，所以只保留了最新的几个批注。之前的先不显示了。

其实，这个应用是个简单得不能再简单的JavaScript应用，只不过被冠以了AJAX这个今年2月份才诞生的名词以后忽然热了起来。AJAX这一个单词，居然可以把一堆98年就开始用的技术推到前台来，成为当今在特定的圈子里最热的词汇，倒是一个典型的tipping point（临界点）的案例。就像99年Netcenter用的RSS终于在2002年开始被从blogger捡起来，并在2005年焕发了青春。

这些用Javascript+XMLHTTPRequest的做法给我们提供了一个很广阔的空间，可以有很多的想象。比如，在任何静态的页面里面，只要加入这段代码也就可以拥有这个功能了。

<script language=Javascript src=”http://home.wangjianshuo.com/scripts/php/markit.php”>
</script>

把鼠标放在上面还可以知道是从哪个IP在什么时间批注的。值得注意的是，这只是一个最简单的SAJAX应用，如果把它应用于地图，以及应用于多个网站之间的联合，会有更让人惊讶的结果出来。估计，以后客齐集的后台的管理系统将会是最早使用这些简单但是有效的思想的地方。

注：那些红线，只是在Word里面随手画的。
注二：没有经过测试，FireFox下面什么样子不晓得，放在其他页面怎么样也不晓得。。

更新： 把这个演示的功能去掉了。

<script language=Javascript src=”http://home.wangjianshuo.com/scripts/php/markit.php?i”></script>

第一次走到新的办公室门口，习惯的去推那扇巨大玻璃门，同时脚步并没有放慢下来。

结果。。。

“哐”的一声巨响，我差点整个身子就撞了上去，鼻子已经贴到了玻璃上。原来，这扇门是只能拉，而不能推的。

这是每个人都会遇到的事情：只能拉的门去推，只能推的门去拉，或者直接一头撞进那种左右滑动的移门上去。。。这个时候常会自责“真不小心”。其实，傻的不是我们，而是门的设计师。门的把手，遥控器，以及任何我们周围的东西，都是用户界面。让人会犯错误的设计，是易用性出了问题。易用性差的门，就像给我们设计的圈套，等着我们掉进去。

易用性

易用性是一门学问。Donald A. Norman和Jakob Nielson是这方面的大牛。关于门的例子，就是在Donald一本很有趣的书，名叫The Design of Everyday Things的第五页描述的。易用性，对于网站以及软件的设计越来越重要，常常是区分好坏网站或软件的决定性因素。我想通过本文，把我所了解到的易用性最基本的一些想法介绍给大家。

什么是易用性

• 易见 Easy to discover 藏得很深的功能就不容易被发现，无法使用。
• 易学 Easy to learn 学起来容易。
• 易用 Easy to use 熟练使用的时候可以更快的操作。

这三条本身其实是冲突的，需要平衡。微软的Windows界面是这样设计的：菜单是统一的发现功能的入口，通过把拷贝和粘贴放在编辑菜单下是用户容易学习使用，而不像DOS一样，只有通过说明书或者书籍才能发现(discover)和学会(learn)。不过，如果每次拷贝操作都要通过指向“编辑”，然后选择菜单中的“拷贝”虽然易学，但是不易用，所以就设计了Ctrl+C和Ctrl+V的快捷方式，供学会的人更容易的使用。

相反的，在专业领域，可以为了易用而放弃易学，银行柜台终端只用小键盘而不用鼠标操作就是个例子。

有用和易用

我们常常混淆有用性和易用性。

• 有用，这由产品的规划师负责保证。反面例子：比如一台机器很容易使用但并不解决实际问题。很多产品的失败，首先是有用性，也就是市场的失败，而非易用性的失败。
• 易用，这由易用性工程师负责。比如一台机器有功能但用户不知道如何使用。

分清了一件事物的这两个方面，在分析的时候会避免将所有的问题都归结于易用性问题。

易用性原理

• 易见 Visibility
• 映射 Mapping
• 反馈 Feedback

让我一条一条的慢慢解释。

易见 Visibility

单单凭观察，用户就应知道

• 设备的状态
• 该设备供选择可以采取的行动

关于门的例子，就是易见出了问题。通过观察它，让我没有办法判断我可以做哪些操作，推还是拉？有很多门上贴着“推”或“拉”，其实当一项设计需要用标签的时候，就说明设计本身已经失败了。

与消防相关的设计通常要求比任何物品有更高的易用性要求，以保证任何人可以在突发事件发生时几秒内可以准确地使用它。看一下这扇门：这是我原来办公楼的紧急出口的门。

王建硕摄于美罗大厦

即使那个“推”字不写，估计也不会有人尝试去拉它。而那个开的小窗，是为了逃生的人判断这个设备的状态：外面究竟是浓烟还是安全的撤退通路。

映射 Mapping

知识主要分布在两个地方。

1. 每个人的脑子里。这些知识对高效的使用一样东西非常有用。
2. 环境中。这些知识当第一次遇到时非常有用

© 王建硕

关于上面的这个饮水机的两个水龙头，大多数人不加思考就知道红的是热水，蓝的是冷水。这就是产品的设计和我们脑子里已经形成的火是红的，水是蓝的映射。这简单的映射，让大家对一个产品的接受度大大增加。

微软的DOS，就第一次采取了DIR(目录)作为目录的结构，而不用ls这样Unix的命令行，而且第一次使用了形象的C:盘，D:盘，而不是一股脑的mount到一个以/为根的庞大的文件系统中去。到了Windows时代，把目录干脆变成了文件夹的样子，文件变成了一张张写着字的纸。而Windows 95更加开创性的第一次引入了桌面的概念，反而把我的电脑变成桌面的一部分。这种种变化，都是把产品映射到了大家熟识的生活中的概念。

我曾经用过红颜色代表冷水，蓝颜色代表热水的饮水机，就算有再多的标签告诉我那个是热水，我还是会搞错。顺便说一句，blog对于上网时间不长的人来说，倒是用日记的概念成功的隐藏了个人主页中对文件名，index.htm，超链接等等，这一点点门槛的降低，让成倍的人有可能加入进来。

因为每人脑子里的知识都不相同，易用性也是针对与不同人的，设计者无法知道该产品是否对别人同样易用。不信，如果你用惯了Windows，去用用苹果的Mac试试。首先就受不了那只有一个键的鼠标。而对于一个Mac用户，Windows也是需要不懈的努力和适应才可以用得来的。对于３岁的小孩子，因为脑子里没有太多已有的知识，所以整个世界都这么的不好用，筷子，门，以及衣服，和电脑，手机对于他一样的难用。

反馈 Feedback

反馈对于产品的易用性至关重要。通过不断的迅速的反馈，让用户知道自己的操作的结果。比如，Windows的应用中的那个“沙漏”的鼠标，就是让用户知道需要等待，而不是开始挥舞拳头来砸键盘。产品中“正在。。。，请稍后”就远好于死机一样的一动不动。

关于反馈，多数的投影仪做的非常不好。看一个典型的场景：一个人拿起投影仪遥控器，按开的按钮。等了三秒钟，他开始不耐烦，因为投影仪虽然已经开动，但是需要非常慢的时间预热，看似没有反应。我们会以为没有作用，再按一下。这回更耐心一点了，但是投影仪已经被关掉了。十五秒钟以后，接着按那个开关键。如此反复，直到愤怒的离开。。。

没有反馈，会让初次使用的用户非常的苦恼。比如Windows的登录框，输密码时，因为反馈被星号屏蔽了，多少次按了大写键以后没法输入密码就是一个易用问题。好在从Windows XP以后，用一个“大写键打开”的提示框作为反馈，好多了。

易用性和功能

产品设计是个取舍的问题。易用性和功能就存在冲突。更多的功能，可能使用户无所适从。

我讨厌那种好像4×6阵列似的遥控器，还有复印机的面板。很多时候，我被复印机的功能搞得发疯。其实，我理想中的好的复印机就是在面板上只有一个大大的可爱的绿色圆按钮，按一下，复印一张，再按一下，再复印一张。。。

下面这个复印机功能非常少，只能复印，你喜欢吗？

这一个复印机功能非常多，该有的都有，你喜欢吗？

如果设计师发现如果他面对的复印机群体80%的操作只涉及复印一张纸，而其他时候还有别的要求，大概会设计成这个样子：

物理世界的“高级选项”可能是一个小盖子，让面板上尽量简洁，也可能是不同的颜色和形状来区分。

一些原则

常常记住以下的原则可能会对我们有帮助。

• 用户的注意力是有限的资源。
• 添加的任何一项功能都将有可能是用户找到另外一项功能的绊脚石。
• 如果必须添加一些功能，试图替换掉另外一项类似的功能。
• 经常需要为了一些功能的易用性牺牲另外一些功能。

易用性的评价

知道易用性好坏，最好的办法是让用户来做易用性试验。大公司的做法是有隔音的单面透光玻璃，一边是用户和电脑，另外一边是大量的摄像机，记录仪，更有甚者使用心跳，汗腺等生理监控一起来感觉用户的愤怒。而我建议的方式很简单，找到合适的实验对象，给他一个任务，比如写一篇blog，然后站在他身后，看他操作，同时切记放弃自己帮忙的冲动，只当自己不存在。然后记录两个指标：

• 成功完成任务的人占所有测试者的比例。这个比例越高越好。
• 完成任务的平均时间。这个时间越短越好。

通过对这两个值的监控，就可以知道自己设计的每一个版本的易用性是越来越好了，还是越来越差了。

注一：本文的理论来源，出自一下书籍：Design of Everyday Thing, Usability Engineering, Useit.com。表示感谢！
注二：一些观点在《软件的易用性设计》中讲过。这是我在三年前写的一门课程，也是我最喜欢讲的一门，在苏州，南京，武汉，成都和上海的软件园和开发者大会上讲过。
注三：关于中国的互联网现状究竟相当于美国的哪一年？，引起一些关注和争论，比如keso(I, II), xiaobo (I), Vazi (I), 莫烦 (I), 冰刀 (I), xucx等等。他们的观点，我是非常同意的。中国的互联网需要高端应用，也需要低端；有快速跟进的群体，也有还没有入门的；需要领航者，也需要低下头做基层的应用；这头大象，是够大的，大到没有人可以看全，大到没有一篇文章可以说得明白。或许每个人在发表自己的见解的时候加一个注释说，“这只是我看到，或者现在这个时间段关注的部分”。只有更多人，更多的文章，探讨这个话题，才可以帮助我们有更正确的判断。

冬天，在哈佛。看到一个图书馆，名叫Harry Elkins Widener纪念图书馆。哈佛大学的法律系二年级学生，一个帅哥，讲了这个图书馆的故事。

王建硕摄于哈佛书店面向图书馆.更多哈佛照片

Harry Elkins Widener毕业于哈佛。此人酷爱读书。他去欧洲四年，收集大量书籍，带回纽约。不幸的他登上了一艘叫做Tantanic的船，并和它一起沉到了大西洋底。他的妈妈，一个坚强的女人，非常伤心，把她所有的财产捐给了他儿子毕业的哈佛大学，建立了这座现在世界上最大的私人图书馆，和全球第三大图书馆。哈佛大学接受了这笔捐赠，也接受了这位妈妈的三个铁规矩，并写入了捐赠合同:

1. 在图书馆西翼永久的设立一个书房，该书房按照她儿子Harry在家里的书房一模一样的方式布置，并每天打扫，有鲜花，就像他儿子生前一样。这条原则从1914年执行到今日。
2. 图书馆的一砖一瓦不准挪动，保存这座纪念碑的完整。为了保证符合这位妈妈的愿望，在哈佛图书馆扩建的时候，扩建部分进入该图书馆的走廊是从窗户进去的。
3. 相信孩子是因为不会游泳才遇难的，这位妈妈要所有哈佛学生都必须证明可以游100米才能达到学位。这条原则在强制执行10年以后，才在家属允许下取消。

注：因为英文听力以及口口相授的关系，很多细节未经核实，可能有些出入

这个故事让我很受启发。如果谁接受了我的捐赠，可以和哈佛一样尊重我的意愿，我也会更安心的做公益。没有了这种“充分尊重捐赠者”的理念，捐赠的项目将步履维艰。人都有私心，只有满足了这种私心，才可以让公益的事情做得更好。

这是我发给我现有的咖啡豆俱乐部学生成员的信，愿意分享在这里。这个计划，有它自己的目标，但更重要的是在实践那个图书馆启发我的“商业化运作”和“充分尊重捐赠者”这两个理念是否行得通。我的愿望不仅仅是一个这样的实验项目，更大的愿望是给我周围的人们一个启发：突破自我设限，不一定要自己成为百万富翁才可以做慈善事业，作回报社会的事业。从100元开始，就可以产生些影响。“做全国最好的慈善项目”的志向好立，低下头立刻开始行动从细微处开始做反而很难。

各位好!

感谢大家对咖啡豆计划的参与.我对这个计划最大的愿望是在2005年,试验这样一种新的捐赠模式是否行得通.我把所有运作的事情交给我们的同学,来完成所有的组织.我的工作主要是邀请聚会主讲人,为它做宣传,并作为大家的顾问.我希望这个项目本身也提升大家的组织能力有所帮助.

看了大家的计划,基本同意.以下几点建议,望参考:

1. 咖啡豆计划学生成员2005年为十个,是可以参加聚会的同学.我们将公布该名单.如果其他人想参与聚会,可以联系已经取得该成员资格的会员,转让其中的某次聚会资格==我想让这个名额本身有升值的潜力(虽然不是金钱上的升值),这是咖啡豆计划”商业运作原则”的体现.

2. 咖啡豆的资金捐助的对象,完全由捐赠者的意愿决定.比如,我同意捐赠所有与咖啡豆聚会,摄影展,绘画展,个人音乐会等项目,咖啡豆计划的实体(10个人)的工作是为了帮助捐赠者按照他的意愿完成捐赠,被捐赠者不限于这个小圈子,可以是任何捐赠者在捐赠时规定的人选,这是咖啡豆计划”充分尊重捐赠者的理念”地体现.

3. 充分尊重捐赠者的理念是咖啡豆计划的最精华的原则和主旨.请想一切可能的办法让捐赠者感到方便,并时刻得到款项的用途.捐赠的款项至少3%,最多5%一定要被用于捐赠者服务.服务内容包括:上门收取捐赠款(如果转账不方便),每次账户的钱的变化,每月的帐务明细通知,捐赠证书,当面面谈确认捐款用途,我甚至不想让捐赠者花太多时间填写我们的表格,如果我们有可能,打电话过去帮助他们填写.这方面的心思要多下些.同时,所有的服务,我们可以由义工(或者现有成员）完成，我们支付工资（不可以不接受，原因参看子路受人以劝德，子贡谦让而止善的故事）。

4. 咖啡豆聚会和捐赠者完全是分开的，不一定要捐赠才可以来讲，反之一样。

5. 我同意新成员必须经过所有现有成员的同意才可以加入。我对大家的期望值非常高，我希望在10年后，这个计划里一定会出现业界的领袖。我坚信这一点。

jiyan,请公布一下三月，四月的财务明细。这些信息，在互联网上面是公开的（对于捐款金额，根据捐赠的意愿公布或不公布）。

关于捐赠者，捐赠的访谈还没有 – 明确的关于捐赠的用途，范围以及要求。在这份文档里面，可能要以下内容：

1.一次性捐款还是重复，如果是重复，频率如何？
2。是否愿意公开个人名下资金的明细？
3。捐赠对象的范围？
4。捐赠的项目要求？
5。对于超出此范围的项目是否同时感兴趣？
6。委托咖啡豆俱乐部帮助选取/决定被捐赠者，还是每个被捐赠者需要自己面谈？
7。其他任何的要求：（只要低于捐赠总金额等值的任何其他的要求）

比如说，我刚刚完成了第一笔捐款，我应该有：
1。捐赠证书
2。感谢信
3。每个月的账单

所有的工作，应该由捐赠人的捐款的5%支付成本。基本原则是：找能坚持的义工很难，有钱找人做事情容易，捐赠人看中的不是钱，而是得到的服务，以及确保该笔资金的大部分（除去管理费用）都被用在了他所希望的部分。

现在我们的资金不断增加，当时捐赠对象一直没有找到，这是最大的问题。帮助捐赠者完成的捐赠金额是我们这个运作的实体的重要业务指标。

Jian Shuo Wang
mailto:jianshuo@hotmail.com
http://www.wangjianshuo.com

我喜欢搞大学活动。

在中学大学时幸运的可以近距离接触到很多有成就的人，他们对我的影响持续到今天。还记得在1996年的时候，Netscape和IE的仗还没打的时候，就已经有人办讲座，讲Marc Andreessen, Jim Clark这些硅谷的的传奇故事了。我虽然从来没有在硅谷工作过，但使血液里还是有着创业的激情，与此有关。一种思想，一门科学，不在年轻的时候就有所接触，长大了在这个领域发挥的难度很大。牛顿的定律，不是经过几代的人从小的接触，就很难生成冒出爱因斯坦相对论的土壤。JA的口号我非常喜欢：Let Their Success be Your Inspiration。刘润说过：“很多成功的人，站在学生面前，一句话不说，这本身已经对他有启发了”昨天在《金融时报》的慈善晚宴上见到了靳羽西，没说话，就已经对她所在的行业感兴趣了。这就是启发。

我原来在微软还负责了一年的微软技术俱乐部的活动，多次学校跟学生交流。虽然大学讲学有自不量力的嫌疑，但总以这句话给自己打气：“大学本来就是兼容并收、海纳百川的；多样性，多种声音，才是大学的精华。”

我的朋友都在做这样的事业。刘润是其中的典型。他的《从入学准备就业》在南京大学，东南大学讲过以后，一时洛阳纸贵，引起广泛关注；开复的网站上面也有推荐。他现在和开复一起合作的JA标准课程的第八门课，估计会有更大的关注。（他下周四会在同济）我只是众多做这件事情的一员。而开复，除了讲课，更写了给大学生四封信，都很让我敬佩。

客齐集的推广

现在，正好客齐集刚刚起步，需要推广，就和我的大学的想法合二为一了。此事，对客齐集有利（因为当同一系列的活动在大学里受到欢迎的时候，客齐集的名字也就进入了大学），对学生有利，对演讲者有利，所以，我乐此不疲。曾有过顾虑，是否因为对客齐集有利就不做此事，唯恐有商业作秀的嫌疑。这时正巧一次在出租车上，师傅好意的送我一本佛经，上面有“子路受人以劝德，子贡谦让而止善”的故事。我觉得可以拿来说服我自己，理直气壮的去做这件事情。我宁可这件事一直持续下去，而不是因为顾虑而不做这件事情。这样的例子很多：如果咖啡豆的嘉宾自己出钱而不接受50元钱参加聚会，他会看起来像子贡一样高尚，但下回就再也就请不到了；UUZone赞助了我的摄影展，我在所有的场合替他们宣传他们对我的帮助，直到50个blog上提及UUZone的名字。如果UUZone谢绝了我为了感谢而做的宣传，那么，下一次再有摄影展，估计再也拉不到他们的赞助；对待“阿姨”，捐款看似更高尚，而雇她们做家务好似占了他们的便宜，其实，帮助她们找到工作远胜于施舍。微笑图书室拒绝商业赞助，拒绝为大额捐赠人建冠名的图书室，我认为是不对的。公益的事情，过高的期待于所有人过度的无私，大多虎头蛇尾。

注：Iceshow看到了最近客齐集的大学活动以及我自己的咖啡豆聚会，问道：“可不可以写写讲座的目的和影响”？此文是回答Iceshow的。