身邊的朋友們開始著墨於 iPhone Apps 已有多時，然而面對爆炸性的 Apps 數量，如何以創意取勝，是不浪費時間的重點。

今天發現了 creative application 這個網站，裡頭有很多 geeks 做出來不太實用（大多不太好聽）的程式，或許可以給你/妳一些靈感。

這類 Generative Music 其實並不新,在2002年當我還是碩士生的時候,就有很多人以這類主題做創作.

我以前也有玩過這類的實驗, 互動類的 Generative Music 的製作相當’解構’,所以有部分的這類作品, 產生的會是難聽聲音, 可能是顧及到互動的可能性, 而拆解聲音到太過於基本, 導致互動性極佳,卻產生很難廳的音樂.

Brian Eno 這號環境音樂大師.他當然並不是把旋律/節奏完整想好,而是要規劃一個機制還有規則, 像是控制調性, 或是節拍, 再配合是覺得互動來呈現, 所以聲音雖然每次都不一樣,卻也不難聽. 以下是他的apps:

Generative Music

人與環境密不可分, 環境更是被媒體所左右. 我們每天穿的看到的聽到的, 摸到的,知道的,很多都是由媒體傳播而來。

吃飯, 聚餐, 辦party, 宴客, 買禮物, 買衣服, 旅遊, 唱歌, 爬山, 交友, 登山, 結婚 … 生活中的總總, 抉擇, 成與不成在一個點,點與點的機會在於傳播, visual communication / commercial advertising　做的好的，不只可以塑造品牌形象，更可以昇華成生活形態。

從媒體步入數位後，每一個小環節都可以是很大的轉捩點，這些環節有些在無形中發生，不知不覺的變成了新的革命，我用我的觀察方法，用動態的角度分析 成: 主動，被動，互動，亂動.

以下淺見：

被動

路上的招牌, 報紙上的廣告, 很多不是我想要看到的資訊, 在傳統的資訊夾帶的資訊上強迫接受, 像是我沒有小孩也不需要紙尿布, 打開電視或報紙,還是得無意看到, 我不喜歡選舉, 可是公車看版, 路上旗幟, 還是得看到候選人們互像吐槽, 這種強迫的接受資訊, 算是被動. 一般都是傳統的產業, 大部分在媒體上都是不透過電腦的.

傳統的被動的方式往往比較像是一種宣達, 或是演講(Speech) 藝術家/作者 可以很明確的將自己的想法傳達給觀眾, 所以觀眾與作者的身分/立場非常明顯.

主動

