Web 2.0與網頁設計

Web 1.0時代的網路是一小撮人為一大群人撰寫內容的網路。人們從源頭便可直接獲取信息，要圖片設計信息就去Adobe.com，要Windows信息就去Microsoft.com，要看新聞就去CNN.com。然而，隨著時間流轉，越來越多的人在閱讀網頁之外也開始自己寫些東西。一個有趣的結果隨之而來——突然之間，信息多得我們無法與之保持同步了。我們沒有足夠的時間去關注所有想要我們關注的作者，而瀏覽有相關內容的全部網站更是顯而易見不可能。很明顯，當個人寫作漸漸增長並成為主流的時候， Web 1.0的老模式應該改改了。

Web 2.0在此時登場了，在這一模式下，網路上的信息是分佈在分佈式的小單位「微內容」。網路的構成元素由文檔變成了數據。我們不再需要訪問不變的舊式信息來源。現在我們所依賴的是一套以其新而有效的方式聚合併重組網路上「微內容」的新工具。

這些工具，也就是Web 2.0接口，將是設計創意閃光的先鋒領域。

在這方面已經有了很多成功案例，比如RSS聚合、搜索引擎、門戶、API（應用程序界面，它可以提供與數據相連的接口）和Web服務（通過XML-RPC、SOAP和其它技術存取數據）。Google地圖在功能上和類似服務差異不大但它提供的接口要優秀得多。Flickr的接口可以算是最具創意並且也是最受歡迎的。Del.icio.us則提供了個人和社群服務，它的覆蓋面遠不止一個網站。這些接口設計正在改變我們存儲和共享數據的方式。至於內容來自何處倒不是那麼重要了。

人們常常把Web 2.0描述為「作為平台的網路」，把網路看成是一個內容互動的平台之後，我們很容易發現這種變化對於設計的重大影響。想像一下吧，當來自不同領域的不同群體——公司、個人、政府等等——存儲了一系列數據之後，我們便能通過一個接口將信息混合，這一點是任何單一傳統網站都不可能做到的。舉例來說，Amazon.com的內容數據庫是對外開放的，任何人都可以針對一些特殊要求去設計一些更好的接口（比如Amazon Light）。它的力量在於，借助接口，人們可以通過內容的定制或與其他數據的重組創造出新的更有價值的工具。

對於網頁設計師而言，Web 2.0有6個值得注意的趨勢。在這篇介紹性的文章裡，我們將為您介紹這些趨勢並一一舉例說明。在以後的文章裡，我們會針對具體趨勢作細節性的探討。

用語義標記語言寫頁面：和XML接軌

語義標記，也就是精確描述頁面每一部分作用的標記，是實現Web 2.0過程中最重要的一環。最常用的標記語言HTML和XHTML一般用於顯示目的，設計師們可以通過對HTML標籤應用CSS來改變頁面風格。

這些標記語言並非完全沒有語義能力。設計師們用它們能夠描述頁面，但這僅限於(X)HTML內建的標籤範圍內。比如，設計者可以用h1、p、li、cite、dl等標籤分別標記標題、段落、清單、引用以及自定義列表等項目。這些標籤對一些簡單的文檔已經夠用了。但是在大多數情況下，(X)HTML內建的這些標籤遠不足以精確描述頁面內容。對於Web 2.0來說，對頁面的描述不僅是一項需求，它是實現Web 2.0的關鍵。

儘管HTML和XHTML的潛力尚未被挖盡，RSS這項技術已經證明了語義標記語言毋庸置疑的實力。RSS利用XML實現網頁內容的聯合。它可以讓網站更方便地告知訪客什麼時候有更新。現在你不再需要一遍遍地點開你所喜愛的網站來查看更新了，你只需在RSS閱讀器中輸入RSS源的地址，閱讀器就能自動定期查看站點，在發現更新之後接收信息並且提醒你。它可以大大節約你的時間。

提供Web服務：超越站點

