Marissa Mayer – VP, Search Products & User Experience, Google

Marissa focused on the “chi” (not HCI) of Google: complexity of technology married with useful user experience as she described Google’s design principles:

Design for the expert user. 为专家用户设计

• Novice users will enter “Tell me when it will snow in NY today” and get no valuable results. Next try (or soon enough there after they type “weather new york” and see that the results are more valuable. Voila! An “expert user. The learning curve in search is steep but quick.
• Don’t annoy the expert user. Don’t get in their way.

• 新用户会输入“Tell me when it will snow in NY today”，得到毫无价值的结果。下回很快会输入“weather new york”，得到的结果就更有价值。瞧！一个“专家用户”。搜索中的学习曲线，陡直而快速。
• 别打扰专家用户。别挡他们的道。

Don’t make users think. 不要让用户思考

• Don’t allow the user to be stuck asking “What Would Google Do?”
• An interface of a product shouldn’t resemble the interface of those who would create it.
• Focus on ease and speed. Many portals use time spent on their pages as a measure of success. More time on pages meant looking at more ads, right? However, this is intrinsically counter to the goals of the users. They want to get their information and GET OUT.

• 别让用户陷于追问“Google会做什么？”
• 产品的界面，不应该像那些创造产品的人的界面。
• 集中于易用和速度。许多门户把用户停留在他们页面上的时间，作为对成功的衡量。在页面的时间更长，意味着看更多广告，对吗？然而，这根本上背离了用户的目的。用户只想得到信息，然后离开。

Featuritis Explained. 特别解释

• We need to increase features while maintaining an efficient user experience. In the beginning as you add features/functionality there is a good rise in user experience. But it plateaus quickly with a sharp degradation.
• We still have not found this plateau, but companies are starting to react to this reality. (MS, Apple, Google)

• 在维持用户体验时，我们需要增加特性。在增加特性/功能的刚开始，用户体验会有良好的提升。但在达到高点后，伴随而来是急速降解。
• 我们还没有发现这样的高点，但各种公司已开始对这种现实作出反应。

http://www.lukew.com/ff/entry.asp?293
http://laolu.spaces.live.com/blog/cns!8FDD94E24830A815!2338.entry

故事一

《暴风骤雨》的作者周立波说：“描写对象的一切，我都注意的。比如，要是正在描绘一位姑娘，我就特别留意一些姑娘的生活，举动和语言，连她们的头发梳法和上衣的花色，也都留神。早先，我曾住在一位中农的家里，有一天碰到两妯娌干仗，两头都尖嘴利舌，针尖对麦芒，吵一下午，给我印象非常深，后来，我在描绘妯娌吵架时，很不费力。在土改期间，我留心了各种马匹和农民对于各种马匹的议论，往后描写这类事情时，我感到左右逢源，笔下有着用不完的印象、趣语和行动。”

故事二

福楼拜教导他的弟子莫泊桑：“对你所要表现的对象，必须长时间地全神贯注地观察，以便摄取别人没有发现和没有写过的特点。任何事物都存在着未被人发掘的特点，因为一般人用眼睛观看时，只习惯于回忆前人对这事物的想法。而在最细微的事物里，也会有一点点没有被认识过的东西，我们应该去发觉它。”师徒两人街头散步，迎面过来一两牛车。福楼拜要莫泊桑以此为题写出几个内容不同的作品，提示说：“拉车的牛，早上和晚上神态不一样；赶车的人，喝醉了酒和没有吃饱饭对牛的神态也不一样……细致观察这些情况，就能写出多篇文章。”

故事三

宋朝有个画家叫文与可，他特别喜欢画竹子。他画竹子从不打稿，可是却画得十分逼真，生动。宋朝大文学家苏东坡曾经叙述过文与可画竹子的故事。

盛夏的中午，骄阳似火，人们都在摇扇纳凉，可是文与可却站在朝阳山上，全神贯注地看着眼前的竹子。他观察得非常细，进而摇摇直插去霄的楠竹。时而又摸摸低矮的水竹，或者拂一拂顶上枯干的竹子。他的脸被晒得通红，浑身是汗，但却全然不觉。不知什么时候，鸟云遮天，狂风大作，文与可又跑上了山巅，继续观察被狂风吹乱了的竹林。大雨滂沱，山高路滑，他又细致体味风雨中的竹子……就这样，不管是严冬酷暑，不管风雨冰霜，年复一年，文与可观察了不同环境下竹子的千姿百态，并且熟记于心，所以，他画竹子，挥洒自如，堪称佳制，同时代的诗人晁（chao)补之写诗赞扬他：“与可画竹时，胸中有成竹。”

