2012年8月9日 星期四

jquery slider

http://flash4u.com.tw/dispbbs_85_132827_1.html

JQUERY


工作上都一直有陸續看到好用的 JQuery Plugin
但是每次看到.....下次想要用就找不到了 = =
所以在這篇蒐集一下,可能也可以應用在之後的專案上
另外有些常用的在慢慢 update 

38種Menu 

apycom   有100種左右的 menu 可選擇,可以免費使用但不能用於商業網站(要$),
                有很多很讚的 menu 可選擇 (還好我是用在內部網站)
                (2010/11/25 IE 套上去會有點問題 = =)

uploadify 多檔案上傳

SWFUpload  多檔案上傳 (個人覺得功能很強,但要應用則有點小複雜,uploadify 比較簡單一點)

jixedbar 網頁下方出現自訂工具列 (已經被我用在網站上)
Clipboard01.jpg   

Lazy Load Plugin for JQuery  延遲圖片載入時間,等頁面捲到後再讀取

jQnotice  可以用這方法提示使用者注意事項

xcolor  如果網站上有需要使用者選擇色碼,這個無疑是最好的選擇

JQuery Constant Footer  
由網站底部出現一塊背景透明的黑色訊息,可以用在網站提示訊息
 ex:購物網站年節期間配送公告

Beautiful Photo Stack Gallery  
照片的播放,但感覺這不太適合用在商品圖片的播放比較適合人物照,
可以用在類似部落格相簿之類的播放

Form field Progress bar  可以限制文字輸入的長度,但重點是會顯示百分比,如下圖
Clipboard01.jpg 
JQuery Corner   讓你的 div td 變成圓角,從此不用再等美編切圖
但要注意 唉一無效,聽說是因為唉一沒實作 css3 border-radius
解決方式在這 :  http://fetchak.com/ie-css3/

jQuery.carouFredSel  圖片旋轉木馬,這應該是最實用的

2012年7月15日 星期日

[轉貼]當手機遇上戶外媒體


當手機遇上戶外媒體

由於智慧型手機的熱賣與手機上網興起,傳統戶外看版廣告也有新契機,本文將告訴你,手機+戶外看板=互動媒體新體驗。 

上次我們提到當手機遇上電視會變成一個新的溝通管道,這次我們來看看戶外媒體加上手機的可能性。
跟網路與手機等「新媒體」比較起來,戶外媒體雖然被視為「舊媒體」,不過,從另外的角度來看, 台灣的手機佔有率早已超過120%的狀況下,只要突破傳統戶外廣告單向溝通的思維窠臼,結合網路及手機等新平台,運用手機的「適地性」及「行動性」的特色,讓戶外媒體提供消費者更深入的資訊, 創造新的消費者「互動」體驗,可以期待的是,戶外互動廣告將會有另外一番新風貌,也能讓單調的戶外媒體,成為廣告主及消費者的新寵兒。

用手機在戶外看板上購物
韓國的賣場TESCO發現,韓國的消費者太忙碌,忙碌到甚至到大賣場購物的時間都沒有,2008年時他們推出了一個戶外廣告,把賣場內的貨架印在往來人來人往捷運站的柱子上,讓消費者參觀選購,廣告效果十足,但還是缺少了臨門一腳,讓消費者買單。

http://www.coloribus.com/focus/best-metro-ads-subway-underground/11463105/

2010年時,TESCO更進一步,透過手機的線上購物服務,消費者可以在捷運站透過手機拍攝捷運站廣告上的QR Code,就能完成商品的訂購,並且直接用手機結帳,商品還可以直接送到家裡,讓消費者在忙碌之餘,也可以方便快速的購物。
這個創意也可以延伸到其他業者,例如房仲業者,也可以一改鋪天蓋地的紅紙條招租廣告, 針對每天辛苦通勤,想搬到距離公司近一點的上班族,在捷運燈箱上刊登售屋/租屋廣告,並附上QR Code,提醒消費者用手機看屋,找找看看捷運站附近有沒有合適的房子出租/出售,不用每天通勤這莫辛苦啦,應該也能收到不錯的效果。


