構(gòu)建成功web應(yīng)用的十項(xiàng)黃金法則

此文譯自Fred Wilson 2010年2月在邁阿密舉行的Web未來(lái)應(yīng)用的年會(huì)上的演講

謝謝青云推薦了這篇這么好的演說(shuō)

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

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

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

原文以及視頻地址：10 Golden Principles of Successful Web Apps

演講PPT地址：ppt: 10 Golden Principles of Successful Web Apps

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

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

演說(shuō)前，Carsonified有人提議希望我能夠列出構(gòu)建成功web應(yīng)用的十項(xiàng)法則, 我想了想：“好吧，我都不知道是否能控制在是個(gè)”。不過(guò)，我現(xiàn)在已經(jīng)列出來(lái)了并打算今天分享給大家。這些都是源自我十五年來(lái)對(duì)web應(yīng)用投資實(shí)踐所得的經(jīng)驗(yàn)，包含了我所學(xué)到的，如哪些實(shí)踐方式有效而哪些實(shí)踐方式無(wú)效等等。

我用過(guò)很多的web應(yīng)用，對(duì)于我們來(lái)說(shuō)，我們的投資方式都是非常直接的。在投資前我們很清楚什么樣的應(yīng)用是我們感興趣的，如果這產(chǎn)品我們不感興趣，那我們就會(huì)直接告訴項(xiàng)目的負(fù)責(zé)人這不是我們想要的，相反，我們就會(huì)采納這個(gè)產(chǎn)品。緊接著如果發(fā)現(xiàn)產(chǎn)品和我們產(chǎn)生共鳴，那么我們就會(huì)嘗試去了解他。一旦這個(gè)產(chǎn)品，以及對(duì)應(yīng)的服務(wù)和項(xiàng)目團(tuán)隊(duì)都非常吸引我們，那么我們就會(huì)去投資。

這十項(xiàng)是我一直在web應(yīng)用中尋找的。我敢肯定在座的一定有人會(huì)不同意我的觀點(diǎn)，但是這確確實(shí)實(shí)是對(duì)于優(yōu)秀的web應(yīng)用來(lái)說(shuō)是不可或缺的。因此，今天的主題就是：“構(gòu)建成功web應(yīng)用的十項(xiàng)黃金法則”。

1. 速度

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

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

2.即時(shí)效用

“即時(shí)效用”的意思就是說(shuō)服務(wù)（其實(shí)就是web應(yīng)用，因?yàn)閣eb應(yīng)用多數(shù)就是提供服務(wù)）對(duì)你來(lái)說(shuō)是實(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ì)用戶來(lái)說(shuō)是即時(shí)可用的,而這一點(diǎn)被很多人所忽視.

利用許多技巧可以使得你能夠快速讓你的應(yīng)用達(dá)到這種即時(shí)效用，舉個(gè)比較適當(dāng)?shù)睦樱寒?dāng)你構(gòu)建一個(gè)信息服務(wù)的時(shí)候，一開(kāi)始甚至長(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è)消息說(shuō)：“一個(gè)星期后你的視頻將會(huì)被播放出來(lái)”。當(dāng)然了，這樣的方式顯然不是很好。而相比，YouTube提供了在線實(shí)時(shí)的編碼工作，你可以立馬看到你上傳的視頻。這就是我想要說(shuō)的關(guān)于即時(shí)效用的東西。

3.軟件即是媒介

關(guān)于這點(diǎn)我有很多想說(shuō)的. 我的觀點(diǎn)是現(xiàn)在的軟件即是媒介。特別是消費(fèi)者軟件，當(dāng)人們使用你軟件的時(shí)候就如同接觸各種媒介一樣。這里我所說(shuō)的媒介是指諸如雜志，新聞，電視節(jié)目等傳統(tǒng)媒介。比如”紐約時(shí)報(bào)”和“華爾街日?qǐng)?bào)”；“浮華世界”（一本雜志）和“時(shí)尚”（時(shí)尚雜志）；FOXNews和CNN，每一種媒介都有自己的特點(diǎn)，都有不同于其他媒介的獨(dú)一無(wú)二的態(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用戶來(lái)說(shuō)宕機(jī)這件事難免有些尷尬,但人們?nèi)詴?huì)穿著”Fail Whale”的衣服在街上行走, 這至少證明了一點(diǎn): 這個(gè)服務(wù)背后有屬于自己的特點(diǎn),它提供了一種媒介，用同一種聲音將人們聯(lián)系在一起. 這就是我想要說(shuō)的. 這一點(diǎn)對(duì)于web應(yīng)用來(lái)說(shuō)是非常重要的.

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)用開(kāi)發(fā)者而言, 我覺(jué)得這一點(diǎn)本身無(wú)需多說(shuō). ?但是我認(rèn)為非常的關(guān)鍵,非常的重要.能夠讓其他人通過(guò)某種方式在你的應(yīng)用基礎(chǔ)上構(gòu)建其他的應(yīng)用或者在你應(yīng)用基礎(chǔ)上添加其他的東西是非常重要的! 這就意味著開(kāi)放(你應(yīng)用的)API,并且在我看來(lái)是可讀寫(xiě)的API. Delicious的創(chuàng)始人兩三年前和我說(shuō)如果API不是可讀寫(xiě)的,那就不算是開(kāi)放API. 這個(gè)已經(jīng)在我們公司內(nèi)部形成了一個(gè)信條了. 我們認(rèn)為如果API只是可讀的,那么它和RSS沒(méi)什么區(qū)別.

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