后来，“胸有成竹”就作为成语，比喻人们在做事之前，已经心中有数。

故事四

宋朝大文学家欧阳修，曾得一幅不知名的古画。画面上绘有一丛牡丹花，花瓣红白交杂，布局非常得体；花下有一只猫，正懒洋洋地躺在那儿。这幅画画得栩栩如生，但就是不知其中的含义。
有一天，欧阳修的朋友吴育来访。吴育揣摩了这幅画后说：“这是正午的牡丹花啊！”欧阳修当即表示十分惊诧，问：“你怎么知道的？”吴育指着画说：“你看，牡丹的花瓣都披散开了；花的颜色也显得干燥，不艳丽，这正是烈日当空直射的结果啊！如果是清晨的牡丹，花瓣该是带着露珠，收敛在一起，显得就会更加娇艳。”又说：“花下的懒猫，黑眼珠好象一条线，这也是正午的猫眼啊！猫的眼睛只有在晚间或清晨才是圆圆的。”欧阳修听了他的分析，感到合情合理，十分佩服。

故事五

法国印象派画家莫奈，在一幅有伦敦教堂作为背景的画布上，把雾画成了紫红的颜色，因此引起英国人的争论，他们认为雾应该是灰色的，紫红色与实际不符。后来，伦敦有些人在大街上仔细观察雾的颜色，发现莫奈是正确的。原来，伦敦雾的紫红色，是因为烟太多和砖房建筑所造成的。从此伦敦人的看法改变了，不再把伦敦的雾看成灰色了。

故事六

有一次，达尔文看到花粉的皮部破裂，露出了花粉管，以为是个了不起的新发现，就急忙去告诉汉斯罗教授。本来，花粉管出自花粉，这是植物学上最普通的常识，作为学生，达尔文没有这方面的知识，但汉罗斯听后并没有指责、训斥，却觉得达尔文如此注意观察植物，勤奋好学，这是一般学生所不具备的优点。于是在汉斯罗的引导下，达尔文对生物学发生了浓厚的兴趣，并努力观察以探索其中的奥秘，从此进入了研究生物学的大门，奠定了他一生所走的道路。

你對某個老師的的習慣，是否也常有一種預感，你知道他今天上課會遲到五分鐘，而且第一句話是「今天天氣很好。」

你如果有養小狗，相處久了，也常常能了解牠的行為習性。你知道牠只要一看到腳踏車就會大叫，但只要摸摸牠的頸子，他就會乖乖安靜下來。

什麼是心智模型

人類在經歷或學習某些事件之後，會對事物的發展及變化，歸納出一些結論，然後像是寫劇本一樣，把這些經驗濃縮成一本一本的劇本，等到重複或類似的事情再度發生，我們便不自覺的應用這些先前寫好的劇本，來預測事物的發展變化。

「心智模型」，就是這種「經由經驗及學習，腦海中對某些事物發展的過程，所寫下的劇本」。

心智模型 是你對事物運行發展的預測。再說得清楚一點，你「希望」事物將如何發展，並不是心智模型，但你「認為」事物將如何發展，就是你的心智模型了。 一個人若擁有完整而健全的心智模型，他對事物的發展就可以做出準確的預測，所以也就有能力做出比別人好的判斷。我們形容人，有時會用「有眼光」「有遠見」「運籌帷幄之中，決勝千里之外」，就是用來稱讚那些對某些事物的心智模型比常人精確的人。

心智模型的功用

風洞實驗 是發展新型飛機的必經流程。工程師設計了新型飛機的外型之後，他們通常會用做出一台模型飛機，就像玩具飛機一樣大小，然後在實驗室中，用特製的電風扇吹它，模擬出飛行的狀態，再用儀器測量各種變化，這些結果，可以用來來幫助工程師提早發現這飛機的潛在問題，儘早找出解決方法。這種流程，就是風洞實驗了。

