此文譯自fred wilson 2010年2月在邁阿密舉行的web未來應(yīng)用的年會(huì)上的演講

謝謝青云推薦了這篇這么好的演說

謝謝卓和百忙中抽空幫我review,修改,提出很好的建議

謝謝lily,在我初稿完成后大半夜還幫我校對(duì),修正,提出非常寶貴的意見

說明: 原文中的英文內(nèi)容有些錯(cuò)誤,和視頻有出入, 所以按照視頻為準(zhǔn).()中的內(nèi)容均是我為了方便理解所加, 每個(gè)標(biāo)題后的圖片均來自原ppt

原文以及視頻地址:10 golden principles of successful web apps

演講ppt地址:ppt: 10 golden principles of successful web apps

以下是演講內(nèi)容:

開場(chǎng)白:

謝謝,大家好,很高興能夠來到邁阿密。昨晚我從紐約抵達(dá)的時(shí)候還很冷,地上都是積雪,但是現(xiàn)在這里卻很溫暖很舒服,非常高興能夠來到這里。

我覺得web應(yīng)用速度必須要快,如果慢了,后果是顯而易見的。我們公司(風(fēng)險(xiǎn)投資公司)的每一個(gè)投資的項(xiàng)目在pingdom(網(wǎng)站性能測(cè)試服務(wù)站點(diǎn))上都有記錄,我們每周都會(huì)去看。我們發(fā)現(xiàn), 但凡有公司投資的應(yīng)用陷入困境(出現(xiàn)性能問題,速度變慢了),這些應(yīng)用通常也不會(huì)有快速的發(fā)展勢(shì)頭。這個(gè)真實(shí)有力的證據(jù)證實(shí)了“速度優(yōu)于功能,速度是最重要的”這一事實(shí),對(duì)于一個(gè)web應(yīng)用來說,速度快不是一個(gè)優(yōu)點(diǎn),而是一項(xiàng)要求。

2.即時(shí)效用

“即時(shí)效用”的意思就是說服務(wù)(其實(shí)就是web應(yīng)用,因?yàn)閣eb應(yīng)用多數(shù)就是提供服務(wù))對(duì)你來說是實(shí)時(shí)有幫助的(簡(jiǎn)單實(shí)用,并且具有實(shí)時(shí)性)。如果你構(gòu)建一個(gè)服務(wù),然后用戶要想使用他不得不花上一個(gè)小時(shí)的時(shí)間完成如下流程:配置服務(wù),啟動(dòng)它,導(dǎo)入聯(lián)系人,做許許多多和數(shù)據(jù)有關(guān)的事情。那我想絕大部分人會(huì)放棄使用。服務(wù)必須要對(duì)用戶來說是即時(shí)可用的,而這一點(diǎn)被很多人所忽視.

利用許多技巧可以使得你能夠快速讓你的應(yīng)用達(dá)到這種即時(shí)效用,舉個(gè)比較適當(dāng)?shù)睦?當(dāng)你構(gòu)建一個(gè)信息服務(wù)的時(shí)候,一開始甚至長(zhǎng)期你都可以在網(wǎng)絡(luò)上的其他地方爬取比較受歡迎的信息作為你自己的服務(wù)。但是有一點(diǎn),你一定要給用戶即時(shí)的有幫助的信息。

另一個(gè)例子是:當(dāng)google大概4,5年前發(fā)布 google video的時(shí)候,差不多同一時(shí)間youtube也發(fā)布了同樣的服務(wù)。如果你在上傳一個(gè)視頻到google video,之后你得到了一個(gè)消息說:“一個(gè)星期后你的視頻將會(huì)被播放出來”。當(dāng)然了,這樣的方式顯然不是很好。而相比,youtube提供了在線實(shí)時(shí)的編碼工作,你可以立馬看到你上傳的視頻。這就是我想要說的關(guān)于即時(shí)效用的東西。

3.軟件即是媒介

關(guān)于這點(diǎn)我有很多想說的. 我的觀點(diǎn)是現(xiàn)在的軟件即是媒介。特別是消費(fèi)者軟件,當(dāng)人們使用你軟件的時(shí)候就如同接觸各種媒介一樣。這里我所說的媒介是指諸如雜志,新聞,電視節(jié)目等傳統(tǒng)媒介。比如”紐約時(shí)報(bào)”和“華爾街日?qǐng)?bào)”;“浮華世界”(一本雜志)和“時(shí)尚”(時(shí)尚雜志);foxnews和cnn,每一種媒介都有自己的特點(diǎn),都有不同于其他媒介的獨(dú)一無二的態(tài)度和堅(jiān)持。