透過搜尋引擎, 關鍵字廣告, 通過訂閱主動給我們訊息的電子報 / RSS FEED, 我們有興趣的,或相關的, 自己送上門來, 算是主動. 主動媒體, 還有一個特點,就是數位媒體漸漸的分身, 以往的單一網站概念 (就是大家一定要到某個網址,才可以獲得資訊, 在主動媒體像是 YouTube, Blog (RSS) 漸漸的把內容以分散的方式外放, 造成更好的流傳效果.

互動

以往媒體給我們的, 我們只能接受, 互動就是所謂的相互作用, 現在像是 Blog, YouTube, 甚至一些新聞網站, 我們可以評分, 可以留言, 可以接受回饋的媒介, 就是互動.

互動的方式往往比較像是一種遊戲, 或是溝通(communication), 藝術家/作者 只把話講一半, 另一半交給觀眾去發揮, 觀眾與作者的身分/立場模糊. 藝術家/作者 也就沒有辦法很完全的把作品理念傳達, 尤其如果作品又流於類似軟體/程式功能展示, 變成了科技之下的魔術表演, 藝術價值反而就降低了, 這也很有可能是互動藝術十年還是無法正式進入主流藝術的原因.

亂動

以往以上的三種動態,很多都是獨立,或伴參雜著隨著發生,並沒有說新的(互動)就一定比舊的(被動)好, 而亂動的歸類, 則是科技在更進步之後開始有一些整合的現象, 想是 Facebook, 他整合了 twitter(微網誌) / blog / group (fans) / flickr(picasa) 網路相簿 / Game 等等, 加上手持裝置, 把上述的三種動態混合, 形成亂動的局面, 但卻也發生了各種機能上模糊的混淆,伴隨來更多的隱私權, 資訊氾濫的問題…

以上,正在製做精美的互動簡報(未完成), 有興趣的人可以到這邊來看.

上次在紐約跟友人f吃飯,他拿出了新買的ipad,秀了一下他買的東西,我們也因此而評頭論足的討論一番.

像是Phaidon Design Classics iPad Edition 裡面有點類似3D瀏覽的方式,其實flash 也是可以做出來的,在幾年前也不少網站有做過類似的設計.除了依照地平傾斜的介面轉換, 還有些許的多點觸控, 這類的資訊設計介面,並不是不得了的創新,不過當我使用的時候,整個感覺卻有很大的不同.

iPhone/iTouch/iPad 系列可以說是把sensor technology做到非常的平順流暢的境界,不過多點是不是就一定比單點還要利害, 用滑鼠真的變成是過去式了嗎?

在行內朋友紛紛高唱多點萬歲之時,殊不知以創意觀點退一步想想, 單點與多點只是在形式上的不同, 如果以好的創意為出發點, 就像是為什麼我們還是需要用筆來寫字,只是適不適合的問題而已. 然而多點的 user experience 的確讓 user 更容易融入作品之中, 但是據我的經驗, 真正用到多點的目前不外乎只有部分的遊戲, 還有放大縮小而已. 畢竟在介面設計上, 決定只能有一點.

(架設有一個選項上面有 ‘ 確定’/'取消’ 一根手指按確定一根手指按取消,那是要取消還是要確定??)

web based 的 ebook 並不是沒人做過, 在 web 上面發表的文章,何嘗也不是一種 ebook 的呈現?
像是 issuu 這類的線上雜誌, 為何沒有像是youtube / facebook 這樣大肆流行?
web based 的 簡介或是遊戲, 跟 App 到底有沒有差這麼的多?
究竟這些已App為出發點的產品, 到底根 website 有哪些不同? 到底是不是有這麼創新?

• 單一畫面, 以退為進
  很多人在抱怨 iPhone OS 沒有多工的同時, OS4 推出了, 宣佈了新的多工機制, 明眼人一看應該可以了解, OS4推出的不叫多工, 它只是不把其他的軟體關掉, 讓它暫停, 所謂多工就是同時間有很可以有很多程式同時執行, 既然暫停了, 怎叫做多工?
  與其說這是欺騙, 不如說這個決策有太多聰明的地方, 在技術上, 它省電了, 在人性上, 手持科技何必須要多工執行? 基本上使用人還得注意看路啊~ (我常邊走邊用iPhone)
  拜此項機制所賜, App 有著天生的一種優勢, 就是在畫面上, 一次 user 只看到一個程式, 而且是全螢幕的, 沒有了一堆視窗按鈕, 狀態列, 拖曳邊, 縮放 corner 等等等等.

  

  
  
  以上兩者,是不是後者看起來簡單多了?
  
  這全螢幕的經驗, 也不是多麼的創新, 只是從前是個額外的 option, 在 Apps 卻是內定強迫執行, 這一點點的差距, 加上多點的互動, 產生更多的 immersive emotion. 感覺卻是大大的不同.
  Mac 的 dock , Windows 的 Task bar, 原本都是為了因應先進的多工處理而產生, 但是卻造成螢幕上一堆按鈕,或許在操作上滿足了人的控制慾,雖之而來的卻是很不乾淨的畫面…
  既然是mobile technology, 除了硬體本身小以外,在介面上應該要有同等的呼應 — 更小更正確的資訊, 以及乾淨漂亮的介面 -> 也就是減少控制介面 -> 減少功能…. 要做複雜的事情還是回電腦上做吧, 走路要看路啊~

• 筆電萬能, iPad賢能
  所謂萬能的筆電就是筆電是桌上電腦的縮小, 人們 expect 它就是小一點的電腦, 對他要求就是要能跑 photoshop, 能做高階的文字處理, 能處理各種電腦該處理的事情.
  iPad 多似 iPhone 的放大, 而少幾分筆電的型態, 這樣的區隔, 定位減少跟萬能的筆電牽扯在一起, 反而是大一點的手持科技.
  對於大一點的手持科技這樣的標準, 它能跑 3D 遊戲, 就足以讓人讚嘆,再加上那滑順無比的多點控制, 使用它的經驗跟感覺, 令人開心, 同時在種種定位跟價位上,它是令人開心的產品, 不是讓人拿來工作或幹活用的.

• 機制不同,感覺不同
  iPad裡面做出來的東西,像是 多媒體式的互動書籍,基本上都可以用 web technology 像是 flash / jquery hybrid 的方式完成, 並且達到高度的 user 互動.
  除了用到大量 OpenGL / 3D 運算的遊戲, App Store 上面有不少遊戲在 web 上也都可以做的出來.
  也就是說,在App store上面的, 有很多在 web page 也可以做到, 不同的是 App 要錢, Web 不用錢.
  其中不同的地方到底在哪?
  以我的淺見,就是在 iTune 裡面的 App Store 了!
  網路上的東西不要錢,要錢就沒有人會去, 所以 App Store 如果是在 browser裡面, 人們這種根深蒂固的想法就不會去買.
  碰 巧他就不是放在browser裡面而是在 iTunes 裡面, 並大部分都是以美國人給小費般金額在販售, 對我而言, 上AppStore買東西, 好像不是在付錢, 更像是付小費給 App Store,感謝這些軟體帶給我便利.
  付費給人的感覺是一種擁有, 而且打著App的名號, 就算他長的再怎麼像是Website, App 給人的感覺就是比較正式,比較值錢, 就算該App, 裡面其實只是另一個 Browser 也一樣.
  舉個例子: 當某人自我介紹是某大廣告公司的創意總監, 他亂蓋的東西都會是有創意的,即使內容跟小咖設計師講的差不多… 這是人們先入為主的觀念.
  App 在一開始就似乎跟 Web 區隔, 碰巧的就造成這種局面.

• 嚴格把關,顛覆制度
  長久的網路內容免費,好像所有的免費服務到最後都向傳統媒體一樣,靠廣告來賺錢. 某些傳統雜誌網站,像是 Communication Arts / frame / wallpaper 等,在網路資訊像是blog 等等的壓力下,也得在網路上做廣告, 不過又不能把內容全部搬到網路上的窘境.
  iPad一出來, 主要市場也打著 eBook Reader, 對於內容開發者更是開心, 可以透過網路bookstore 來發行, 若是格式不合, 甚至可以推出自己的 App. 由於整個是有付費的方式而且透過嚴格的 App Store 發行, 出版商一定可以拿到錢, 又不用擔心會有盜版, 或是被拷貝的情形. (我想這也是Apple所有的手持裝置都沒有檔案瀏覽的功能, 所以也沒有usb, 主要就是不讓人把東西拷來拷去的, 造成盜版問題, 而衍發出出版商不想由 iTune 平台出版….)
  此外,對於獨立開發者, iTunes把web工程師上下班領薪水的方式顛覆, 只要好好開發, 就算是個體戶, 也可以直接從 iTune Store 賺到錢. 講誇張一點,透過這個機制, 程式設計師似乎可以更接近烏托邦的生活,不用上下班, 寫寫App 就可以謀生.
• 同中求異!
  既然 App / Web 差異似乎不是絶對性的,  App的推出勢必造成一些區隔. 以下是我的推測:
  App 既然叫做 App, 他應該要偏比較恆久式的內容,所以內容應該更是正式,而不是像一般web上面(Twitter / blog一般,隨意亂寫).
  一時的廣告促銷似乎不足以達到App的定義. 當然App應該也是要比一般Web還要複雜.我個人是更偏好App的主要功能可以不透過網路就可以使用.
  Web 還是最簡單最廣泛,透過browser Access,不用download 安裝, 不用付費就可以執行, 跨所有平台, 當然可能會越來越偏向廣告創意, 更新性的內容, 社群互動. 此外可以替 App 打廣告.
• 軟體的尊卑
  對我而言, 所有軟體都是有尊貴卑賤的, 功能越大的軟體, 對我而言越是重要, 比起像是小畫家之類的無用軟體, 我認為甚至可以把兩者視為天空與橡皮擦,兩個完全不同的東西.
  iTune 從之前只是一個音樂撥放器, 一直到現在所有的Apple系列的行動內容都要透過他, 甚是許多程式設計師, eBook 作家, pod casting, musician… etc. 都要透過 iTune來散佈他們的產品.
  我甚至認為iTune在osX裡面應該升格,不該只是一個 App icon, 或許可以跟系統加以整合等等. 把 AppStore / Music Store / pad cast 等等的功能升格出來變成獨立的軟體,而不是包在iTune裡面….
• 能力越大,責任越大
  iTune的功能已經超越了以往, 在music store / app store 等等的排序,足以影響到一首歌曲,一個軟體的銷售量, 而 iTune裡面的search功能還很陽春, iTune SEO 應該會是下一個熱門的 SEO 探索平台, 然而整個iTune又是封閉的系統, 要如何有個好的機制, 會是如何控管將來上看百萬個 App 排序的關鍵,我想Apple要想個方式改善現在簡單小小的iTune介面卻有暴多的隱藏資訊, (或許App store公開化, 或是外放 購買機制, 像是 youtube 一樣, 可以把購買機制embed 到其他的網站裡. 而不一定只能在 itune 裡面購買… 這樣可以把 search 機制丟還給google, 當然這只是我的提議…)

iPad 銷售量驚人, Apple 股票直衝三百, App 延燒很快, 我想勢必讓別的平台無法追上, 想要在 App 上一展身手, 像是當年網路互動剛推出時的造就出那些英雄們, 現在又是一個新的契機.

很久沒有看到這類有趣的作品,彷彿又回代2000年左右 Josh Davis 還在 Praystation 時期的互動探索作品.

隨著工具時代的演進,當年實驗性的風格,要靠一點探索逸趣的實驗性介面, 經過一番淘汰與演證,被接受的被淘汰的,
最後邁向成熟化, 現今的介面大多具象而且友善, 圓弧角邊, 陰影, 可愛的字體, 閃亮亮的反光, 讓 user 覺得簡單易懂.

偶爾從友人R的ipad, 發現這類很數位影音的作品, 沒有漸層,沒有反光,沒有陰影,也沒有讓我很開心的不加思索就抓了下來,
這個遊戲的程式與音樂都來自同一個人  steph thirion , 這邊還有他另一個與地圖互動的聲音作品 video (傷耳)

Click here to view the embedded video.

Eliss 是一個讓人會上癮的遊戲, 來自宇宙抽象的語意, 裡面有不同顏色的星球, 太陽, 黑洞, 以及會加血的星辰, 他充分了利用了 iPhone
侷限的畫面, 在有線的空間裡不能讓物件重疊, 並且徹底使用了多點互動的機制, 讓玩家手忙腳亂的一關接著一關打了沒完.

裡面簡單的 transition, 字體, 以及 8bit 音樂, 增添了整個遊戲的實驗性, 令人愛不釋手. 不過我只破到了 15 關, 關卡似乎有點太難…

2003年的時候,我剛畢業,抱著一顆興奮的心情去R/GA interview, 面視官之一就是 稻本零, (其他的都忘記了,因為稻本零長的最帥,幾乎是全場的發言人)

當時interview完,他丟了一句,我不曉得你為什麼找不到工作? 後來他們還是沒有錄取我, 可能是911後經濟超不景氣吧.(那年畢業生,幾乎全部回國發展了)

六年後,稻本零已是 AKQA 創意長.

去年底餐加了i@T舉辦的互動創意講座. 講師陣容堅強,包括:

稻本零（Rei Inamoto），舊金山獨立數位廣告公司AKQA創意長

伊藤直樹(Naoki Ito)，東京GT. Inc 點子人（Idea Man）

田中耕一郎(Koichiro Tanaka)，東京Projector 創辦人暨創意總監

稻本零

帥勁的Rei,是三者唯一在跨國際的美國公司,他的Presentation相當的前後呼應,有調有理,最後還把重點都重複一次,相當專業,我想他應該經常演講.

Rei 主要是說明時代的不同,以往數位媒體+廣告公司的方式將會被新的web2.0傳播方式漸漸取代. 重點分做:

Start from the other end

Supersonic (NIKE + Web2.0 )

Click here to view the embedded video.

利用活動的方式, 預賽在倫敦錄製成節目, 優勝者可以獲取參加馬拉松比賽的資格,整個過程利用myspace直撥,似乎還有用到tweeter之類的?

To predict the future, invent it

USPS + augument reality

Click here to view the embedded video.

利用 AR 技術, 讓使用者了解他需要多大的包裹箱子

It’s good to be first, it’s better to good.
It is best to be both.

VW Gti iPhone game

Click here to view the embedded video.

把廣告做成遊戲,並用比賽得到免費車子作為獎品

xxx

由Rei的演講及他舉的例子, 不難發現他擅長運用最新的科技並且跟廣告做結合.

聽完他的演講啟發了我一些想法:

• 網際網路剛開始流行的時候大多數是以自己架設一個主要官方網頁為主,使用者必須知道網址才可以連到這個網頁 -> 效應:好名字的 domain name變的很貴
• Google search 也是一個管道, 要在某些關鍵字上排列前茅, 也是人家找到網站的要點 -> 效應: 大家狂做 SEO/關鍵字行銷
• Web2.0所產生的族群, 以往獨立網站的概念逐漸瓦解, 不知道網址的人, 除了Search engine之外, Tweeter / plunk / facebook / blog / flickr / myspace 等也漸漸變成傳播資訊的主要平台

伊藤直樹

Love Distance

Click here to view the embedded video.

伊藤直樹以站遠一點的角度去看待宣傳的主題, 以 Love Distance – Sagami condom 為例, 他把保險套廣告轉換成一個活動, 由全日本徵求一對情侶, 一個在北,一個在南(一個從北海道, 一個從京都?),然後開始往日本中部跑1000km的馬拉松,並且在網路上實況轉撥, 也發表剪輯之後的廣告成品. 在廣告片段上不斷的用數字來顯示他們之間的距離, 一直到最後兩人擁抱, 0cm, 然後再把數字拉大, “愛需要一點距離 – Love needs distance – 0.02mm sagami original”

這個廣告, 從愛情出發, 用很大距離的馬拉松方式強調產品超薄的特性, 最後用有點反向操作的”愛需要一點距離”的巧思帶出保險套的特色, 讓人會心一笑, 實在是很有人性跟創意的作品.

整個活動實況轉撥做成影片節目, 不僅讓整個作品跳出一般影片廣告的範圍, 也以很巧妙的方式利用到web2.0的特性,除了有創意之外,在宣傳的方式上面也非常聰明.

Helicopter Boyz

Click here to view the embedded video.

另外一個作品是日本味十足的 nikon 微型投影式數位相機, 利用搞怪及反向思考, 以一個很怪異的兒童舞蹈表演來展示產品的特性, 由於整個影片內容很奇怪, 所以造成了朋友之間互相轉寄的病毒式行銷, 這個轉化也算是達到了效果. (這個方式讓我想起了msi 魔高一丈的超薄電腦影片…不知道是被人惡搞還是商家刻意製作)

Click here to view the embedded video.

田中耕一郎

Uniclock

田中先生的大作 uniclock, 利用舞蹈的節走與時間突顯 uniqlo 衣服的色彩樣式的特色.

田中的經歷跟其他演講者略有不同, uniclock的創作流程跟出發點, 剛好是其他的相反.
他早期興趣是電影製作, 可能在收入跟競爭的壓力下, 他可以轉戰電視短片或是電視廣告影片,不過他選擇了新的方式 – 網站互動影片.

在 uniclock的製作過程中, 他以影片出發,嘗試的根uniclock的服裝行銷做結合. 在摸索之中最後產生了這一系列藝術性相當高的作品.好像看著可愛美妹歇斯底里的跳舞不管男女都有一種樂趣…

uniqlo calendar 則是 uniclock 之後衍伸出來的作品, 把 uniqlo 的企業形象跟日本文化做結合, 讓uniqlo不只是大眾口味的衣服, 更是把日本文化行銷到世界各地.

田中先生的創作過程比較不像是廣告策略的商業運作發想, 而是類似藝術創作的嘗試, 讓我回想起學生時代做設計的熱情跟態度. 工作之後,在客戶的要求, 商業策略的介入, 原始創意往往會受到限制, 久而久之會開始妥協而因循故往, 喪失掉了學生時代的初衷, 田中先生能在 uniqlo 這個大企業中執行自己的原始想法, 我感到十分勇敢,直著及欽佩.

這次研討會的三位講者都用了他們自己的方法利用 web 2.0來行銷. 雖說不應該依賴技術來發想創意,但以創意出發來利用技術,刺激出來的火花,我想是此次演講最重要的心得.

html5

這是一 位developer做的demo, 利用javascript(processing.js)跟canvas加上<audio>(有音樂哩, 不是用flash播的唷)tag做出來的particle engine. 根據作者表示, 這demo是視覺化tweeter上面的tweets stream

作者網站: http://9elements.com/io/?p=153

Demo: http://9elements.com/io/projects/html5/canvas/

ps. 小小缺憾 IE6/7的朋友們還看不到…

之前在和碩和其他設計師合作的案子拿到了今年的Red Dot Design Award.
沒想過轉行這麼遠還有機會拿到工設相關的獎,真的得感謝和碩給了很大的支持讓我們有機會完成這樣的概念產品,也很感謝一路走來的partners(ID設計師同時也是大學同學的Han Wei Huang,以及公司內眾多勞苦功高的RD弟兄們) 雖說這作品還沒真的走到量產這一步,不過也讓我稍微見識到了產品開發的挑戰. 很有趣的經驗,希望以後還有機會嘗試哪..:)

The Rotten Fruit Tardis

by James Peterson (Presstube.com)

http://moxie-tw.com.tw/xxtralab/projects_2009.htm

友人 D 把多點互動玩得很不錯~

這招很多人都變過,不過還是很多人在做