• 光沅創意 | KyArt Creative | Your Dream, We Design !

    光沅創意-整體品牌創意策略、整合網路行銷市場規劃、精緻質感網站設計與平面設計服務-KyArt Creative professional services include web design, interactive design - Your Dream, We Design!



2008.08.08

【好文欣賞】Web 2.0 的迷思與真實

 
今天在UDN看到兩篇好文,真的是好文章,好觀點,對於我們整日投入專案昏天暗地的人來說,能夠看到閱讀到這樣潮流的文章
瞬間補充養分,隨時保持最新的知識,真棒,看完後,更覺得設計的未來無可限量....
 
如同2000年網路泡沫那時,我正處於網路黑暗期,緊抱存的一絲對網路的憧憬,對網頁設計的喜好,努力不斷努力
即使我的大學同學每個都不知我在幹麻? 普遍認為網路沒未來,我的收入也大不如同學,然而,潮流就是潮流
現在證明一切!  如今的我同樣也覺得未來還是很光明很樂觀,即使許多廠商省成本而到大陸找設計,即使如此
我們在台灣,仍然不凋零,因為有了正確的知識與長遠的觀點,未來與機會我們可以有資格去掌握的!
 
================================================================

Web 2.0 的迷思與真實(一)

作者:林克寰
 
我連續好幾個月,用不同的角度、層級及方法,說明了「小圈圈」這種在 Web 2.0 時代尤其需要被重視的人際關係。無獨有爾,黃彥達最近在《數位之牆》中,也明白指出(人與人的)「關係」纔是 Web 2.0 的重點。

 

不過,在小圈圈、在人際關係之外,許多人口中的 Web 2.0 還充斥著各式各樣的迷思,覺得 Web 2.0 就是如何如何,或者如何如何即能成就 Web 2.0;我在最近的一場公開演說中,恰好準備了一份「額外附贈」的講題,談論到 Web 2.0 的迷思與真實。那個講題我花了約十五分鐘就講完了,但卻絕對是能夠發展出一整段完整論述的東西;所以從本文開始,我就要來跟各位分享這些常見的迷思,以及它們背後的真實。

 

第一個常見的迷思是,「Web 2.0 就是一直 Beta 下去」。跟傳統的軟體工業相當不同的一點,是許多所謂 Web 2.0 的典範,似乎總是一直處於「公開測試 (Beta) 版」的階段,而不是等到徹底成熟了,纔揭露給大眾。

 

這個迷思背後的真相是一種叫「敏捷開發」的模式,也就是把產品的生命週期大幅縮短,迅速地根據實際狀況做出相對的變動,藉此因時制宜。這種開發模式有個很重要的前提,就是開發者必須能夠很直接地瞭解使用者,包括使用者的需求和反應等使用細節;我在先前的《從 PTT、2ch 及 slashdot 說起》一文中,說明的正是這麼一回事:開發者自己就應該是重度使用者,而產品也很自然地應該從開發者身邊的小圈圈開始,逐步向外拓展。

 

唯有當開發者就是整個社群的核心時,這種開發模式纔可行。除了 PTT、2ch 和slashdot 外,包括 Orkut、Flickr、HEMiDEMi 等許多 Web 2.0 網站也都是如此。

 

下一個常見的迷思則是,「Web 2.0 就是使用標籤雲」。標籤雲其實祇是一種新的嘗試,而不會是最終的結果。我曾在《標籤的生命週期》一文中解釋過標籤雲所會面臨的挑戰,當我們能夠瞭解標籤到底想要達成甚麼目的時,就不會被標籤雲的流行所侷限。

 

對於任何 Web 2.0 服務來說,使用標籤雲或標籤的真正目的,乃是要讓使用者之間能夠有簡明的方式,交流「(網頁上的內容)對他們各自所代表的意義」。用有系統的方式,呈現出不同層次、不同權重的「意義」,是資訊架構學、分類學甚至是哲學上的複雜議題。在資訊還不多的年代,人們用了「黃頁」這種由上而下的統一分類標準,來整理各種內容;但是當資訊生產的速度開始大幅超越了消費的速度,或者說當「資訊的生產」本身就已經成為消費的方式後,那種方式漸漸不敷所用,於是人們開始用不同的辦法──例如由下而上的語意建構,來賦予數位內容抽象的意義。

 

