设计

刚刚被一个blog页面给弄得烦死了。这类毛病常见于我国的各种blog，忍不住吐槽。微博放不下，索性写篇简短的文说明一下。

我看到的是这个网页，内容很好：台湾环岛游记的一部分。但折翼的是，网页中嵌入了一个自动音乐播放脚本，逼得我看了一半，只能默默地关掉。

在blog里插入自动播放的音乐的同学，你是否意识到这样做的风险很高？你的音乐当且仅当在这样的条件下会受人欢迎：

1. 读者没有播放其他音乐。
2. 突然播放出来的声音不会把blog的读者或者他旁边的人吓一跳，尤其是当读者不慎设置了较高的音量时，更尤其是你插入的是一首劲爆的舞曲。
3. 读者喜欢你的音乐。
4. 读者如果不喜欢你的音乐或者扰民，他能立刻找到关掉或者静音的方法。
5. 读者不是流量包月用户，不在乎你主动下载音频带来的流量。

事实上，同时满足这些条件很难。如果这几条不能同时满足，你会挨骂，会直接造成用户流失。用户通常的做法是，手忙脚乱直接关掉网页，然后骂两句坑爹啊坑爹。

正确的做法是：不要自动播放。在明显的位置，放上明显的音频播放控件（例如有品位的法国货Dewplayer）。就像这样：

李伯伯
张玮玮

……
雨打梨花 深闭门
燕泥已尽 落花尘
但愿你是那知恩知意的心中客 不是那无是无非的糊涂人
我此来不为求功名啊 望先生你啊切莫负我情
……

一项作者自认为的锦上添花，实质造就了糟糕透顶的体验，以致造成用户（在这里是读者）落荒而逃。这是交互设计的大忌啊大忌，遗憾的是很多人还不自知。

昨天中午发现Google Reader大改版：设计极弱智，对用户的使用习惯和历史数据完全不尊重。当时就表达了极度不满（1、2、3）。跳到friendfeed上一看，嚯，朋友们都在骂（1、2、3、4、5、6、7）。环顾一下四方：月光博客表示《对Google Reader的新界面很失望》、和天朝人民境遇相似，在另一堵墙内的伊朗人民也很不快乐……这厢有Google Reader前产品经理Brian Shih称：

最近的Google Reader升级就是场灾难。酿成这一杯具的原因之一在于大多数最初的Google Reader团队成员都已经离开了Google，而新的团队完全不理解该产品的目标。

这次改版就好像是一个完全没用过该产品的人做的一样，你懂得，至少要在Google Reader里阅读点东西之类的。Reader是一个为快速消费信息而打造的产品，这是我们设计之时所考虑到的问题之一。Google+是一个建立在浏览和社交基础之上的体验（类似于Facebook），将Google+的范例混搭到Reader上而不做任何针对底层功能的调节正是其表现出来的可怕之处。

恍然大悟。看来我中午骂Google Reader的产品经理是个白痴并不过分。而且很可能不是基层的产品经理抽风，而是Google的CEO兼产品总监Larry Page同学在抽风。从这篇文章《Steve Jobs 如何影响了Google的重组》来看：

Google在解释自己“小清新”的新设计界面之时，就提到了“专注性”是三个设计原则之一。专注性也应该是Google Labs、Google Desktop、Google Pack、Google Health等一系列产品在最近被关闭的一个因素，这也预示着未来Google产品数量还会继续减少

个人感觉Google上了乔帮主的当——莫名其妙的自废武功，为推Google+走火入魔。Google的核心竞争力根本就不是所谓对产品的专注，而是大坨大坨的用户历史数据，以及用户对Google拥有其隐私数据的信任。Google以让用户丧失一致的阅读体验（阅读自己的订阅 vs. 阅读朋友的分享）、丢弃大堆用户历史数据、丧失对其云存储数据安全性的信任（！）作为代价，换取一个并不被广泛认可的、未成熟产品的非常勉强的关注，其结果并不会带来Google+的流量——我不大可能为了阅读朋友的Share专门转到一个阅读体验远逊于Google Reader的二百五社交产品（Google+只有摘要，没有全文。我还没谈到翻墙等因素）。这样强奸用户，只会招致原Google Reader用户群对Google+广泛的抵制和厌恶。

言归正传。Reader这鸟事看得人烦死了之后，决定表达一下不满。方式选定为下班后去清华东门的Google中国总部贴抗议信。本想草草写两句。整个过程中发现这事还挺有意思的。

第一稿：直白，较无趣，Stupid的措辞太粗。

第二稿：和 @fivestone 聊了一阵，修改了Wording。尤其是DON’T be EVIL and FACEBOOK，幽默有趣，一语n关，赞到不行。

不过贴在Google中国总部的牌子上拍照存档时，还是暴露出问题来了：第二稿里，为了体现层次感，把动词连词什么的都用小字号，结果一拍照就啥也看不见了，不妥不妥。

第三稿：对第二稿的视觉样式进行了大改：

• 除了Google Reader用Times New Roman这种仿Google商标的衬线字体，其他统统改为强有力的非衬线字体Berlin Sans FB Demi
• 用下划线做Highlight
• 字号统一为80pt
• 改为纵向页

关于强调重点，jaer同学还提供了另外一些给力的想法：

……干脆就删了小字，然后在后面的evil和facebook上画红色大叉好了……

话说看看前一张图在实际场景中的效果，A4纸真是太小了。或许应该打印两页，分别粘在牌子上。

最后，让我们来看看专业人士们是怎么做的：

非衬线大黑体、适合上镜的均匀的字号、用颜色highlight重点（我用的是下划线）。哈哈。看来差不多是这个意思。