http://www.wired.co.uk/news/archive/2011-06/30/tesco-home-plus-billboard-store

故事背後的故事
戶外看板具備有面積大,識別度高, 並能能呈現產品質感的特點,但是如果要敘述更多的內容,讓消費者能夠充分瞭解品牌背後的故事,那就比較吃力了。不過,若結合手機,那能夠呈現的的內容深度,及豐富度,就可以無限延伸了。
以色列的一家百貨公司,在樓面地板上出現了真人大小的屍體貼紙,讓路過的消費者嚇的花容失色「天啊,我看到個死人!」,仔細一看,貼紙上面寫著,「炎熱的太陽殺了我」,「蚊子殺了我」旁邊還有個QR Code讓消費者能用手機拍下, 並且用手機連上網路,了解為什麼這個人死在這裡。
這個驚悚的戶外廣告原來是以色列一家製造高科技流行服裝公司Lametayel,為了吸引消費者,到百貨公司專櫃消費,所設計的手機戶外廣告,先讓消費者嚇一跳,進一步引起好奇心,讓消費者透過手機,了解產品特性,就是具備有空氣調節功能的流行衣飾,只要穿上了他們的產品,就不會因為為了穿著必須跟上流行而被太陽曬死熱死或被蚊子叮死。
這種巧妙結合兩種媒體的廣告,除了讓消費者印象深刻之外,還讓他們在百貨公司專櫃的業績在10天之內成長350%,既賺到了話題,又增加了業績,可謂一舉兩得。

http://www.youtube.com/watch?v=P98x8_VnC3Y

PETA 是世界上最大的動物權力保護組織,PETA在防止動物被虐殺方面,不遺餘力,透過網路及各種活動來宣導。這次,他們透過戶外廣告來跟民眾溝通,運用公車亭的看板位置,告訴民眾,每一個美麗皮革商品的背後,是需要付出不可思議的代價的,只要拿起手機,掃瞄商品的條碼,條碼的背後,是動物被屠殺虐殺的影片,還有保護動物權利宣導短片,藉此喚起民眾,對於動物權力,以及動物保育的認知。
交通部或許也可以考慮這個創意,在街道路口放置被車禍撞毀的汽車,以台灣人愛圍觀車禍拍照的程度,放一些交通宣導短片在裝置物旁邊的條碼,讓民眾在手機上看到不遵守交通規則或是酒後駕車的危險,或許可以收到一些意想不到的效果。

http://www.peta.org/

http://www.peta.org/

駭客手機裝置 駭進所有戶外電視牆
數個月前,YouTube上出現一段影片,紐約時代廣場,出現一位不知名的駭客,透過iPhone的發射器,只要按下手上自製發射器,就能發出電波,干擾周遭的電視牆廣告螢幕,類似第四台蓋台廣告的效果,在電視牆上的螢幕,播出自己的影像,這隻影片一在網路上播出,就吸引300萬人次觀賞,並引起熱烈討論跟轉發,大家都議論紛紛,真的假的,這也太厲害了吧!作者在影片下方說明中,說明自己服用了一種叫NZT的藥丸,讓腦部潛能得以100%完全發揮,變得非常聰明,而發明了這個駭客裝置,看到這兒,你如果真的相信,而上網搜尋NZT這玩意兒的話,你就中計了!

原來這是電影【藥命效應】Limitless 電影的行銷手法,透過病毒影片,讓消費者不自覺地幫他們傳播電影預告片。其實,業者早就跟廣告商套好招數,先把附近的戶外廣告版位買下,時間一到就播出看似被干擾的畫面,仔細看,原來影片中紐約時代廣場的電視牆上,正播著他們的電影預告片呢,還來才被干擾蓋台。
不得不佩服他們的操作方式,透過戶外廣告+網路病毒效益來創造知名度,如此一來,預告片一下子就有300多萬次的曝光,比單單在電視牆上播放電影預告片要來的吸引人,不但創造病毒發散的效果,還製造大量的新聞話題及曝光,創造了300多萬次的話題性(Talkability ),這是單靠戶外廣告所不能達到的效果。


