由Web 1.0到Web 4.0 專訪朱力行暢談界面演進史

撰文:麥婉婷
出版:更新:

與死物說話,其實很平常。古人飛鴿傳書,他們書寫時面對的不就只是死物一件,一張紙。或許現代人未必視飛鴿傳書為技術或發明,但是從電報、固網電話到長途電話,再到ICQ、MSN、Skype等林林總總網上通訊工具,再到現在流動手提電話無所不能的溝通方式,也不能明白溝通除了要使用語言作為工具,人在不能見面的情況,還要透過一個載體或界面與觸不到的對象穿越時空交流。
攝影:陳嘉元、網上圖片

從韓國電影《觸不到的戀人》的信和信箱,到荷里活電影《觸不到的她》(Her)的雲端與AI OS系統,正說明了人類經歷的界面變化。流動網絡技術普及有餘的此時此刻,界面幾乎日日有新款面世,還要經歷多翻轉變,超越原有意義。界面先有同時以網站、行動應用程式,甚至電腦軟體形態出現的資訊、社交、購物平台,如音樂的Spotify、社交的Facebook等等,不單只成全人與人的溝通或呈現資訊,更成為一個互動的資料庫,讓人們在虛擬間獲取資訊並交流,進行娛樂、購物、理財等活動。另外,界面更可以是一件物件,作為工具來服務或娛樂人類,如VR眼鏡。記者訪問了互動網頁及界面設計工作室Pill & Pillow創辦人朱力行(Henry),從其作品中展示這些年來界面的演進和意義。

「作為一個寫Code的人,我已經很老了!」這是Henry開場白。早在UI用户界面或UX用户經驗那些詞還未出現的時候,Henry與Pill & Pillow已經做了很多作品超越那些事情,既將Web 1.0至Web 4.0的轉變玩得透徹,又將界面互動性的可能發揮得淋漓盡致。雖然Henry不斷重複說「我也只是受人啟發」,但從Pill & Pillow過往全球性業界取得百多個殊榮,他的確走得很前。電子工程系出身的Henry,自言最喜歡挑戰規矩,畢業後到了大公司打工,最後換來種種失望,「我一直不想面對這情況,當時由概念、設計、樣辦、製作到實行,我一人已可完成。」從此衍生出Pill & Pillow,日後公司也是「一腳踢」製作模式,由網站到App界面設計,甚至製作一個系統。

朱力行(Henry Chu)
Pill & Pillow創辦人,互動媒體、網站設計師、新媒體藝術家、交互設計師。畢業於電子和電氣工程學系,於1998年開始從事數位設計工作。2004年創辦了設計工作室Pill & Pillow,客户包括如Nike、Lane Crawford等國際品牌。曾在香港理工大學、香港城市大學創意媒體學院以及香港藝術學院任教。亦是音樂應用程式SoundYeah的創作者,同時在新媒體和互動式網站設計方面的作品均獲得了世界各種獎項。
www.pillandpillow.com

界面設計、互動設計是一門跨學科的學問,Henry的工作室就藏着不同的書籍和電影、音樂錄像,為他帶來靈感,像PALM的《The Work Of Director》系列DVD和《Wed Designing》雜誌,都是重要參考。

界面不止於觸控熒幕背後的圖像

Henry入行日子十多年,已經歷了4個不同階段,由於他能一手包辦製作,所以更能親身感受和理解當中轉變,從其新舊作品中,看看他怎樣從Web 1.0走到Web 4.0。

Web 1.0 線上溝通

2008年Pill & Pillow 製作聖誕卡生產網頁《Grow A Xmas Tree》,讓瀏覽者設定背景顏色和輸入訊息後,能將訊息變成個人化的聖誕動畫卡,繼而發送給親朋戚友,將這溝通方式電子化;翌年他們為Oval Design製作的網頁,設計出小遊戲界面《Space Travel》,網頁瀏覽者要以鍵盤中上下左右掣控制飛船,登陸到承載資訊的星球,才能獲得資料,正是「No Play、No Gain」,這作品應用當時大量嶄新的技術,以程式代碼取代Flash製作互動遊戲,又以代碼呈現視覺上能感知的物理現象,如Parallax,展示非平面的太空世界,動態網頁不只是圖片會動,而是互動。

 

《Space Travel》
《Space Travel》
《Grow A Xmas Tree》

Web 2.0  交流作為互動

《Forgotten War》網站透過呈現攝影師就「備忘:戰爭」剛果民主共和國圖片展所分享的照片,鼓勵網頁瀏覽者留言,收集反戰聲音,從而帶來交流效果。

《Forgotten War》

Web 2.0 + 3.0 進入虛擬世界

Pill & Pillow為西九文化區M+博物館《M+進行: NEONSIGNS.HK探索霓虹》設計的互動網上展覽《NEONSIGNS.HK》,將互動層次推到另一新階段,網頁瀏覽者可將自己的拍攝的霓虹招牌照片上載到網站,並提供地理位置,網站便會形成一個小型資料庫,讓網頁瀏覽者除了可由虛擬世界走到真實世界,探索香港獨有的霓虹招牌組合的城市景觀。而為運動品牌Nike製作的《Nike M vs W》,網頁鼓勵跑步使用通過這個網站,將跑步數據上載,並將個人成績與同性別小組用戶進行整體比較,或選擇對手進行單獨比較,讓跑手憑數據連結和比併,全新互動模式。

《NEONSIGNS.HK》
《Nike M vs W》

Web 3.0 界面各樣可能性
自侃音樂玩得不夠出色的Henry很喜歡音樂,對可以用programming做一些電子音樂樂器應到非常雀躍。他創作了一系列糅合電子技術和樂器的界面SoundGyroSoundYeah、獲Moma讚許的Squiggle。隨後也不難發現音樂人以新界面作樂器演奏,愈來愈尋常。

《SoundGyro》

Web 4.0 數碼化人體資訊

為美容品牌IPSA設計的「DECODE ME樣子.未來研究企劃」遊戲,透過應用面部辨識系統及收集玩家的容貌,繼而分析玩家的皮膚製作個性解碼,以預示玩家未來作出回應。看來像gimmick,又好像3.0無分別,其實要辨識到臉形、分析皮膚資料已涉及大量數據分析,像Alpha Go,而遊戲形式只是方便人們應用技術。

《IPSA》

你想看更多精彩的深度文章嗎?請購買今期《香港01》周報,或點擊此處:成為我們的訂戶