說到Michael Jacson, 除了最近他過世之外, 第一個想到的應該就是他的招牌moon walk了, 這個網站讓網友拍一段moon walk的影片上傳, 就會跟其他網友的影片串起來, 感覺起來就是一堆人永無止盡的往後走, may MJ rest in peace…為什麼不甘脆把他過世那天變成假日…然後喜歡他的人當天就全部倒著走…或汽車全部用後退擋來開?…所有的時鐘逆時針來轉…中正紀念堂的儀隊倒著走…
喔對了, 下面的那幾個英文字母(S,D,F,J,K,L)的按鈕, 點下去就會出現幾個MJ的經典叫聲, 依ㄏㄧ~嗚呼~ㄠ嗚~等等
GM大宇汽車推出的一個新車上市活動
Concept:
你自己喜歡最重要!
Idea
你是否有著世界任何意念都無法動搖的最愛跟執著? – 簡化來說, 你是否有主見?
Love or Hate
人的惰性讓我們在回答問題的時候往往會陷入別人丟過來是與否的答案, 而忘了自己去思考其它的可能性, 小時候最常被問的問題是”你比較喜歡媽媽還是爸爸?”, 沒有心機的小孩會回答媽媽或爸爸, 精一點的小孩會回答”都喜歡”, 而大人們又很喜歡硬要小孩選一個, 咳…離題了…
網站一開始就丟一個問題給你去思考, 你是否有著任何意念都無法動搖的最愛或執著? 網站中以21位男女主角分享他們自己的最愛跟執著, 有人喜歡塗鴉, 紅酒, 摩托車, 膠盤唱片, 蝴蝶結等等, 每個人都有他們面對世俗負面觀感的執著理由, 感覺很有主見, 不管別人怎麼看或怎麼想, 像其中有個人喜歡在身上打洞, 帶了一堆耳環嘴環, 很多人都說他無所事事才會一天到晚鑽洞, 但他卻覺得是個性的表現, 有個人喜歡在牆上塗鴉, 世俗的觀念也會負面的說, 那是種破壞跟浪費時間, 他卻覺得是抒發自我的一種管道, 有人喜歡騎車就是為了帥, 其中一個年輕DJ也不管別人說都不知道他在台上瞎搓些什麼東西, 他說覺得可以控制所有從喇叭流出來的音樂可以滿足他的控制慾, 這些人振振有詞說出來的話都傳遞同一個訊息 – 不管世俗怎麼說, 老子就是愛, 當然, 影片太多的時候我的習慣是先去看最後一個影片, 就中了他的招, 最後一段影片直接置入產品, 中間也有一個影片是一位男主角的最愛就是半夜在路上開這台車…不過還好的是都沒有太hard sell.
扣回產品 – 汽車, 自己對消費者的分析是, 一般人買車都會東比較西比較, 比較性能, 價錢, 家人需求, 耗油等等…影響一個人買車的因素太多了, 而這波活動正在挑戰user, 直接問你”是你的意見比較重要還是別人的意見比較重要?”, 最後透過影片丟出”你自己喜歡最重要”, 簡單的說, 就是別想那麼多, 來買就對了! 而這款車的價位從新台幣(直接從韓圓換算)40幾萬到快100萬都有, range很廣, 入門款的價位不算高, 如果再加上一些分期的優惠, 要讓年輕人來下手的難度並不高, 溝通上再搭配年輕人自我意識的特性稍微激一下, 我想應該有不少年輕人會衝著”老子就是愛”這種態度去買下這部車吧….
寫到這邊大家也許會去思考一個問題, 現在太多產品貨品牌都用”情感訴求”去溝通, 當市面上產品太多, 大家都說自家產品好的時候, 勾起消費者的情感也許是最容易打到他們的心坎裡及產生投射的做法, 但太過情感面而讓產品變得很弱不好, 太強掉產品的功能而忽略掉人性也不好…當然也要看產品的特性, 沒有正確答案, 像通樂不用跟你說你家廁所通了會讓你身心靈變得舒暢, 它直接說保證不會讓你馬桶滿出來就好了, 但如果像可口跟百士可樂, 非hardcore消費者實在喝不出個什麼不同, 因此可樂就要開始賣情感層面的”快樂 – happy factory”, 個人覺得情感訴求是行銷策略中需要斟酌小心拿捏的藝術…太過或不及都無法有爆炸性的效果…
The First Worlwide Site Where Nothing Happens
長得很像navigation的大紅字大剌剌的躺在畫面左上角, 理直氣壯的寫著【The First Worlwide Site Where Nothing Happens】: 史上第一個什麼事都不會發生的網站.
剛看到這個網站的時候覺得是個玩笑, 因為直覺就會認為誰去會做個網站然後啥屁事兒都不發生, 一定是玩笑, 於是很認真的開始一行字一行字點, 右上角的時間也點了一下, 真的沒有, 點到候來毛起來用滑鼠在空白的地方狂點, 一定有什麼機關或是祕密, 結果, 這個鬼網站是認真的, nothing, seriously…(如果你有點到什麼請讓我知道). 而且為了讓網友產生懷疑的心態, 這網頁是用Flash做的, 賤吧…完全沒有互動作用的Flash網頁…但為了不讓網友馬上關視窗走人, 他們非常聰明的玩弄了網友對Flash的刻板印象 – 互動性.
這網站很勇敢的在砸錢跟user玩心理遊戲, 現在的網友越來越聰明了, 你這樣寫一般網友會覺得裡面一定有花樣, 先不管一般網友, 身為網路人, 直覺會告訴你客戶絕對不會跟錢過不去, 這個網站看了半天我就在想, 如果在台灣提出這樣的案子, 客戶可能, 不, 一定會把你轟出去, 這網站真的什麼都沒有, 只有KitKat(巧克力棒)的Logo在畫面中間. 雖然是簡單到不行的網站, 但他卻扣住了Kitkat一貫的產品精神 – Have a Break, Have a KitKat, 被網路轟炸夠了嗎? 來根KitKat吧. 個人覺得這做法很聰明, 他們用了網路媒體的特性, 人們不斷的點點點點點, 滑鼠點到天荒地老, 點到手抽筋, 點到眼睛乾掉, 豐富的網路資訊把我們炸的喘不過氣, 這時他的slogan剛好派上用場, Have a Break.
為了讓你記憶更深刻, 這網站耍做了一個小東西, 右上角的時間, 顯示你是幾點幾分進入這個網頁, 晃了半天回過神看看電腦上的時間, 已經過了寶貴的五分鐘, 氣吧? 讓你記憶更深, 想整人嗎? 或是想讓朋友試試他們會不會點到什麼? 把網頁傳出去, KitKat不費吹灰之力達到了兩個目的. 品牌印象, 品牌散播.
最下面還很認真的寫著【如果你發現這網站發生了什麼互動, 請讓網站管理員知道, 因為一定是bug…而且發現的人有獎】…有人認識駭客嗎? 我想吃免費KitKat. bye the way, 他連下面連絡admin的email地方都不讓我點!!
有一點我想補充一下是Think inside the box, 沒錯, 是inside the box, 如何在即有的限制內或有限的預算內發揮, 網路上現在創意活動一大堆, 如何讓你的創意跳出來? 這網站也許預算不多才出這招, 這只是我的猜測, 但創意確讓人印象深刻, 很多時候人們會說預算限制做不出好創意, well, I doubt that. 好創意跟預算不成正比.
GE奇異提出了一個新的能源概念, Smart Grid. 他的概念很簡單, 假設過去舊金山只能用舊金山當地的風力發電或是水力發電, Smart Grid的概念是能源可以跨越地域的限制, 紐澤西的水力發電所產出的能源可以被舊金山取用, 邁阿密的太陽能發電可以被西雅圖使用, 除了這個概念之外GE奇異還推出一個新產品叫Smart Meter, 這個能源測量表可以告訴你哪些時段最省電, 而且會告訴你省了多少. 而且他們還發明了一個新詞兒 – Ecomagination. 環保想像力. 歷史上許多很棒的產品一開始都是個被眾人取笑的想像, 像是帶著走的錄音機 walkman, 個人電腦, 比馬跑的更快的東西Ford汽車, 我想Smart Grid一開始應該也被打過很多槍說絕對做不到, 咳, 不好意思離題了…
這個網站的設計我只能用【聰明】兩個字形容, 除了GE本身的產品聰明之外, 網站也把能源共享的概念用圖說的方式變得很簡單, 例如告訴你省下的電等於多少量汽車的廢氣排放量, 可以節省多少錢等等, 全部都用互動圖表的方式呈現, 簡單易懂, 但我想這個網站的製作過程絕對不簡單.
Back button
過去Flash最為人詬病的就是瀏覽器上的back button, 過去Flash網站不管瀏覽到哪裡, 只要按下瀏覽器的back button, 你就會被帶到首頁或是上一個網站而不是上一頁, 這問題很早以前就被解決了, 這個網站中也有被運用, 因此你可以隨時放心的用力按下back button回到上一頁.
Navigation
除了主畫面透過左右的大箭頭可以逐一的看完內容展示之外, 下方提供了可以任意跳頁的選單, 這是很基本的功能, 但很容易被很多設計師忽略.
資訊呈現
英文有句諺語叫做A picture says a thousand word, 這網站晃了一下就聯想到這句話, 常使用圖文簡報的人可以參考一下這個網站說明數據的做法. 將複雜的數據跟概念用圖說明.
細節
這個網站大部份都是用3D表現, 小樹, 小房子, 河, 橋等等都很小, 但質感細節都很棒, God is in detail…evil as well.
Pre-loader
我太喜歡他的pre-loader了, neat! 也跟網站的內容有關 – meter, grid.
Twist
國外在拍廣告片或是自己在想創意點子的時候喜歡用這個字, give it a little twist, 一個意想不到的結尾, 一個爆點, 一點小東西可以讓一個廣告片或創意更有爆發力或更容易被記住, 這網站裡把滑鼠移到下方的時候, 右邊會出現一個三插頭式的插座, 也許有很多人注意到這插座看起來很像一個哭臉, 但當你將滑鼠移過去的時候插座就笑起來了(當然, 因為滑鼠滑過去你就成了使用GE產品的潛在用戶, GE小臉當然會笑), 網站運用了跟主題的關連給了這個插座一個全新的詮釋跟生命, 個人覺得很棒 
跳出滑鼠的互動
不只是用滑鼠得互動, 網站中用了一個叫做PaperVision 3D的技術, 網友只要將網站中的一張文件印出來, 放在webcam前面, 就會看到魔術…透過webcam看, 那張印出來的紙會變成立體的, 很多網站都用過這個技術, GE的運用是將風力發電塔以3D的方式透過webcam在那張紙呈現出來, 網友透過吹電腦的麥克風產生風力就能讓那個虛擬的鋒利發電塔轉動.
anyways, 值得花點時間看看GE如何將硬邦邦的資訊用好玩的方式呈現. enjoy.
preloader, hey web designers out there, 這東西一定不陌生吧? 當Flash content出現不久, 大家還在用56k上網的年代, preloader是多麼重要的東西, 網友在等網站下載的同時, 螢幕上唯一能幫他們解悶的大概就是設計過的preloader了, 過去網頁設計師們花很多時間在製作preloader上面, 而且load完之後還要跟網站的內容銜接的天衣無縫. 且越做越花俏, 已經很少看到最basic的橫條bat式preloader了.
顧名思義【pretty】loaded, 網站整理出過去的一些經典網站中, 像是達文西密碼的電影網站, Nike, Coke, Walkman, 300壯士的電影網站等等的優良設計preloader, 網站中沒有什麼別的, 就是無止境的讓你欣賞一些經典的preloader, 左下角會出現相關資訊. 是由一家知名的online creative agency BIG SPACESHIP製作整理.
網站中出現的preloader, 個人覺得有幾個重要的觀念可以分享
功能性 : 不管preloader設計的是否再花俏, 它的功能畢竟是個為了告知網友目前的下載進度, it should work as a preloader, not the main content. 常常會有rookie designers把preloader當成整個設計的重點, 本末導致造成設計過度的preloader檔案太大反而變成下載網站的障礙.
連貫性 : 這些preloader在演繹的過程都會提示網站裡的內容(或產品的特性), 像coke是以曲線瓶, 達文西密碼是以電影中出現的密碼捲軸等, 這樣可以加強網友對網站的印象以及視覺上的連貫性.
preloader可說是Macromedia(現Adobe)在製做Flash這套軟體時為自己想到在Usability上的退路, 因為如果沒有preloader這東西, 很多人在56k的網路石器時代對Flash想必是敬而遠之. 當然現在光纖, ADSL這麼普遍, 也許有人會說preloader不在重要, 但我覺得它還是有存在的必要性, 因為就算連線速度變快, 網站的內容確從過去分【k】必爭變成【Heavy weight】, 多了影像, 影片, 聲音等等的重量及content, 而且我必須說台灣的網路連線真的沒有想像中的穩定…因此…all hail prelaoder!! enojy the show!