標籤是語意的簡明注記。但是語意無法脫離情境脈絡而存在,情境脈絡則是要真正瞭解一個人所不可或缺的。我們在 Amazon 可以觀察到有趣的標籤用法,來進一步思考這方面的細節:在 Amazon,標籤並不是由使用者所寫下,而是由專人規劃提供的──這聽起來相當不 Web 2.0 吧?彷彿回到了傳統的黃頁手法,祇不過把所有的分類再攤平?如果 Amazon 在此止步,那麼的確就回到了過去的年代;不過Amazon 接下來又讓使用者能有參與的機會:使用者可以看到自己所購買過的書籍中,有哪一些貼上了某標籤,並且可以表達自己對這種貼法的意見──某一本書貼上了某個標籤,但其實不應該如此;或者有某本書沒有貼上某個標籤,但其實應該貼上。接著,Amazon 還會以這些標籤為基礎,向你推薦其他書籍。

 

就在這樣的小小設計背後,蘊藏著相當了不起的概念。首先,Amazon 不讓你自己亂寫標籤,而是由專人規劃提供,這麼一來就可以避免許多問題,包括過多的標籤、容易有歧義的標籤以及重複累贅的標籤。如果你有真正用過 Flickr 或者del.icio.us 等標榜標籤的服務,就會發現他們都有這方面的問題──有人的個人頁面開起來就是洋洋灑灑五、六百個標籤,每個標籤看起來都一樣小而沒有意義;有人拿 ST 這個標籤來標記星艦迷航記 (Star Trek),有人則拿來標記語言治療 (Speech Therapy);一樣是狗的圖片,有人貼了 dog 標籤,有人用 dogs,另外有人用 Golden_Retriever……而這些麻煩在 Amazon 都不會發生。

 

雖然這些標籤都是由 Amazon 方的人預先定好,但是使用者卻可以表達書籍對他們所代表的意義──是甚麼、不是甚麼、跟甚麼一樣、跟甚麼不一樣等;所以這些標籤並不是單純的圖書館分類法,而是能夠讓使用者在一定脈絡中,表達語意的簡明方式。

 

最後 Amazon 馬上就利用使用者這樣的操作結果,即時修正要推薦給使用者的書籍資料。這意味著這些「語意」不但由使用者所表達出來,更能回饋到使用者身上,進而改善他們的使用經驗。這麼一來,使用者一方面將更樂於參與表達(因為這麼一來,他們的使用經驗會更美好),同時還能更精確地掌握每個標籤所要表達的意義,及其背後的脈絡(因為他們馬上能感受到相關的變化)。

 

對 Amazon 而言,標籤跟標籤雲都祇是「溝通意義」的手段及仲介過程而已。同樣地,當你要設計另一個 Web 2.0 網頁服務時,也不要落入標籤的迷思,而要想清楚:使用者所想要溝通的「意義」會是甚麼?要如何讓這些「意義」在正確的脈絡中發揮作用,讓使用者自己、其他的使用者以及網站經營方都能夠掌握這些「意義」,而不是被無窮盡的詞語混淆?不管是否用上了標籤,只有當「意義」能被輕易地使用及溝通時,這樣的網站纔真正地朝向 Web 2.0 邁進。

 

囿於篇幅限制,我們先在此歇腳。下一篇文章,將會繼續探討其他的 Web 2.0 迷思,以及它們背後的真相。

==================================================================

Web 2.0 的迷思與真實(二)  「圓角框」和「AJAX」
作者:林克寰

上個月我在〈Web 2.0 的迷思與真實(一)〉一文中說明了「測試版」跟「標籤」這兩個 Web 2.0 迷思,那比較屬於網站方法論的層次;這一次我則要來說說「圓角框」和「AJAX」,這兩個屬於使用者介面層次的迷思。

 