我們的心智模型也提供我們同樣的幫助。在判斷一些事情時，我們常常也需要作一些風洞實驗，評估一下利益得失，然後再做決定。 在心裡做實驗 提出各種節決方案，並分析利弊，評估可行性，找出最好的方法，然後才應用到真實世界裡。它的優點就像風洞實驗一樣，能在最解省時間精力的狀況下，提供你? 多寶貴的資料。它的缺點是，你的模型可能不準確，而使你的判斷錯誤。這種藉由心智模型所產生的對事物的預測能力，事實上正是許多生物所以能在殘酷生存的競爭中得以存活的重要能力。

「倚天屠龍記」一書中，張無忌在光明頂上，大戰空性神僧的龍爪手，就是能完全料到空性的招式，然後使一招相剋的招式，洞燭機先，後發先至，才讓對手連連敗退。再以波灣戰爭中大出風頭的愛國者飛彈而言，它所以能打下敵方的飛彈，靠的就是雷達與電腦的精密配合，不僅掌握對方飛彈的發射時間，還要能預測它的飛行方向及位置，好讓愛國者飛彈，在精確的時間和位置上，分秒不差的和它相遇，才能一擊成功。

成功的學習，關鍵在於學生是否有發展出完整正確的心智模型

一個中學生，如果把牛頓運動定律學的很好，即使沒有紙筆，不做任何運算，在他的腦海裡，也有辦法「上演」牛頓運動定律。

在他的腦海中，將會有一個不斷下落的物體，速度越來越快。這就是他對牛頓運動定律所建立起的心智模型。他可以在腦海中大概模擬物體之間的相互影響，知道哪裡是可以下手的部份，答案算出來了也會判斷這個數值合不合理。而相對的，沒有正確心智模型的學生，在演算物理題目時，就是在一堆數字和公式之間玩抓迷藏，拼拼看，填填看，然後湊出一個答案，卻不知道答案代表的意義。

親身體驗常常是建立心智模型最直接最快速的方法

我們常說「讀萬卷書，行萬里路」，就是在強調經驗的重要。沒有經驗的人，即使讀書破萬卷，也很難在心目中對事物有具體的印象。 要多方面的體驗，才能建立完整有用的心智模型。
南海路的科學館，有一個地心引力的模型，是一個中間有洞的漏斗形大圓盤，當你從旁邊斜斜滾下一個像撞球一樣的小圓球後，小圓球就逐漸加速往中間的洞「代表地心引力」滾進，等到它最接近中心時，它所累積的動能又讓它繞過中心，從另一邊滾回來。就這樣，向地球繞太陽轉一樣，轉出一圈圈橢圓形的軌道。

心智模型需要不斷的修正

有些人只相信自己的經驗所建成的心智模型，而不知道適時的修正它，讓它能更切合實際。

舉例而言，對一個小學生而言，在玩皮球多次之後，對物體運動的概念大概是「所有的物體終究會停下來」。（連有名的古希臘哲學家亞里斯多德也是這樣認為，有趣吧！）等到上了國中，學到了「動者恆動，靜者恆靜」的牛頓定律之後，他的心智模型應該變成「所有的物體如果沒有外力的介入，會保持原來的速度，如果原來的速度就是零，那他就會保持靜止的狀態」，但這個模型和經驗不一致啊，如果這個模型正確，皮球應該不斷滾動不會停啊！怎麼辦呢？等到學了摩擦力的概念，就解釋的通了！

讀書與生活分離的結果，使得學生逐漸發展出「考試用的心智模型」，考試時，答案都正確，但在日常生活中，則發展出「日常生活用的心智模型」，完全由自己的經驗所累積，粗糙原始而未加修飾，也缺乏進步的空間。這樣的結果，造就了一堆只知死讀書而不懂應用變化融會貫通的書呆子。

發展心智模型其實也是人類天性之一