6. 個(gè)性化

個(gè)性化對(duì)于用戶來(lái)說(shuō)是非常有意義的，就好像我前面一張ppt提到的，你要讓第三方的開(kāi)發(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ì)帶來(lái)一些問(wèn)題。之前我和一個(gè)原Last.fm的女員工聊天的時(shí)候，她告訴我他們社區(qū)用戶都感覺(jué)他們就是網(wǎng)站的主人，是他們?cè)谪?fù)責(zé)這個(gè)網(wǎng)站，于是就導(dǎo)致了這樣的問(wèn)題：每次網(wǎng)站有了改動(dòng)，就會(huì)在論壇上看到成千上百的留言。我認(rèn)為這是一件好事情，因?yàn)檫@就意味著人們非常關(guān)注你的網(wǎng)站，你的應(yīng)用。

這對(duì)于我們投資的一些公司來(lái)說(shuō)的確也是一個(gè)頭疼的問(wèn)題。比如，當(dāng)我們投資的一家公司：Meetup （ 需要翻墻） 上個(gè)星期在它站點(diǎn)的頁(yè)面上作了些改動(dòng)之后，就有許許多多關(guān)于這件事情的評(píng)論，當(dāng)然了，大部分都是罵聲（持反對(duì)意見(jiàn)）。對(duì)于這些評(píng)論，積極回應(yīng)也好，完全不予以理會(huì)也罷，完全由你自己確定。但是從某個(gè)層面上來(lái)看，這確實(shí)是件非常好的事情，因?yàn)檫@恰恰說(shuō)明了人們?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)，但是不管怎么樣我仍然覺(jué)得還是講得通的，還是挺有道理的。

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

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

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

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

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

這張ppt和上一張ppt有點(diǎn)像。當(dāng)你剛剛構(gòu)建好你的應(yīng)用的時(shí)候，它就好像是一堆稻草上的一根針。世界上存在著說(shuō)不上成千上萬(wàn)吧，至少也有成千上百的應(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)?，F(xiàn)如今，就傳播能力而言，社會(huì)媒體如同搜索引擎一樣重要。就好像病毒一樣。First Round Capital的創(chuàng)始人，同時(shí)也是我的同事，Josh Kopelman發(fā)表了一遍很好的博文，那篇博文的標(biāo)題大致是：“我們需要注入病毒”。大致意思是說(shuō)，他們構(gòu)建的web應(yīng)用根本沒(méi)人使用，于是他就和他的團(tuán)隊(duì)說(shuō)：“我們注入些病毒進(jìn)去”。當(dāng)然了，你不能這么做。但是你的應(yīng)用就應(yīng)該自始至終都應(yīng)該是很容易被人發(fā)現(xiàn)，可傳播能力很強(qiáng)的。產(chǎn)品本身就應(yīng)該是面向互聯(lián)網(wǎng)，搜索引擎，社會(huì)媒體的。這就是我所說(shuō)的如何讓你的應(yīng)用更容易被人發(fā)現(xiàn)。

9. 簡(jiǎn)潔

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

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

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

10. 趣味性

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

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

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

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

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

Greg，能把屏幕切換到我的blog嗎？我周日的時(shí)候把這篇演講ppt發(fā)布到了我的blog上面，地址是：www.avc.com, 這就是這篇文章“構(gòu)建成功web應(yīng)用的十項(xiàng)法則”。你往下翻就會(huì)發(fā)現(xiàn)有許許多多的留言，一共有171條。之前有一些內(nèi)容大家爭(zhēng)論了3,4天關(guān)于是否除了這十條還有別的更重要的十條，是否你對(duì)這真的感興趣；是否擬對(duì)你剛剛構(gòu)建的應(yīng)用仔細(xì)考量過(guò)，是否你這十條包含了全部的關(guān)鍵點(diǎn)。當(dāng)然了，在留言中至少還提到了5,6點(diǎn)非常關(guān)鍵的，比如：隱私性，易用性，品牌性等應(yīng)該被列入其中，但是我被要求只能列出10個(gè)，于是就只能壓縮成了10個(gè)了。

來(lái)源：

http://ued.taobao.com