最近一段時間中,很有趣的一個現象是,各種網站上所使用的圖形元素出現了一種流行趨勢:網頁介面充斥著圓角框,並且大量運用了金屬/水樣光澤、漸層及倒影效果。你甚至可以在 My cool button (http://www.mycoolbutton.com/) 這類線上服務,或者如 Axialis IconWorkshop (http://www.axialis.com/) 等專門製作圖示的程式中,輕易地做出這種調調的圖案。

 

因為這種風格實在很搶眼,導致許多人都覺得「Web 2.0 就是要這個味兒」。但,真的是這樣嗎?

 

所謂的 Web 2.0 概念中,有一項很重要的想法是「不像 Web 的 Web」;包括像是Web Software 或 Web as Service 等,都是在這個想法之下誕生的──我們可以透過網頁這種介面,來完成哪些不是網頁介面的工作呢?「不像 Web 的 Web」其實是很貼近「後現代」這種思維的,事實上要是「後現代」在此刻纔發生,恐怕就會被稱做「現代 2.0」吧。不扯遠,我的意思是說,包括圓角框在內的視覺表現,其實只有一個企圖:讓網頁看起來不像網頁。

 

明白這一點之後,就會明白這些視覺表現祇不過是眾多嘗試的開始,而不是結束。再過不了多久,設計師們就會對圓角框跟漸層、倒影等效果反感,就好像前一個時代的跑馬燈一樣,轉而做出全然不同的設計。如果堅信設計中一定要有圓角框,大概五年內就會被淘汰;這個世代的網頁遠比前一個世代的網頁要來得有彈性──我們已經從方方正正的設計中跳脫,並且也正在從固定不變的設計中跳脫。

 

意思是說,網頁正在(真正地)成為前所未見的媒體形式──任何閱聽觀眾都可以根據自己的需求,讓網頁呈現不同的樣貌,並以不同的方式與之互動。設計師不再是設計出一個樣式就好,更要在各個管道都貫徹設計的理念,讓任何使用者都能感受到設計之所在;圖形介面也是一樣的,不斷地突破現有的成規,永遠不要落入公式化的槽臼,這纔是真正的 Web 2.0。

 

與圓角框差不多同時興起的,還有個技術叫 AJAX (Asynchronous JavaScript And XML),運用了 JavaScript 及 XML,在瀏覽器及網頁伺服器間多建立一層架構,讓瀏覽器與伺服器間的流量減少,同時讓使用者能更迅速獲得輸入的回應。這個技術也打破了人們對「網頁」舊有的概念,而成為近代對 Web 2.0 的認知之一,甚至成為了迷思:「Web 2.0 就是要用 AJAX」。

 

但是,就跟圓角框一樣,各位讀者務必瞭解,AJAX 的成功也只有兩個原因:第一個原因是它打破了原有的網頁互動模式,第二個原因是它的確讓各種操作更直觀方便。但是 AJAX 也不過是這個世代中諸多嘗試的開始,而不是結束;事實上,各大廠商都在做新的嘗試,包括 Adobe 從 Flash 到 Flex 再到 AIR(之前叫 Apollo)的一連串產品,或者如 Apple 隨處運用 WebKit,還有像 Linden Lab 的Second Life 等,有的是把原本限制在網頁的技術發揮到網頁以外的場域,有的則是把原本不屬於網頁的技術帶進來,跟網頁內容緊緊相連。

 

這些 AJAX 以外的技術,也都是 Web 2.0 的嘗試;無疑地,它們也都不會是 Web2.0 的結束,未來勢必還有更多新的玩法。對於 Web 2.0 來說,如何有效率地儲存及取用內容,如何更靈活地把內容重組成有意義且有趣的表達形式,這些纔是真正重要的基礎。從 AJAX 開始,這些嘗試與努力,都在追求讓操作介面更具可用性,並讓網站內容更具親和力,從圓角框及 AJAX 中學習它們興起的原因,但不要受限於圓角框及 AJAX,纔真正能在 Web 2.0 時代中長存。好啦!說到這邊也差不多了,下一次讓我們再來談談,關於 Web 2.0 網站「使用」方面的迷思吧!

=================================================================

相關文章:

.〈Web 2.0 的迷思與真實(二)
.〈社群與小圈圈
.〈從 PTT、2ch 及 slashdot 說起
.〈小圈圈

http://mag.udn.com/mag/dc/storypage.jsp?f_MAIN_ID=1&f_SUB_ID=10&f_ART_ID=71073
http://mag.udn.com/mag/dc/storypage.jsp?f_ART_ID=74526

 


光沅創意  KyArt Creative EMKS v1.0