心智模型的概念， 其實是人類增長知識的自然方法，簡直就是一種「生而知之」的本能。
例而言，當一個男孩子，第一次談戀愛的時候，可能覺得「愛女朋友的方法就是每天送它一束花」，過了不久，他的戀愛竟失敗了，他會懊惱的到處哭訴，「我是這麼的愛我的女朋友，但他居然辜負我，天理何在啊！」。在這個階段，我們可以發現，這個男孩對愛情的心智模型是這樣的：「１：送花是愛的表現。２：我送花給我的女朋友，我的女朋友應該知道我愛他３：我愛我的女朋友，所以我的女朋友也應該愛我，這才是公平的。」。他很困擾，到處找朋友哭訴請教，朋友告訴他：「女孩子也很喜歡人家送她上下學」（當然，這個意見只是代表那個同學的心智模型，不見得有效），聽完之後，這男孩決定，不只要送花，還要接送女朋友上下學才可以，所以他在他的心智模型中，多加了一個補充規定，「１。２：接送女朋友上下學也是愛的表現」。

經常使用心智模型是改進心智模型的最好方式

我們都是藉由經驗或者學習的過程中，不斷地測試我們的心智模型，並進而改進這個心智模型。 我們永遠無法知道它是否正確，只有不斷使用它，才有機會做驗正及改進的工作。 只靠自己的經驗學習的人，不僅進步緩慢，也容易產生偏差。 鼓勵學生大量閱讀，因為書本是一個很好的訓練自己心智模型的環境。 狹隘而缺乏他人智慧灌溉的心智模型，通常都很淺薄，缺乏想樣力，創造力，包容力。

清大博士的認知學習經驗
http://blog.xuite.net/twhsi/Blog/4003482

Wireframe Template
Wireframe Stencil
Page Description Diagram Template
Site Map Stencil (and Template)

本地下载 visio_2003.zip (1.33M)

Templates & Stencils for Visio & Omnigraffle
http://v1.garrettdimon.com/resources/templates-stencils-for-visio-omnigraffle

简洁。简单不仅是UI的简洁，也包括系统架构的简单化。

永远Beta。快速上线、不断完善的轻型开发模式被视为Web 2.0的典型开发模式，豆瓣在核心功能开发成功之后始终处于不断完善之中。这种模式虽然难免把问题暴露在用户直视中，但在用户的直接参与下的修改完善比“闭门修炼”效果更好。

注重用户体验。众口难调，不可能覆盖到全部用户的需求，所以只要照顾到多数用户就好。通过调研及悉心体验获知多数用户需要什么，如果搞错了及时调整。在具体开发上，阿北遵循的许多做法都值得参考，例如：

1. 选择Python开发的原因，是效率、效率、效率。
2. 重点关注、率先实现核心功能，未及实现的逐渐完善。
3. 网站应用结构要扁平，如果系统多人开发时应纵向切割。
4. 程序员不要有惯性思维，如对数据库不熟悉就采取逃避态度。
5. 在用户需求的理解上，程序员易自我中心，从程序实现思路出发。
6. 乐此不疲地热爱Coding对于程序人员极其重要。

————————————————————

这样的经验虽然是豆瓣总结出来的，其实所有SNS网站都适用。

第二条赞同，典型的结构完善思路，利于分工和节点控制。

第三条赞同，程序结构控制好，这和工程师经验是直接挂钩的，纵深我也说过好多次了。

豆瓣的成功经验
http://zeroliu.blogdriver.com/zeroliu/1175204.html

不能转载，荣我细读，再做评品。

首先，依照微软的风格，Gmail这个名称实在是太短了，那么最好改为“Windows Live Gmail”这个名称。其次，最好有些Windows软件常见的视觉元素。例如，给邮件标题的空间需要压出来一点留给阅读区，最好是Outlook的三分栏设计。

另外信箱的安全性需要提升，除非你标记邮件时安全的，否则邮件附带的外部链接均无法打开。同时，登录的地址一定要是username@gmail.com的形式，而不能用username登录。

至于浏览器的链接地址，为了安全性考虑绝对不能显示成http://gmail.microsoft.com，而要改成http://by114w.bay114.gmail.live.com/mail/mail.aspx?rru=home

邮件前面的多个邮件选取框要变成图标的形式，还要多放点广告，否则多浪费空间。一定要在收件箱里显示点垃圾邮件，否则垃圾邮件拦截功能谁会用？

充分利用上部的空间，放上点广告。然后有点微软精神，给用户2MB空间，对了，一定要显示成2000KB的形式。最后，登录后用户首先看到的页面一定要是欢迎页面，不能让他们直接看到收件箱。

