Google的设计原则

May 11th, 2008

与我在心智模型的差异提到的观点一致。

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

善于发现

May 10th, 2008

观察源于生活,观察离不开思维的活动。

故事一

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

故事二

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

故事三

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

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

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

故事四

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

故事五

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

故事六

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

心智模型笔记

April 30th, 2008

當觀賞電視劇時,你是否經常對劇情的發展,有一種預知的能力,你會推測劇中女主角在受不了婆婆虐待之後,會離家出走,而電視劇情也真的這樣發展下去。

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

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

什麼是心智模型

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

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

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

心智模型的功用

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

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

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

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

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

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

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

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

心智模型需要不斷的修正

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

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

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

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

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

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

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

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

Visio的模板和控件库

December 11th, 2007

包括四个部分:

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

本地下载 visio_2003.zip (1.33M)

wireframe.gif

wireframestencil.gif

pdd.gif

sitemapstencil.gif

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