思創生活團隊 的部落格

眾所皆知，以web2.0機制發起的維基百科（Wikipedia）在幾年前就在條目數量上，狠狠甩開百年歷史的《大英百科全書》（Encyclopedia of Britannica），逼的老字號的大英百科不得不在 去年也成立了自己的web2.0網站，筆者作為一個大英百科與大美百科多年的忠實訂戶，雖然如今維基百科已成為我搜尋資料的首選，但時不時的，還是喜歡抱著一本巨大的大英百科翻閱的感覺，這是網頁無法給予的擁有感，英國一位學生Rob Matthews肯定也和我有同樣的愛好，他將維基百科的內容統統列印出來，並裝訂成類似傳統百科全書的外觀。甚至今年五月，維基百科也開始接受客製化印書服務PediaPress。

然而，有沒有方法能享受網路搜尋的便利性，又能同時保有翻閱百科全書的體驗呢？Cooliris這家視覺科技公司在iPad上推出一款名為Discovery的軟體，除了滿足我的夢想，更帶來許多未曾想像過的驚喜創新。

視覺傳播的領航者

Cooliris 於2006年由一位前蘋果員工成立，他們的宗旨是創造更吸引人、更有效率並更個人化的網頁瀏覽體驗，因為瀏覽器常受限於網頁架構，故他們發想出一套將網頁三維化的技術”3D Wall”，能讓你在瀏覽網路相片時像走在一條無止盡的長廊般，瀏覽牆上的畫作，推出後果然受到廣大迴響，下左圖是筆者常去的三葉蟲網站，原先的相簿是以傳統的頁面導向來呈現，你必須不斷重複點擊上一頁、下一頁來觀看圖片，下右圖則是運用Cooliris 來觀看的結果，可以輕鬆地運用滑鼠拖曳或鍵盤左右鍵來快速預覽圖片，並滾動滑鼠滾輪或鍵盤上下鍵來縮放你想看的圖片內容，讓網頁的可讀性與易用性都獲得相當大的提昇。

隨著這兩年行動上網成長，Cooliris 對優化網頁瀏覽經驗的關注，讓他們開始將”3D Wall”帶到觸控手機上，像是google 就委託Cooliris開發android手機上的多媒體管理程式（下圖）。

Cooliris 作為一家新創四年的公司，雖然知名度可能比不上facebook、twitter等服務，但就視覺傳播的角度，它的影響可能會更深遠。過去提到網站的視覺設計，我們最先想到的是網頁美化，進一步可能想到要讓使用者操作簡便，提供適當地引導讓他們不至於迷失在內容裡；Cooliris的創新之處在於將使用者的認知處理與情感也導入視覺設計中，這些特徵在他們最新的作品Discovery發揮的淋漓盡致。

維基百科雜誌化

關於Discovery的實際運作，讀者可先觀看上面這則影片，看完後你會發現Cooliris不僅是將維基百科的網路內容美化成紙本的雜誌風格，而是將維基百科製作成一本互動電子書。筆者認為我們可以從三個面向來評析：

一、網頁扁平化與雜誌化

網頁不同於過去紙本的線性敘事，工程師們更傾向將網頁視為一棵資料樹，可以藉由超連結無限延伸其枝枒，並將這類網路內容稱為超文本（hyper-text），資料通常依照樹狀或網狀結構進行排列，好處是我們使用網路常會有出乎意料的資訊偶遇（information encountering），例如常搜尋某個詞彙時卻發現其他原先認為不相關的資訊，缺點是假如沒有適當的上下文 （context）和定向（orientation）資訊，瀏覽者容易在資料海中陷入迷航；反之紙本的優點就在此，由於是線性排列，因此上下文與閱讀順序非常清晰可見，習慣上開頭與結尾通常是一本書的重點所在，適合專注且常時間閱讀，卻欠缺網路瀏覽無時無刻的驚奇感，且紙本呈現內容的空間也極為受限。

Discovery則混和了上述兩種文本的特質，並以扁平化（flatten）的布局呈現，所謂扁平化是指資料不再以一層層惱人的選單排序，而是儘量將最重要的內容放至於第一層，並以重疊（overlap）的彈出視窗來呈現進階或次要內容，如下圖右，選取文中的某段文字，搜尋結果會直接疊在原先內容上。

在主畫面的呈現上，Discovery提供了雜誌編輯的服務，將原先繁雜的網頁內容（下圖左）重新進行圖文混排（下圖中），讀者可以比較一下前後的差異，你會發現原來過去網頁的布局其實仍較偏重方便網頁創建者整理資料，雜誌化後的網頁則以易讀性為優先考量。合理編排的雜誌形式相對於互聯網的優勢，是在海量信息和內容中幫助讀者篩選出有價值的，並以更精緻的方式呈現出來。（朱旭冬，Flipboard：將Facebook“雜誌化”）

二、手勢操作有趣又契合閱讀思路

此外還對應到手勢的操作，如兩指縮放    （書籍般）

用手指翻頁瀏覽

網頁 樹狀結構  超連結與垂直瀏覽

書籍 線性 橫向翻頁瀏覽

鳥瞰 全觀思考的層次（對應書本目錄）

搖晃

三、個人化閱讀歷程

包括個人的wiki瀏覽紀錄像剪貼簿般組成專屬的百科全書 隨時點選頁面裡的文字 可再查找相關的條目 不必按照條目編輯者的預設流程閱讀

來達到視知覺的加速處理

from the conventional page-oriented Web into an immersive browsing environment.

對數典的資料來說，條目檢索式居多，目前又加上metadeta等tag來加速索引，但這些都是資料整理的方法，並沒有考慮到可讀性、易讀性或所謂看的方法（read、browsing）