同傳統(tǒng)的媒介一樣, 我認(rèn)為現(xiàn)在的軟件也要有自己的個(gè)性特點(diǎn),發(fā)出自己的聲音,表達(dá)自己的態(tài)度。有些看上去諸如“fail whale(失敗鯨)”(twitter宕機(jī)時(shí)候的提示圖案)很“傻乎乎”的東西,其實(shí)也是一種個(gè)性化的東西。雖然對(duì)于twitter用戶來說宕機(jī)這件事難免有些尷尬,但人們?nèi)詴?huì)穿著”fail whale”的衣服在街上行走, 這至少證明了一點(diǎn): 這個(gè)服務(wù)背后有屬于自己的特點(diǎn),它提供了一種媒介,用同一種聲音將人們聯(lián)系在一起. 這就是我想要說的. 這一點(diǎn)對(duì)于web應(yīng)用來說是非常重要的.

4.少即是多

“少即是多”,這一點(diǎn)我深信不疑,尤其在你構(gòu)建應(yīng)用初期. 而后你可以慢慢地增強(qiáng)你網(wǎng)站的功能. 以facebook為例,如今在他它的服務(wù)中提供了20到30種不同的核心功能.但是, 在它剛剛起步的時(shí)候他的應(yīng)用卻非常的簡(jiǎn)單好用.我想這就是一個(gè)好的應(yīng)用所必須具備的.

公司對(duì)delicious的投資是我最滿意的投資之一. 我喜歡它的簡(jiǎn)單,delicious的功能很少,但是卻很強(qiáng)大.人們一天要用五次甚至十次,而且天天都用. 這些服務(wù)雖然涉及面很窄, 但是對(duì)用戶非常有用, 時(shí)刻都要用到它. 他們非常的強(qiáng)大并且對(duì)你有很大的幫助,與此同時(shí)我認(rèn)為他們的快速,簡(jiǎn)單,易用做得非常的好,給你提供了一個(gè)很好的平臺(tái).

5. 可編程

對(duì)于web應(yīng)用開發(fā)者而言, 我覺得這一點(diǎn)本身無需多說.但是我認(rèn)為非常的關(guān)鍵,非常的重要.能夠讓其他人通過某種方式在你的應(yīng)用基礎(chǔ)上構(gòu)建其他的應(yīng)用或者在你應(yīng)用基礎(chǔ)上添加其他的東西是非常重要的! 這就意味著開放(你應(yīng)用的)api,并且在我看來是可讀寫的api. delicious的創(chuàng)始人兩三年前和我說如果api不是可讀寫的,那就不算是開放api. 這個(gè)已經(jīng)在我們公司內(nèi)部形成了一個(gè)信條了. 我們認(rèn)為如果api只是可讀的,那么它和rss沒什么區(qū)別.

不是所有我們投資的應(yīng)用都開放了可讀寫api, 但我們始終嘗試著鼓勵(lì)并且說服他們這樣做. 可編程性最為重要的一點(diǎn)是, 人們能夠通過這個(gè)能夠令你的應(yīng)用更有價(jià)值, 給你的應(yīng)用注入更大的能量, 為你的應(yīng)用帶來更多的用戶, 更多的數(shù)據(jù)以及更多的財(cái)富.或許2,3年前, 我們還會(huì)投資不具備高可編程性的web應(yīng)用,但在今天我們肯定不會(huì)這么做了,因?yàn)槿缤俣纫粯? 可編程性對(duì)于成功的web應(yīng)用也是必不可少的.

6. 個(gè)性化

個(gè)性化對(duì)于用戶來說是非常有意義的,就好像我前面一張ppt提到的,你要讓第三方的開發(fā)者乃至用戶都為你的應(yīng)用注入他們的“能量”,他們?cè)谀愕膽?yīng)用中注入越多的他們個(gè)性化的東西,他們就會(huì)對(duì)你的應(yīng)用更加有歸屬感和擁有感,這很有可能會(huì)成為你推動(dòng)市場(chǎng)的重要力量。個(gè)性化你的應(yīng)用是非常重要的,方式也有很多,比如可以讓用戶自定義背景,上傳頭像,添加自定義的內(nèi)容等等等等,這些都能讓用戶就對(duì)你的應(yīng)用產(chǎn)生歸屬感。

當(dāng)然了,個(gè)性化難免也會(huì)帶來一些問題。之前我和一個(gè)原last.fm的女員工聊天的時(shí)候,她告訴我他們社區(qū)用戶都感覺他們就是網(wǎng)站的主人,是他們?cè)谪?fù)責(zé)這個(gè)網(wǎng)站,于是就導(dǎo)致了這樣的問題:每次網(wǎng)站有了改動(dòng),就會(huì)在論壇上看到成千上百的留言。我認(rèn)為這是一件好事情,因?yàn)檫@就意味著人們非常關(guān)注你的網(wǎng)站,你的應(yīng)用。