http://youtu.be/s_HUYi9aVvI

戶外廣告玩遊戲
其實,不是每個戶外媒體加上手機都得搞得大手筆大製作,有時候用點小巧思,讓消費者玩點小遊戲,就可以讓戶外看般變得很吸引人。
麥當勞用了很簡單的手機版網頁,透過手機,讓消費者選擇一種點心,再玩一個簡單的戶外看板乒乓球遊戲,贏了就可以到附近的麥當勞換取小點心,不僅增加了與消費者的互動,還提升了實體店面來客率,透過遊戲取得的客戶手機電話號碼。


LG 在紐約的時代廣場,也設置了一個大型互動看板,消費者只要透過LG手機輸入文字簡訊或是透過TWITTER發訊,告訴全世界你的「好消息」,虛擬玩偶就會作出可愛的動作,將字幕顯示在互動看板上,不僅吸睛效果十足,也成功地讓消費者體驗「Life’s Good」的品牌精神。

http://multivu.prnewswire.com/mnr/lg/47339/

戶外看板:「用力丟我!再拍個照!」
如果連以上的方案都覺得麻煩,不妨試試這個最簡單的方式:
俄羅斯烏拉地區一年中有6個月的時間都是積雪,當地居民的夢想是著脫離寒冷的烏拉,去溫暖的國家旅行。烏拉當地有一家旅行社,想出了一個妙招來促銷他們的旅遊行程,促銷方式很簡單,透過冰冷的雪球,帶你脫離寒冷的國度,透過簡單的戶外看板消費者只要「看廣告」→「丟雪球」→「拍照」→「得到優惠」,雪球丟到哪一個國家,就能得到那裡的9.9%行程折扣,這樣的互動是不是比單純的讓消費者「有看沒有到」的戶外廣告來的有趣得多?

http://charter-ekb.ru/

手機+戶外媒體=消費者互動的新體驗
由於台灣寸土寸金,戶外廣告的版面極為有限,尤其是在精華地區,更是一位難求。在好不容易搶到戶外版面的情況下,戶外廣告的作用也僅被用來做單向的品牌溝通,在其它國家都早已創造出令人驚艷的戶外互動廣告創意,台灣戶外廣告大部份還停留在原地踏步的階段,未來如何進一步創造「話題性」或「互動性」,是廣告代理商及媒體代理商下一步值得思考的事情。

而且,透過手機的移動特性,不單單能跟消費者互動,也能追蹤戶外廣告的成效,讓戶外廣告不僅僅是個告示板,也變成與消費者互動的利器。

[轉貼]花大錢做APP行銷之前,先做好你的手機版網站


花大錢做APP行銷之前,先做好你的手機版網站

由於智慧型手機的熱賣,國內廣告主及媒體一窩蜂的投入APP的開發,似乎不開發個iPhone App就跟不上時代。但是,現階段花大錢開發APP,真的是一件好事嗎?

由於智慧型手機的熱賣,國內廣告主及媒體一窩蜂的投入應用程式(Application以下簡稱APP)開發,似乎不開發個iPhone APP就落伍了,問題是,APP的開發時間很長、費用高、還必須針對不同手機平台開發(Symbian、iOS、Android、Windows Phone、BlackBerry...),再加上APP審核上架時間無法掌握(1-3個月不等),很難跟上行銷部門快速的步調,最近就有國內某出版集團轟動開了APP上市記者會,結果APP因審核問題,無法準時上架的慘事發生。

APP真的是行銷的萬靈丹嗎?
APP雖然吸引人,但是下載之後能維持高忠誠度的消費者並不多。根據Pinch Media分析蘋果App Store超過3,000萬次的軟體下載後發現,購買iPhone應用程式者中,只有30%真的在購買後次日使用,且自App Store購買下載軟體後20天,真的還在用的使用者比率降到5%以下,長期而言,大約只有10%的iPhone應用程式似乎能留住使用者,而且又以遊戲軟體和娛樂用的程式(例如電影上映表和Facebook)占其中的大部分。 
 