在語義語言得到運用之前的早期互聯網上，網站僅僅是一系列「頁面」的組合。十年前的網站往往更像是在線用戶手冊（乾巴巴的靜態HTML網頁），它們的互動方式也僅僅是Flash、動畫和JavaScript而已。在那時，網站推廣就像是推銷「地皮」——那是一個在線商城和門戶網站在虛擬世界激烈競爭的時代。

從90年代末，特別是這個世紀的頭一兩年開始，XML語言和Web服務開始推動網站的面貌發生改變。XML技術實現了不同系統間的內容共享和傳輸，Web服務提供了和站點內部相連的接口。視覺設計為內容提供了外觀界面，而Web服務則是為同一內容提供的程序接口。這是一個相當有用的技術。如果網站開發者提供了Web服務API的話，任何人都可以建立一個和該站點內容相連的接口。

Amazon.com和eBay是這種由單一站點向Web服務轉變的兩個成功範例，所有人都可以通過Web服務使用它們提供的海量商業數據。依賴eBay的Web服務所建立的Andale是一個很有意思的網站，它通過分析價格和銷售數據來告訴賣家當前的熱銷商品及其價格。

信息重組：內容為王

2004年11月12日，在網路媒體協會的一次會議上，美聯社CEO Tom Curley發表了一個重要而有遠見的講話，他說：「…在（互聯網發展）的下一階段，內容本身將會會比它的展現形式更重要…諸如搜索、RSS和TiVo之類錄像程序——我這裡說的只是一部分——等殺手軟件正在逐漸打破我們試圖存放內容的容器。」

Curley的講話是針對記者和媒體行業的，但他的深刻見解對網頁設計者們來說同樣重要。網頁設計在Web 1.0時代的目的是建立一個內容獨佔的站點。但如今，內容已經不可能由單一網站獨享了——除非你試圖與社會性的網路對抗並把內容鎖在一個受保護網站之中。

Web 2.0時代的網站設計相對於網站本身，更注重事件驅動型體驗的建立。RSS成為其重要組成部分並非只是巧合。不需要任何無關設計，RSS摘要就可以讓人們訂閱你站點上的內容並隨時通過RSS閱讀器閱讀它們。

搜索也可以和RSS相結合，幫助人們通過標題和標籤（可以通過PubSub或Feedster等等）來訂閱所需的內容。這種所謂的「未來搜索」不僅能幫助人們整合不同來源的內容，也避免了人們因為站點的視覺設計而與之失之交臂的可能性。

由於內容以RSS的形式在網上流動並且以此方式被重新整合，網站設計者們的思維應當超越站點本身，並且要著重考慮如何去打內容牌。

導航和關聯的主人：用戶決定

由於Web 2.0內容重組的特性，訪客們初次看到信息的地方很可能並不是最早發佈它的站點。因此，傳統上為訪問某一特定內容而設計的網站導航系統將被針對Web 2.0的新特性而設計的導航系統所取代。這種分佈式導航可能的形式包括RSS閱讀器、博客上的鏈接、搜索引擎，也可以是其他一些形式的內容聚合程序。

這一特性也帶來了一些副作用，其中一條就是有用信息的來源經常變動，而訪客甚至不需知道信息的真正來源。還好，內容聚合程序內建的一些功能已經注意到了這一問題——它們能夠記錄訪客的活動。通過記錄微內容的訪問量，聚合程序可以通過訪客的歷史行為預測他們在未來可能關心的內容。這就是我們在Daypop、Del.icio.us和Blogdex等網站上所看到的。對人們歷史興趣的記錄可能會在未來發揮作用。

這些第三方接口的強大功能使得訪客不必訪問內容的發佈頁就能獲取信息，使用導航系統的人因此將越來越少。最常用的導航系統將由用戶行為來決定，而不再需要特別的設計。

隨時間而添加的元數據：由社群建設的群體信息