這對(duì)于我們投資的一些公司來說的確也是一個(gè)頭疼的問題。比如,當(dāng)我們投資的一家公司:meetup ( 需要翻墻)上個(gè)星期在它站點(diǎn)的頁面上作了些改動(dòng)之后,就有許許多多關(guān)于這件事情的評(píng)論,當(dāng)然了,大部分都是罵聲(持反對(duì)意見)。對(duì)于這些評(píng)論,積極回應(yīng)也好,完全不予以理會(huì)也罷,完全由你自己確定。但是從某個(gè)層面上來看,這確實(shí)是件非常好的事情,因?yàn)檫@恰恰說明了人們?cè)陉P(guān)注你的應(yīng)用,他們花費(fèi)了他們的時(shí)間和精力在你的應(yīng)用上面。

7. restful(計(jì)算機(jī)領(lǐng)域?qū)I(yè)名詞)

我不確定我用這個(gè)詞是否準(zhǔn)確。我想在座的大部分都應(yīng)該知道什么是rest(representational state transfer的簡(jiǎn)稱)。它是一個(gè)軟件架構(gòu)中提出的一個(gè)觀點(diǎn)即:任何事物都應(yīng)該有詳細(xì)的定義。但是我這里所指的rest則有些許不同,甚至有點(diǎn)使用不當(dāng),但是不管怎么樣我仍然覺得還是講得通的,還是挺有道理的。

軟件架構(gòu)中的rest指的是你的每資源都有一個(gè)可被訪問的url來表示,這個(gè)是在軟件架構(gòu)層面的。但是我對(duì)他的定義則有些古怪,我所謂的rest是指整個(gè)應(yīng)用層面,其中所有的資源都有一個(gè)url,而且是一個(gè)非常簡(jiǎn)潔,容易理解的url。

好比twitter在3,4個(gè)月前發(fā)布的twitter list,如果你去某人的twitter頁面,單擊了“lists”這個(gè)鏈接,你就會(huì)看到類似于“twitter.com/fredwilson /list/….”這樣的url,這個(gè)url就表示了我twitter上的所有的list。整個(gè)twitter應(yīng)用都是以這樣的方式來構(gòu)建的,它上面所有的資源都是以簡(jiǎn)單易懂的url來直接表示的。你可以拿到這個(gè)url,然后通過email或者其他方式發(fā)送到互聯(lián)網(wǎng)上。

google將會(huì)搜索到這個(gè)url,它能夠讓別人發(fā)現(xiàn)你的應(yīng)用并且直接訪問到你應(yīng)用中原本要從首頁通過很多次交互才能訪問到的內(nèi)容。我認(rèn)為那些不以這種方式構(gòu)建web應(yīng)用的人都犯了一個(gè)很大的錯(cuò)誤。就好像現(xiàn)在非常流行的linkedin,它在這方面就做的非常的糟糕。

以上就是我想要說的關(guān)于restful的東西,盡管有些怪異,但是我認(rèn)為對(duì)于成功的web應(yīng)用來說的確是非常重要的。

8.讓你的應(yīng)用更容易被人發(fā)現(xiàn)

這張ppt和上一張ppt有點(diǎn)像。當(dāng)你剛剛構(gòu)建好你的應(yīng)用的時(shí)候,它就好像是一堆稻草上的一根針。世界上存在著說不上成千上萬吧,至少也有成千上百的應(yīng)用和你類似,那么怎么樣才能讓人們發(fā)現(xiàn)你的應(yīng)用呢?基于這一點(diǎn),我認(rèn)為,你要做的就是搜索引擎優(yōu)化。對(duì)于優(yōu)化,你不僅僅要知道其規(guī)則更要清楚如何去優(yōu)化。你的應(yīng)用必須要讓google能夠很容易的發(fā)現(xiàn)。

不僅如此,你的應(yīng)用也應(yīng)該很容易被社會(huì)媒體所發(fā)現(xiàn)。現(xiàn)如今,就傳播能力而言,社會(huì)媒體如同搜索引擎一樣重要。就好像病毒一樣。first round capital的創(chuàng)始人,同時(shí)也是我的同事,josh kopelman發(fā)表了一遍很好的博文,那篇博文的標(biāo)題大致是:“我們需要注入病毒”。大致意思是說,他們構(gòu)建的web應(yīng)用根本沒人使用,于是他就和他的團(tuán)隊(duì)說:“我們注入些病毒進(jìn)去”。當(dāng)然了,你不能這么做。但是你的應(yīng)用就應(yīng)該自始至終都應(yīng)該是很容易被人發(fā)現(xiàn),可傳播能力很強(qiáng)的。產(chǎn)品本身就應(yīng)該是面向互聯(lián)網(wǎng),搜索引擎,社會(huì)媒體的。這就是我所說的如何讓你的應(yīng)用更容易被人發(fā)現(xiàn)。

9. 簡(jiǎn)潔