先顧好80%的消費者
其實,國內消費者的使用APP的習慣還未完全普及,根據資策會調查報告,台灣手機開通行動上網功能的用戶1912萬戶,占行動通信用戶之69.5%,但是在智慧型手機比例上仍不到20%。
因此,現階段行動行銷策略上,捨棄80%行動上網用戶,僅開發不到20%智慧型手機能使用的APP,除非針對特定目標族群,否則經濟效益似乎不大。
而且,如果不是運用到一些手機的特殊功能,如陀螺儀、AGPS,其實一般行動網頁足可應付,現階段,行動網頁才是真正能夠跨手機平台使用的最佳解決方案。

PC版網頁V.S手機版網頁
手機由於先天上的限制,不管是在螢幕尺寸上,或是CPU處理速度上,都差個人電腦一大截,更甭說FLASH支援,那更是少數高階手機的專利。往往花大錢精心製作的網站,在手機上並無用武之地,而且開啟網頁的速度還異常的慢,造成使用者的困擾。
因此,手機版網頁必須須根據手機的特性打造,並不是把原本網頁圖片尺寸縮一下就能夠變成手機版網頁。

國內的手機版網頁
國內很多網站並不是一下子就推出APP版本,而是先推出手機網頁版,再觀察消費者接受程度或是付費與否才決定是否開發APP,這完全還是要看消費者的需求以及行銷目的而定。
比方說,蘋果日報網站針對手機使用者習慣,將選單重新排列,把讀者常點選的項目放在最上方,並重新設計選單圖示,讓點選更加方便,而且網站會主動判別瀏覽器版本,一旦發現是手機瀏覽器,便會顯示手機版網頁,你說,這是不是很聰明。


針對手機特性,蘋果日報手機網站將功能濃縮並將畫面調整至手機可閱讀的大小,避免下載時間太久,提高手機閱讀性。
圖片來源:蘋果日報網站http://tw.nextmedia.com/mobile

速食餐廳業者麥當勞的手機網站,有別於官網花俏的FLASH動畫,採用單純的品牌識別,把符合手機使用者情境的內容放在手機版網站,讓消費者一下子就能找到不同的優惠以及餐廳的地點,而且把點選的按鈕加大,這樣的做法不但清楚明瞭而且讓消費者方便操作,後續維護上,更是簡單(只要把圖換掉就好了),企業也可以省下一大筆開發維護更新APP的錢。 


麥當勞把MENU跟找餐廳這兩個消費者最常用的功能放上手機版網頁,並加上外送電話,充分體貼手機使用者,不過如果能將電話號碼改成點選即撥,相信會更方便消費者訂購。
圖片來源:麥當勞官網http://www.mcdonalds.com.tw/m/index.html

Mobile01的討論版一直是熱門的手機網站,他們很貼心的用了5i01.com這個短網址,手機上不用再輸入一大串落落長的網址,縮短了手機輸入的時間,(不然你試試看用手機鍵盤打www.mobile01.com這幾個字,就知道我在說甚麼了)。

而且他們把手機版網頁廣告都拿掉,單純的保留論壇的內容,不管在可讀性上或是瀏覽速度上,都大大提升。這種在PC上看完整版,手機上看簡易版的方式,能讓消費者隨時注意論壇的最新消息,也是種不錯的策略。 


Mobile01開放論壇手機版網頁,雖然功能陽春,但是沒有廣告的干擾,閱讀起來更清爽,瀏覽速度更快。
圖片來源:Mobile01網站 http://5i01.com

國外的手機版網頁
看完了國內業者的手機版網站,我們來看看國外的案例。
在澳洲,運動鞋廠商亞瑟士推出了他們的手機版網站,除了提供新產品簡介跟線上型錄功能之外,還讓消費者在手機上挑選適合的慢跑鞋的程式,從功能、外型、價格、場合來挑鞋,在手機上還可以看到這雙鞋Flickr的照片與YouTube的影片,喜歡ASICS還可以直接加入亞瑟士的Twitter。