Web 1.0有一個看上去徹底改變了傳統出版方式的特點，即隨時修改出版物的可能性。在網上，紙上出版物的「版本」、「印數」等概念消失了。網上有的只是網站和它的當前狀態。現在我們已經習慣這一形式了，樂觀者們的希望可能會變成現實：隨著時間增長，網上的內容只可能變得越來越好——元數據被不斷添加，描述逐漸深入，話題變得明晰，參考更加全面。

Web 2.0在這方面走得更遠，在該模式下，用戶可以添加屬於他們自己的元數據。在Flickr和Del.icio.us上，任何人都能給數字媒體（文件、書籤、圖片…）添加標籤。不過，自行添加標籤還不是最有趣的。最有趣的是所有人的標籤放在一起時體現出的那些趨勢。

舉例來說，當我們在Del.icio.us上為一個書籤添加「Web 2.0」的標籤之後，我們可以進入del.icio.us/tag/Web 2.0這個頁面看看別人給哪些項目添加了類似標籤，也許還能從中發掘出一些我們本不知道的寶貴信息。搜索引擎可以查找網站設計者添加的那些元數據， Del.icio.us則為那些被傳統模式所忽略的人所添加的元數據提供了一個槓桿。

轉向程序設計：風格和結構的分離

Web 1.0時代，網頁的視覺設計經歷了兩個發展階段。早些年裡，設計者們使用GIF動畫和表格等小技巧來扮靚網頁。而在最近幾年，CSS逐漸流行起來，人們通過添加一個定義了風格信息的獨立CSS文件實現了頁面風格和結構的分離。儘管如此，視覺設計仍然是人們關注的核心——因為這是區分內容和吸引用戶注意最主要的方法。

進入Web 2.0時代之後，網站的地位降低了，視覺風格也因此不再那麼重要。Web 2.0時代流行的是XML，相對頁面佈局和內容展現方式，詞語和語義更為重要。內容在網路中流動，並通過程序來存儲。從非常現實的意義上說，如今我們的設計更多針對的是機器而不是人。這聽起來有點像《黑客帝國》，不過Amazon.com的CEO Jeff Bezos說：「Web 2.0…它講究的是讓網路變得更適合電腦使用。」

這對網頁設計者來說意味著什麼呢？這意味著設計者需要考慮如何讓內容和站點本身一樣吸引人。這意味著設計者需要轉向Web服務的開發，意味著設計者的思維應當超越站點的展現方式，並更多地考慮API和內容聚合。簡而言之，設計者會更像是程序員。Web 2.0有一個簡單的前端和強有力的後端，Bezos的話就是這個意思。

總結

Web 2.0意義深遠。它像所有重大變革一樣，從社會、文化甚至是政治等多方面影響著使用者。Web 2.0的設計者和開發者們是受影響最大的人群之一——不僅僅是因為他們需要新的技術手段，更重要原因是，他們需要認識到，內容應當作整體的一部分對待，它們並不是孤立存在的。

在這裡我們作一些總結，下面就是Web 2.0時代網站設計的6大主題：
1. 用語義標記語言寫頁面：和XML接軌
2. 提供Web服務：超越站點
3. 信息重組：內容為王
4. 導航和關聯的主人：用戶決定
5. 隨時間而添加的元數據：由社群建設的群體信息
6. 轉向程序設計：風格和結構的分離

我們撰寫這個專欄的目的是幫助設計者們分析這些動向並向他們闡述Web 2.0的意義。我們將繼續探討構建Web 2.0的一些新技術，詳細介紹那些已經取得成功的新接口，並考慮它給用戶帶來的社會性影響。

我們希望關注新技術前景的設計者們今後能幫助我們重點關注它們的實用意義，關注Web 2.0當前（和未來）對網站設計產生的細微卻很深刻的影響。

原文作者：Richard MacManus , Joshua Porter
原文鏈接：Web 2.0 for Designers
譯者：Trockeneis