我認(rèn)為,簡(jiǎn)潔意味著你應(yīng)用的頁面不要太擁擠。你的頁面應(yīng)該讓人一目了然,任何頁面都不要放置太多的功能點(diǎn)在上面,要讓用戶一看就能知道是干什么的,怎么用。

在我剛開始做這張ppt的時(shí)候,想把一些應(yīng)用的截圖放上去,感覺這樣會(huì)比較好。但是后來想想這并不好,于是我就放了這些肥皂上去了。但是之前在這個(gè)位置我放的是tumblr(需要翻墻)的登陸界面的截圖,截圖如下:

當(dāng)你進(jìn)入tumblr的登陸界面的時(shí)候,它整個(gè)頁面上就只有兩個(gè)巨大的輸入框,用來輸入用戶名和密碼,非常簡(jiǎn)潔直白,我非常喜歡。用戶非常清楚這個(gè)頁面是干嘛的以及如何使用。這點(diǎn)非常重要,很多人都低估了這種簡(jiǎn)潔性的價(jià)值,總覺得頁面上的功能越多越好。

10. 趣味性

最后一點(diǎn),同樣重要的是娛樂化。我們合廣投資公司(union square ventures)有6個(gè)關(guān)鍵詞(類似學(xué)校的校訓(xùn)之類的),有一個(gè)碰巧和我說的這一點(diǎn)吻合。這六個(gè)關(guān)鍵詞是:移動(dòng)化、社會(huì)化、全球化、娛樂化、智能化,第六個(gè)我忘記了。不管怎么樣,這些都是和我們的web應(yīng)用有關(guān)的東西,而其中娛樂化就是我想要說的。

之前有人說我放一個(gè)空的場(chǎng)地只有積水的圖片作為背景不好,但是我這么做是有原因的。這張ppt上的圖片是舊金山的南方公園。在這個(gè)滑梯的上面只有一小塊地方,但是就在這一小塊地方上誕生了twitter:那是一個(gè)春天,有天中午4,5個(gè)來自一家名叫odeo的公司的員工來到這個(gè)公園討論他們要構(gòu)建的新的項(xiàng)目,最后就在這個(gè)滑梯上方的那一小塊平臺(tái)上,想到了twitter。這就是為什么我要放這張圖的原因。

總之,對(duì)于web應(yīng)用來說,娛樂化是非常重要的. 游戲互動(dòng)性是指你可以用他來引導(dǎo)用戶做一些事情. 舉個(gè)不是web apps的例子吧,一款具有良好互動(dòng)性的名叫weight watchers的游戲, 它的良好互動(dòng)性體現(xiàn)在。你可以在這個(gè)游戲中建立一個(gè)目標(biāo),然后去努力完成這個(gè)目標(biāo),同時(shí),你可以將你的目標(biāo)公布出來,當(dāng)你達(dá)到目標(biāo)之后會(huì)獲得一些獎(jiǎng)勵(lì)。就是這一游戲互動(dòng)性得weight watchers非常的成功。

不同的應(yīng)用可以提供不同的游戲互動(dòng)性,比如linkedin,我有些朋友在這上面就喜歡在上面結(jié)識(shí)更多的朋友,就好像人們?cè)趖witter上就想讓更多人來follow自己,或者自己去follow更多的人一樣。這是所說的就是另外一種游戲互動(dòng)性了。

foursquare則有很多的游戲元素:諸如狀態(tài),徽章之類的來衡量作為為對(duì)本地信息的挖掘的能力強(qiáng)弱。你的應(yīng)用沒有必要和foursquare一樣做的這么明顯,但是我想說的是你的應(yīng)用需要娛樂化。因?yàn)檫@樣,它會(huì)讓用戶覺得你的應(yīng)用很有趣。

greg,能把屏幕切換到我的blog嗎?我周日的時(shí)候把這篇演講ppt發(fā)布到了我的blog上面,地址是://2010/07-26/1.png" border=0 alt="">

首先,我相信速度是最為重要的,對(duì)于一個(gè)web應(yīng)用來說,速度快是所有特征中最重要的。如果你的應(yīng)用很慢,人們是不會(huì)去用它的,這個(gè)在主流用戶(一般用戶)中要比高級(jí)用戶更加來的顯而易見。我認(rèn)為對(duì)于高級(jí)用戶來說,他們有的時(shí)候很能理解構(gòu)建一個(gè)非常快速的應(yīng)用背后的挑戰(zhàn)和苦難,所以當(dāng)他們面對(duì)速度緩慢的應(yīng)用的時(shí)候,或許他們還能忍受。但就以我的妻子和孩子來說,他們是我認(rèn)為的主流用戶(一般用戶),一旦某個(gè)應(yīng)用速度慢了,他們不會(huì)耐心地等下去了,而是立馬放棄使用。