此外,消費者也可以對這雙鞋的發表意見或評論,還能透過E-mail、Twitter、Facebook 把鞋子的照片及資訊跟好朋友分享,透過社群功能先聽聽看朋友的意見,再決定要不要買。一旦決定要買,還能透過線上地圖,找到離你最近的店家,把鞋子抱回家。 

美國的餐廳業者RubyTuesday,除了將餐廳位置及菜單放在手機網站上之外,還會貼心的告訴你,你現在看到的菜單有多少卡路里,並且只要輸入郵遞區號就能知道最近餐廳的地點以及營業時間還有訂位電話,輕輕一點手機就會撥電話出去,你看多貼心啊! 

廣告代理商TBWA最近推出了一個叫projeqt\的創意平台,讓創意工作者可以上傳他們的創意故事,並且相容於PC及iPhone、iPad、平板電腦等行動上網裝置,並跟Facebook、Twitter社群工作完全整合。 


不但如此,TBWA連官網也改成可以跨平台瀏覽的網站,把成功案例用照片的方式呈現在官網上,不管你用iPad或是iPhone都能看到同樣的內容,並且充分運用了觸控的操作方式,讓PC、手機、平板電腦都獲得相同的瀏覽體驗。 

Mobile Marketing的下一步
隨著行動上網裝置不斷的進步,智慧型手機全球熱賣跟平板電腦(如iPad)的普及,未來數位行銷必定會往行動裝置靠攏,並且行動行銷會比網路行銷發展得更快更普及,因為每個人隨時隨地手上都一定會有一支手機,但不一定會身邊都有電腦。
但是,不管是數位行銷或是行動行銷都目前已經不能只考慮單一平台了,必須能夠根據不同的上網裝置,不同的使用者需求呈現出不同的內容,才能更滿足不同消費者的需求。
智慧型手機終將會以驚人的速度普及,APP也會持續爆炸性的成長。不過,在決定投入APP開發之前,不如先用手機輸入公司的網址或部落格,或者用手機搜尋你的品牌,看看是甚麼結果,再做決定。 

部落格平台廠商Wordpress的套件開發商WPtouch,推出了部落格手機版套件,讓部落客能輕輕鬆鬆將自己的部落格升級成手機版,讓讀者用手機看部落格更清楚,更快速。
圖片來源:http://www.devlounge.net/design/top-12-wordpress-themes-and-plug-ins-for-mobile-devices

本文同步刊登於動腦雜誌2011年8月號 

2012年6月15日 星期五

Excel 圖片隨著單元儲存格排序



Excel 真的是一個很好用的文書工具,這幾天為了圖片排序的問題,扒了不少文章,順便做一下心得紀錄。

Excel 插入圖片
選擇從檔案插入圖片。

Excel 插入圖片
選擇需要的圖片全部插入。

Excel 選取全部的圖片
按下[Ctrl]鍵+滑鼠選取全部的圖片。

Excel 設定圖片格式
設定圖片格式。

Excel 圖片大小設定
在[大小]的頁籤中,建議先將圖片縮小到預定大小的 3/2,在拖移時會比較方便操作。
如果要將圖片填滿整個單元儲存格,建議將[鎖定長寬比]取消。

Excel 圖片隨著單元儲存格排序
在[摘要資訊]的頁籤中決定圖片的定位方式,建議選擇第一項[大小位置隨儲存格而變],因為儲存格必須完全包含整張圖片,如果超過單一範圍的儲存格都會讓排序失效,所以建議將圖片填滿整個儲存格,並且隨儲存格變動,避免圖片超過儲存格的意外。

Excel 設定列高

Excel 設定列高
先將[列高]及[欄寬]調整到所需要的大小。

Excel 滑鼠拖移及縮放鎖定
按下[Alt]鍵+滑鼠拖移圖片至儲存格。
[Alt]鍵具有格線鎖定的功能,會將滑鼠拖移及縮放鎖定在格線上,可以精確的將圖片填滿整個儲存格。

Excel 選擇排序範圍
選擇需要排序的範圍。

Excel 選擇排序方式
選擇排序方式。

Excel 圖片隨著單元儲存格排序
呈現的結果。