ge smart grid

GE smart grid

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.

  


  

15 Below – 流浪漢經濟學

15 Below

這個網站是一家加拿大的online creative agency – TAXI所發起的活動, 義賣一些上面有名人簽名的多功能保暖外套, 並募款發外套給路邊可能會凍死的流浪漢, 為什麼要發外套而不是食物是因為就像標題寫的, 只要溫度下降致攝氏-15度(Below 15C)的時候, 流浪漢凍死的機率就會暴增, 因此他們用這個溫度的臨界點作為整個義賣的主題.

其中參與這個義賣活動的名人包括名模Heidi Klum, 音樂家馬友友, 歌手Sr. Elton John等等一堆人. 這些義賣的外套被她們的簽名加持過後價值變暴增, 用賣出去募得的款項來將大量的外套捐給流浪漢.

我想有些人可能知道, 報紙對流浪漢來說非常重要, 不是因為他們要了解時事(飯都沒得吃了誰還管時事), 而是報紙有保暖功能(街頭求生101), 因此這件薄薄的外套裡外設計了一堆口袋, 可以讓他們塞一堆報紙進去保暖, 不用的時候也可以摺的小小的帶著走…不用說流浪漢, 一般登山客或是探險家應該也都可以拿來用…

過去我在舊金山的時候常常會有人問我, 舊金山的特色是甚麼? 我想很多人期待的答案應該是”金門大橋”, “惡魔島”, “同性戀街”, “美國最大的中國城”…但我的回答往往是”流浪漢”. 去過舊金山市區的人應該知道, 路邊很多流浪漢, 致於為什麼舊金山有那麼多流浪漢, 曾經聽過很多說法, 有人說很久以前東岸的議員付機票把所有的流浪漢都騙到西岸, 也有人說因為舊金山的天氣四季都適合在路邊不會凍死, 也有人說舊金山的居民容忍度比較高, anyways, 總之流浪漢很多就對了, 這邊我想講的卻是流浪漢跟商機的關係…

話說流浪漢之所以沒有辦法改善, 是因為他們的存在造就了許多人的就業機會, 舊金山有很多服務流浪漢的機構, 供們住, 吃, 領救濟金, 政府也能借此提高稅金, 當然, 也造就了像15 Below這種義賣活動的產生, 流浪漢儼然已經成為社會機器運作的重要一環, 如果他們哪天突然消失, 可能會有一堆人失業, 政府也沒有理由提高稅金了…我想這問題應該可以放在蘋果橘子經濟學這本書裡, 或可以寫篇論文之類的吧我想…anyways, 回歸主題, 這外套設計的還不賴, 我都想買一件, 而且網站的設計也很簡單乾淨, 還教你如何使用…我有個問題…流浪漢…會上網嗎?…

   
  

girl effect

Girl Effect

這是Nike基金會為協助開發中國家的貧窮女性所作的宣導網站, 在一些偏遠的開發中國家, 像伊索比亞, 孟加拉等等的地方, 女性沒有機會融入社會, 她們大部份到了一定的年紀就得嫁人, 生小孩, 無止境的做工, 變成文盲, 還有可能因為免疫力不夠而染上愛滋, 且永遠沒有機會脫離貧困.

剛開始看到這個網站的時候只看到標題【Girl Effect】, 本來以為是某個女性產品想要造成話題所創造的新名詞, 但瀏覽了之後才知道網站的目的是要去協助開發中國家的貧困女性, 讓他們有機會受到教育, 以及得到良好的資源. 剛開始很納悶為什麼只協助女性, 後來基金會的網站中也解釋原因, 經過四年的觀察後發現, 女性得到資源後比較會回饋家庭甚至延伸致社會, 所產生的漣漪較廣, 效益較大, 當然, 公益也要看ROI(投資報酬率), 最小的投資產生最大的效益.

常常聽到有人說 : “女性的韌性比男性強”, 我沒有懷疑過, 光講到生小孩這件事我想大部份的男性就都沒得反駁了, 還聽過女性在生小孩的痛, 有如將手指頭切下來般的痛(某位醫生形容的), 當有小孩的女性身邊出現危險時, 她們第一個想到的往往也都是小孩及先生. 女性的身段可剛可柔, 在現代社會中的適存性已經勝過男性, NIKE基金會看到了女性的潛力, 並希望藉由協助更多的女性為位社會帶來更多更正面的力量.