现在的颜色设计有些太淡了，加点渐变，阴影效果，再加点载入效果。广告放不下？算了，去掉搜索功能，加入Windows的帮助小狗。任务完成。

假设Gmail由微软设计……
http://www.donews.com/Content/200711/6825f9d3ffb047bf90a8e3d9cd2adabf.shtm

Copyblogger提出了自己的论点：当你希望人们去做某件事都时候，就直接教他们那样做。并公布了Marketing Sherpa近期的研究数据，在电子报中使用“点击继续(Click to continue)”做为文字链接，可以提高8%的点击率。

其实关于usability, web standard这一类的事情都是这样，“###”不是个好主意，但也没多坏。叫使用者“按这里(Click here)”不是个好主意，但也没多坏；用户可能会在心里咒骂你干嘛不写清楚，但还是会乖乖地按。

「按這裡」不是個好主意，但也沒多壞
http://blog.yoren.info/2007/11/19/483/

互联网门户的频道首页和网络专题页。它们的共同点是流量大，手工更新，不同点是频道首页是领域，网络专题是热点，频道首页是信息高频度持续更新、持久存在，旧内容往里压，专题是短期高频更新、用完即弃，旧内容往页面下压。

由搜索引擎自动生成的新闻首页和新闻专题页（比如百度的页面）。它们的共同点是基于海量信息，机器生成。它们和第一对的区别在于，特别是新闻专题方面，搜索引擎生成的新闻专题几乎是没有一样的时候。

搜索引擎只有输入框的首页和根据用户输入生成的页面。只有输入框是页面极简，根据用户意图生成的页面最大程度上满足了他们的需求。

证券频道首页和单个股票首页。证券频道首页的目的是提供市场整体信息，而单个股票首页则是根据主题把信息聚合。这一类信息是有标准结构的。

博客聚合页面和博客页面。博客页面是信息按时间顺序往下累计，旧的往下压。博客聚合页面（如Techmeme），则是按话题进行聚合，把最新的信息呈现出来。博客页面，是很难做到海量的。

应该还可以有其他的很多对页面信息模式对比。这里面有几重逻辑区分：是人工还是程序，聚合页是繁复还是简单，从受众角度看是单一页面还是受众敏感，从信息提供方讲是信息模式还是数据库模式，是大众模式还是小众模式，是分散模式还是集中模式……

我以为从这些对比已经可以非常清晰地看到互联网页面信息模式的大变迁：从提供一个给很多人看的固定页面，转向针对不同浏览者提供动态页面。

五对页面的页面示例：

互联网上的五对页面信息模式
http://www.mindmeters.com/day.asp?id=6430

人们白天想的事越多，晚上闲下来的时候就越不想动脑。因此，未来作为人机界面的娱乐门户的最高原则应该只有一个：简单。不需要花里胡哨，不需要窗户乱蹦字乱跳，只需让我一眼就能看清我要去的地方，这就是真正的“用户友好”。

和国外主流网站相比，中国对应的网站（无论是Web1.0还是Web2.0）普遍显得冗杂罗嗦，到处都是字，从上到下能刷六、七屏还刷不完，仿佛觉得首页不多放点东西就对不起观众，让人联想起国内旅行社动不动就来七国八日游搞得度假比上班还累。相比之下，国外的主流网站的首页基本上都控制在两屏之内。

我猜想，之所以有这种不同，这里面既有商业的原因也有文化的原因，但是无论什么原因，我知道作为用户我宁愿选择看起来简单易读的页面。

简单是一种力量。网站页面如此，商业模式也如此，世界上最好的商业模式一定是最简单的商业模式。我们平时经常看到的很多创业者的商业模式往往过于复杂，一句话说不清楚，两句话说完还不如只说第一句话清楚。

对互联网公司来说，网站的商业模式说不清楚，页面自然就不会简洁明快。因为面对说不清楚的东西，你势必要保留各种各样的可能性，而各种各样的可能性都是需要占地方来呈现的。

因此，虽然我不敢说所有想清楚了自己商业模式的网站首页页面一定简单，但是我敢说，绝大多数首页页面不那么简单的、板块挨板块、拖了一屏又一屏的商业网站的盈利模式一定是不那么清楚的。

王冉 于2006年10月17日
http://blog.sina.com.cn/s/blog_47665bc1010005vj.html