撇開這個公益網站是由NIKE贊助的品牌形象不講, 公益網站往往都做的枯燥乏味, 但這個網站從一開頭就吸引我注意, 整個流程簡單的運用了Who, Where, Why, How. 網站從一個簡單的故事開始, 一個假想女生A Girl的故事, 告訴妳誰需要幫助, 故事丟出一個問題讓你去思考, 思考為什麼要幫助他們, 哪裡需要幫助,她們得到幫助之後可能的結果是什麼. 故事結束後也用簡單的三個大選項串聯整個網站 – Learn(了解更多), Change(如何幫助他們), Share(分享給更多人知道), 簡單明瞭的Navigation讓整個網站的目的一目了然. 這網站是第二個讓我願意花些時間去瀏覽的公益網站. 另一個是Invisible Children, 有興趣可以看看.

公益其實就是積少成多, 常常覺得一個人做不了什麼改變, 但一個連一個, 當力量慢慢累積起來改變就會默默的發生, 網站中提供了捐錢的管道, 如果沒有捐錢的感動, 還提供了貼紙聯署, 桌布等等的下載, 讓你用精神去支持…take a look, make the change.

Jag Jeans

Jag Jeans

這網站是一家牛仔褲品牌的活動網站, 網站讓網友有機會成為專業的服裝攝影師, 而且有兩位專屬的model給網友拍, 他們會隨意的擺出很多姿勢, 網友就要像專業的攝影師一樣在right time抓到你想要的鏡頭, 相信大家都看過專業攝影師在工作, 你必須要跟model溝通說話, 引導他們, 但這網站…還沒到那麼厲害, 網站製作技術上有也些困難, 因此兩位model就自動做出一些姿勢讓你拍, well, 網站不會平白無故給你玩這些東西, 當然要有產品的致入 – 牛仔褲. 拍完照之後你可以將剛剛拍完的照片整理成一本電子型錄, 寄給朋友, 也可以將每張照片下載變成你的桌面圖案, 型錄第一頁你還可以上傳自己的照片, 感覺就像世醫為專業攝影師的作品集一樣, 想當然這本雜誌是這個Jag Jeans產品公司所出版的, 你只是他們雇用的”攝影師”, 當網友開心的在分享自己拍下來的作品型錄, 已經不自覺成為行銷人的傳播工具, 將這本有產品致入的點子型錄傳給他們的親朋好友…

可能之前我沒有注意, 但自從數位相機變得普遍之後似乎很多人都變得喜歡拍照, 不管是用數位小相機自拍也好, 拿著鏡頭像大砲一樣的專業攝影機拍”麻豆”(model)也好, 覺得周圍喜歡拍照的人變多了, 網友有個明顯的特性 – 分享, 大家拍完照之後通常都會上傳到一些照片分享的網站跟親朋好友分享. 拍照除了紀錄影像之外似乎也成了讓別人了解你的一種方法, 有些攝影師喜歡用黑白照片, 有些喜歡像LOMO一般的神祕鮮艷, 鏡頭遠近, 取鏡, 構圖, 顏色, 主題等等都可以表現自己看事情的角度及觀點, 或甚至只是單純的秀自己, 這網站正運用了人們對攝影莫名著迷的這份insight當作互動的起點. 我都停不住的玩了一陣子, 看看你能拍出什麼吧. have fun 別忘了回來分享你的作品

Diller Scofidio + renfro

Diller Scofidio + renfro

還記得Flash剛推出的時候是為了製作動畫, 差不多在1999年中的時候開始接觸Flash, 那個時候在公司還沒有多少人在用, 學校在教的是Macromedia Director, 個人是覺得Director超難用, 所以自己就開始摸索這個新接觸的軟體 – Flash.

後來Flash的程式語言Actionscript漸漸的有越來越多的人開始使用, 我也是其中一個, 從此跟這個軟體結下不解之緣…買了很多書, 試了很多玩法, 在舊金山時也參加了很多Flash的大行會議, 更幸運的是畢業後在Macromedia舊金山的總公司工作了一段時間…

Actionscript除了處理資料之外, 在介面設計上也有很多玩法(太多了), 現在所謂”很炫”的網站真的是不勝枚舉, 有太多網站已經把Actionscript發揮的淋漓盡致.

今天看到一個位於紐約的建築設計公司的網站, 網站設計的雖然不是非常好, 但介面的互動方式還滿好玩的, 我想他們的設計理念是為了要表達”建築”. 網站中除了模擬3D之外, 可以用英文字母排序, 我想他們的網站敢設計成這樣是因為他們的TA並不試看了網站就會來找他們, 一定是要看他們曾經做過的建築, 或口碑, 因為使用性上面實在是有待加強, 一般的網站還是必須要以”資訊”為主要的設計前提, 互動方式只是為了要加強user在使用網站時的便利性, 或為了傳遞網站的某種概念, 如果只是為了炫, 而擾亂了user的使用經驗, 那就等著被幹譙吧…因為user們的耐性越來越差, 只要稍微不對味兒他們就會離開或關掉視窗…