2009-07-31

從MLB看Flash、Twitter與Facebook

如果以美國職棒大聯盟(MLB, Major League Baseball)官網來作觀察,在2009這一年,應該很容易可以得到兩個很明顯的待驗證趨勢假說。

首先,是MLB開始捨棄Silverlight作為線上直播的工具,而重新投入Flash的懷抱。

這應該可以視為微軟挑戰網路多媒體技術龍頭失敗的其中一個關鍵指標。

其次,則是MLB大量採用Twitter與Facebook這類社交網路服務(SNS,Social Networking Services)

除了MLB各隊都有各自專屬的Twitter與Facebook帳號之外,根據cnet這篇《MLB taps Twitter for live commentary》報導,MLB甚至開始使用Twitter來更新賽況及即時相關資訊。

當然,這約莫只能用來解讀美國網路服務的現況與一小部份的前曕視野,而未必能夠套用在台灣或其他國家。

這樣的觀察所能提供用來作為未來驗證尺度的,大概就是:當某種技術或服務,能夠被應用來作為生產力工具時,自然更有機會參與由它們自身所參與打造的未來。

2009-07-30

2009台北電腦古董展

TCAS

絕大多數沒有採購需欲,卻依然關注台北電腦應用展的人,大概會很容易把焦點擺在Show girls身上。

少數從事設計的人,則很難不職業病發作地把焦點擺在展覽所需的各種設計物上。

這種源自職業病作祟的觀察,偶爾會有令人驚異不已的發現。

譬如說:今年(2009)台北電腦應用展的Logo。

TCAS LOGO

如果我們都沒看錯的話,那應該是江湖上失傳已久的5.25吋軟碟磁片(Floppy disk)吧。

我很懷疑2009年台北電腦應用展場上可以找到5.25吋軟碟磁片,並且,心機很重地推論:這單純只是趕稿百忙之中誤用了十年前的圖庫圖檔吧。

當然,也有可能今年在台北舉辦的這一場電腦展,其實是復刻版的電腦應用展。

換言之,應該是2009台北電腦古董展才對。

2009-07-29

品牌Logo的變與不變:PlayStation與可樂大戰

PS Evolution

照常理而論,企業在擬訂品牌經營策略時,通常都會非常謹慎地處理品牌Logo,以及CIS的設計。

換言之,一個已經對外發表、昭告天下的Logo,若不用個三、五年,甚或一、二十年,幾乎很少會作大幅更動的打算。

當然,除非這個Logo為消費者所唾棄嫌惡,或者品牌的市佔率低到不得不採行改頭換面的手段來翻盤,否則,企業通常寧可選擇踏實逐步累積品牌資產。

不過,這種常理偶爾也會遇到意外,譬如說Sony的PlayStation

PlayStation自1994年問世以來,十幾年居然換了二十次Logo,整個違反常理的品牌經營策略,卻依然無損於該品牌的成功。

我不確定這種持續翻新品牌視覺印象的作法,是否正好符合瞬息求新求變的遊戲產業。

但,它確實是一個推翻常理,卻也獲致品牌成功的特例。

再來看一個行銷史上的經典案例:可樂大戰。

可口可樂與百事可樂的對決,已經從19世紀延續到21世紀。

Cola war

從Logo的沿革,其實不難看出佔有優勢的是哪個品牌。

延伸閱讀:

2009-07-28

Avartize與個人頭像式行銷

avartize

網路上始終存在利用個人頭像avatar來進行表態、宣告,甚至某種概念、活動或商品的行銷。

譬如說:MSN上曾經有過幾次頭像串聯的行銷活動、Twitter也有過以頭像來聲援台灣棒球與伊朗民主的往例。

在個人頭像上動手腳,從來不是什麼新鮮事。

但,我們或許可以這麼說:在使用者介面極簡到只剩個人頭像與個人訊息內容的即時通訊Instant messaging,IM工具與微網誌平台上,個人頭像式的行銷,顯然可以獲得網路有史以來最大的聚焦與關注。

至少可以多一個讓行銷人員用來做心安的潮流好物

以Twitter來說,個人頭像式行銷,除了已經廣為人知的Twibbon之外,最近又新發現Avartize也在做類似改造個人頭像的事。

雖然,Twibbon與Avartize這樣的頭像改造工具,暫時都不涉及商業行銷,但,根據過往的經驗來推論,那恐怕也只是暫時。

也許,不久的未來,我們就會見到:如雨後春筍般冒現的商品活動網站上,不約而同都出現一個「點我一下,馬上加入個人頭像式行銷」的置入性行銷連結。

很難確定個人頭像式行銷在未來消費市場能激盪出什麼影響力,不過,至少可以多一個讓行銷人員用來做心安的潮流好物。

延伸閱讀:

2009-07-27

高級租車的低級廣告

很務實而簡單地說,有用的,就是好廣告。

行銷大抵就在鑽研如何找出需求與欲望、如何挑引需求與欲望,以及如何去滿足需求與欲望的學問。

從這樣簡單的觀點來看,所謂有用的好廣告,其實,就是無論如何都能讓你把時間、精力或錢掏出來貢獻給廣告主的廣告。

有一個例子是:一家名叫Elite,專門出租高級車的租車店。

Elite有一系列合乎好廣告標準的平面廣告如下:

(一)白

elite luxury car rental 1

(二)紅

Photobucket

(三)黑

elite luxury car rental 3

從務實簡單行銷的觀點來看,這就是好廣告,一系列高級租車的低級廣告。

2009-07-23

整個網路的不求上進

unprogressive

在價值評判上,有個必須經常保持警覺的觀察點或者說盲點,也就是:人們都有以「自己的長處」來貶抑「他人的長處」的傾向。

換言之,我們其實都很容易把「自己最拿手的事」當作正統,視為邁向光明前程的唯一康莊大道。

就像孔子說的:「君子行不由徑」那樣,就我是開大門走大路,其餘你們這些閒雜人等都是旁門左道。

這種「以『自己的長處』來貶抑『他人的長處』,把『自己最拿手的事』當作正統」的例子,比比皆是。

譬如說:主流媒體就曾經痛斥網路媒體,甚至還自詡為新守門人

這種傾向也很容易從同類型網路服務觀察得到,就像Twitter推特的推友們瞧不起Plurk噗浪的噗友們;而Plurk的噗友們顯然也很難喜歡Twitter的推友們。

另外,前副總統呂秀蓮女士昨天的「不求上進」說,也是一個顯例。

面對民進黨天王,包括前行政院長謝長廷和蘇貞昌在內,都在玩噗浪,前副總統呂秀蓮今天指出,現在玩網路,討好網友,很少自己操刀,若政治人物每天在網路上玩,那也是不求上進,政治人物每天多少複雜、衝擊的問題,要看多少書、開多少會、用多少腦力?

Via【2009/07/22 聯合晚報╱《政界玩噗浪 呂秀蓮:不求上進》/記者林修全】

然而,倘若暫時撇開「以『自己的長處』來貶抑『他人的長處』,把『自己最拿手的事』當作正統」的傾向不談,則,在政治人物受各種利益糾葛牽制,顯然無法確實遂行Naked conversations的前提下,前副總統呂秀蓮女士的「不求上進」說,其實是還算精確的描述。

整個網路的不求上進,不就是只知顯耀自我而缺乏包容,以及受各種利益糾葛牽制而滯留在永遠無法實現Naked conversations的混沌現狀嗎?

2009-07-22

速食黑幫

deviantART這個設計社群逛到一幅有趣的插畫作品,叫作Fast Food Mafia速食黑幫

對照前不久發生在台灣的速食炸油問題,再看這幅帶著淡淡黑色幽默的美式插畫,似乎格外引人發噱。

Fast Food Mafia

繪製這幅Fast Food Mafia的作者,是一位名叫Andrew Shirey的美國插畫家。

在Fast Food Mafia這幅插畫裡,Andrew Shirey很輕描淡寫,卻也傳神地讓美國幾位速食大品牌的Mascot,瞬間化身為Mafia黑手黨/黑幫/黑道

一如世界其他國家,絕大多數台灣的速食品牌也來自美國。

不過,在Fast Food Mafia這幅插畫裡,較廣為台灣人所知悉的黑幫角頭,大概就只有:

the don

第一位,當然首推江湖人稱「叔叔」的麥當當。

the colonel

其次,則是江湖人稱「上校」別名「啃得雞爺爺」的桑德斯。

wendy

最後,則是幾乎已經隱遁難尋的冷血殺手「溫蒂」關朵琳。

2009-07-21

預錄排演長治久安的五種網路箝制手段

censor the Web

對於歐美,以及慣常承襲歐美觀點的台灣而言,伊朗顯然是一個封閉守舊的伊斯蘭國家。

也因此,大約在一個月前,當伊朗的Twitter使用者,藉由新興網路工具對世界發聲,並且因此揭開封閉守舊之外的伊朗新面貌時,整個歐美網路界也為之震撼不已。

如果你恰好是一位Twitter使用者,應該不難想像那種:藉由Twitter,獲得「與自己切身相關的推友們在他所身處國度受苦受難的第一手資訊」的那種震撼,以及那之後很自然而然所衍生的同仇敵愾。

只要熟用這五種法寶,政權就可以像預錄好的治國週記那樣,按部就班地長治久安排演下去。

然而,相較於伊朗Twitter使用者,藉由新興網路工具在網路世界廣獲全球推友的普世價值認同聲援。

自詡為伊朗國境之內擁有完全宰制、唯一權威的伊朗政府,則照本宣科了一回歷史上所有專制政體所再三示範過的陳腔濫調:先譴責所有聲援伊朗人民的個人、組織、團體或國家是在干涉內政;接著,想盡一切辦法要封鎖伊朗人民對外溝通的所有管道。當然,這裡指的顯然是網路,顯然是Twitter。

提到封鎖人民對外溝通的管道,當然不能不提中國政府這個和諧範例。

不過,根據一個與伊朗政府對抗的駭客組織~由同情伊朗人民的駭客所組成的NedaNet的說法,由於不像中國必須顧及經濟因素而投鼠忌器,伊朗政府的網路封鎖Censorship行動顯然有過之而無不及。

NedaNet在《Five technologies Iran is using to censor the Web》這篇文章提到伊朗政府所使用的五種網路箝制手段為:

  1. IP Blocking
  2. Traffic Classification (QoS)
  3. Shallow Packet Inspection
  4. Packet Fingerprinting
  5. Deep Packet Inspection / Packet Content Filtering

顯然,他們深信只要熟用這五種法寶,政權就可以像預錄好的治國週記那樣,按部就班地長治久安排演下去。

2009-07-20

連線雜誌說Google唱衰App Store沒有未來

前陣子,在好不容易確定「Google推出Android是專給手機來用,真正要給電腦用的作業系統叫作Chrome OS」之後。

緊接著在連線雜誌Wired Magazine讀到《Google Says Mobile App Stores Have No Future》這篇文章。

由於通篇找不到任何可供查證的Google官方連結,所以,暫且說是:連線雜誌說Google在唱衰蘋果Apple Computer, Inc.的App Store沒有未來。

與完全不需要下載,絕大多數好用工具都不需要付費的Google Web Apps相較。多一個下載動作,而且,絕大多數好用工具都得付費的Apple iPhone Apps,看起來似乎真的是少了點直覺的競爭力。

畢竟,很直觀地想,使用者當然都希望少一些麻煩、少花時間、少花錢在工具的應用程式上。

不過,也正如我們所熟知,即便離線版本的工具技術可能愈臻成熟,一個好用Web App的前提依然得建立在暢行無礙的網路連線環境。

反之,下載到行動裝置上的Mobile App,則比較沒有這方面的問題。

我們可以想見在未來,網路連線環境將會愈來愈完善,只不過,這個未來到底有多未來?可能還是人言人殊,難有定論才對。

Twibbon的IE6 Must Die活動

上週,在mashable.com讀到《IE6 Must Die for the Web to Move On》這篇文章,本想寫點什麼記下來,結果,因為匆匆趕著要回宜蘭而作罷。

沒想到從宜蘭回來,就在網路上發現Twibbon上已經有人發起IE6 Must Die的活動了。

雖然,最後還是忍不住好奇地去試了一下。

不過,對於這種對外宣示的動作,我其實還是很難不帶懷疑來看待。

哪天若在Twibbon上看到由IE6 user發起的「免費送我一台跑得動IE7、IE8、Firefox3、Safari4、Chrome2的新電腦,我就唾棄IE6!全力支持網路革新!」的活動,也不足為奇。

作為一位長期與IE6周旋奮戰的網頁設計師,我當然也希望IE6儘早消失,當然也同意mashable那篇文章所提「一旦IE6被終結,網路革新將往前邁進一大步」。

但,或許,「撂狠話要IE6去死」這樣的事,已經看過太多,因此,很難覺得接下來繼續進行同樣的事,會有什麼不同的結果。

屬於IE6的惡勢力,其實已經愈來愈顯衰弱,只不過這衰弱的速度依然足以拖慢任何一種規模的網路革新。

我們應該根據「還有很多人死抱IE6不放」這樣的事實,來歸類這些IE6 user為死硬的守舊者與網路革新的阻礙嗎?

我猜想,事實當然不是這樣,也不應該是這樣,因為這些依然使用IE6的電腦使用者或網路使用者,多半只因為他們的舊電腦依然堪用,而IE6碰巧是這些舊電腦的預設搭配上網工具罷了。

在這種情況下,什麼IE7、IE8、Firefox3、Safari4、Chrome2都比IE6還要好用很多的網路福音,其實都只是完全不受用的馬耳東風。

從這樣的觀點來看,哪天若在Twibbon上看到由IE6 user發起的「免費送我一台跑得動IE7、IE8、Firefox3、Safari4、Chrome2的新電腦,我就唾棄IE6!全力支持網路革新!」的活動,也不足為奇。

2009-07-17

咖啡師與酒窖的品牌行銷典範

有些東西,即使不用,看看,也覺得賞心悅目。

譬如說:Barista這個售價2.99美金,專門教人如何像一位專業咖啡師那樣調理咖啡的iPhone App(應用程式,Application)

Barista

以及Barista的姊妹作:售價0.99美金,提供給喜好品酒、藏酒的酒友作為管理工具的Cellar

Cellar

這兩個iPhone App的官網,本質上都以部落格Blog作為內容管理工具,把Head banner當作產品型錄說明來用,最後,再搭配專屬Twitter帳號(@baristaapp@cellarapp),一方面維繫客戶關係,另一方面也作為即時資訊更新的管道。

網站結構與視覺設計皆屬簡約,然而,卻幾乎可說是當代網路品牌行銷的典範。

2009-07-16

源自Gaming Lessons的網路與遊戲課程

Gaming Lessons

最近逛到一個很久以前曾經造訪過的網站,叫作Gaming Lessons

顧名思義,Gaming Lessons就是一個專門教人如何玩遊戲的網站。

大約兩三年前,網路界還大肆喧嚷過這個由一位十七、八歲遊戲玩家Tom Taylor所創立的新奇網站。沒記錯的話,那「大肆喧嚷」的程度,大有這個網站將席捲整個網路遊戲圈一樣。

當下現實與過往的未來預言之間,確實存在著不小的落差

然而,在那之後,似乎沒怎麼注意後續發展。

沒想到兩三年後,這個網站還活著。

看起來,每小時花一兩千塊台幣請高手來教玩遊戲的市場,在美國是始終存在的。

不過,我比較好奇的其實是:這個網站在標題大量使用了sIFRscalable Inman Flash Replacement這款開源碼技術。

最近很巧合地,接連逛到好幾個在標題大量使用sIFR的網站,突然想到:很久以前,曾經讀過一篇超熱血的技術文章,超大膽地預言了sIFR勢必衝擊、甚至顛覆整個網路排版生態。

不過,時至今日,再回頭來看,顯然當下現實與過往的未來預言之間,確實存在著不小的落差。

2009-07-15

複雜世界的簡單規則

Simple Rules in Complicated World

如果,要很斷然簡略地區分我的工作生涯,前半段是在設計、出版業;後半段,則是網路業。

我曾經認識一種人,在設計業。

幾近毫無心機、不求回報,表裡如一地對自己所熱愛的事物傾注心力。

那種傾注心力的程度,彷彿關於所熱愛的一切都很重要,義無反顧到想都不曾想過自己可以從中獲取什麼利益回報。

我曾經認識這種人,並且,長期共事過。

事情,就要依照對待事情正確的方式來做,不是嗎?

無數次覺得,那種在趕稿的夜裡,堅持很Hardcore地,一點一條拉著貝茲曲線來做稿,實在是心臟太強,且自找麻煩到近乎愚蠢。

然而,也曾無數次驚豔,為那近乎愚蠢到最後的完稿,讚嘆不已。

事情,就要依照對待事情正確的方式來做,不是嗎?

我曾經認識另一種人,在網路業。

眾人前,努力於不著邊際以營造悲天憫人、博愛的形象。

私底下,從不費事去掩飾自己:除了個人利益之外,一切純屬無關緊要。

我經常忍不住想到,人們竟是如何看待現實中、文章裡,鎂光燈、螢幕前、媒體、專欄上,那些在事實上純屬無關緊要的人事物,被那種人反覆利用來營造悲天憫人、博愛的形象。

那被看作無關緊要的,當然,也包括我在設計業曾經認識的那一種人。

很難不這麼感嘆,這世界偶爾曇花一現的良善人事物,一切就這麼零和掉了。

當劣幣一再驅逐良幣,我猜想,這也就是複雜世界的簡單規則吧。

2009-07-14

地震後的小小媒體觀察

我們應該可以大膽假設,凌晨被地震搖醒的推友Twitter user噗友Plurk user們,昨夜凌晨,大概會比平日少睡至少半小時。

半小時,其實已經足以看盡推特Twitter噗浪Plurk上的地震相關資訊泛濫成一片川流不息。

如果沒記錯的話,甚至連主流媒體之中動作最快的蘋果Apple Daily,即便及時發出快訊,也沒能在那半小時內發表比推友跟噗友所提供更具競爭力的新聞資訊。

諷刺的是,聯合新聞網今天碰巧刊載了這則新聞網訊息比部落格快2.5小時的報導。

為了彰顯新聞網的了不起,而拿部落格來比,其實已經有點Lag。而且,居然還是拿來比「快」,實在是令人感到極度不可思議。

看起來,這則報導的前提,應該是假裝假設沒有微網誌這種東西吧。

並且,新聞網的報導,如果充斥各種利益糾葛的主觀立場,事前既不查證,事後發現錯誤也不即時更正,那麼,比部落格快2.5小時,是一件很了不起的事嗎?

更何況,對眾多推友與噗友們而言,今早一覺醒來,看到新聞網,應該都會有種「這是舊聞了吧」的感覺。

2009-07-13

7個救命iPhone應用與5個增趣Twitter遊戲

我記得很久以前,曾有位同事的電腦主機壞了,在重買一套新電腦時,就把依然完好如初的舊螢幕送給了另一位同事。

結果,接受了這份舊螢幕禮物的同事,最後也到光華商場去組了一台電腦主機。

我在mashable.com讀到《7個可以挽救你性命的 iPhone Apps》與《5個增加你Twitter樂趣的小遊戲》這樣的文章時,突然又想起那個因為收到一個螢幕而去買了一台主機的故事。

我猜想,沒有人不希望能夠隨身攜帶一個具有7種拯救自己性命的法寶。

然而,在理想的結果降臨之前,總是需要一些前提、一些試煉的過程與代價。

就好像你得先掏出大把鈔票買iPhone,它才可能讓你許這7個挽救性命的願望。

同樣的,你也必須先是一位Twitter使用者,才能獲得那5種全新發推樂趣。

我不知道就一位同時是iPhone與Twitter的使用者而言,如果大願成就地買齊了那7個可以挽救性命的 iPhone Apps,也玩了那5個增加Twitter樂趣的小遊戲,是不是就今生無悔不枉走這一遭了呢?

從另一個角度來看,以一位既沒有iPhone也不曾玩過Twitter的網路使用者而言,類似《7個可以挽救你性命的 iPhone Apps》與《5個增加你Twitter樂趣的小遊戲》這樣的文章,似乎太過侷限。就好像一位魔法師把你變成青蛙,丟到井裡,再硬塞給你一個萬花筒看那理想美妙的7個、5個神奇道具一樣。

人人都想活命、人人也都想活得有樂趣,但,經常我們在談論類似話題時,總是太過空泛,太過不著邊際。

而那些空泛與不著邊際的念頭,又經常混淆我們對手段與目的的認知。

我們到底是很清楚先知道自己想做什麼,再採取合宜適當的手段去達成;或者,只是單方面聽信手段推銷員的說辭,覺得手段所指向的未來是這也很好、那也不錯呢?

如果這樣的問句,出現在某一場考試試卷裡,或許絕大多數人都會充滿自省意識地選擇前者。

不過,我同時也很清楚多數人其實是覺得好玩才重要

就這一點而言,少數人得非常警覺,才不會變成被丟到井裡給硬塞個萬花筒一輩子看那理想美妙7個、5個神奇道具的青蛙。

延伸閱讀:

2009-07-12

外拍模特兒的快門秒殺

nice shot

不知是否所有人都一樣,即使未必是攝影的愛好者,出遊時,也通常都會把相機帶著。

就我而言,過去,很習慣,或者說是職業病作祟,總想順手拍些單純物件導向的東西,覺得即便之後拿來當作設計材質也好。

大概因此,每每看到別人舉家出遊,同聲吆喝要在門口、看板或任何辨識度高的景點,來拍張到此一遊的紀念照時,難免覺得:雖然同樣在進行拍照、攝影,但,就動機與意義而言,每一位手持相機的使用者之間,可謂相去甚遠。

這個假日,照例出遊且帶著相機,突然在不遠處,望見一群人手一隻相機簇擁著,像在拍攝什麼很稀罕的景物一般。

等到湊近看端詳,才發現原來是外拍模特兒在擺弄各種經典拍照姿勢

看著人家的外拍模特兒狀極聽話配合地搔首弄姿,突然覺得:就攝影專業而言,這種拍法似乎太缺乏挑戰難度了。

尤其,對這些看起來設備頗精良的玩家而言,找一位聽話配合的模特兒,似乎是不大好表現拍照功力的高下。

不過,回頭看看我的外拍模特兒,對我這樣設備不良且毫無功力可言的拍攝者,又未免是難度過高了。

very nice shot

2009-07-09

覆寫Inline CSS的覆寫功能作法

Inline CSS

除了HTML Email(即edm或電子報)之外,一般而言,Inline CSS最常見的用法就是:在段落間用來覆寫(或推翻)既定CSS的定義。

尤其對已經運行了一段時間的網站來說,任何一個CSS Selector都可能套用在多個頁面,如果貿然去更動,結果可能就是牽一髮而動全身式的殘局收拾不完。

通常,在防範最慘烈下場的全盤考量下,designer會選擇使用inline css來給新頁面的某些網頁元件樣式以客製合用的定義。

譬如像以下這樣:

<div style="background: black;color: white">
這是一個黑底色反白字的DIV頁面區塊
</div>

這樣的作法,當作個案特例的解法,偶一為之應該還好。

不過,如果不知不覺地連用好幾次,或許也會有:某天想到要全盤改動時,必須逐頁逐頁去改的麻煩。

這時候,就需要用到一種覆寫Inline CSS覆寫功能的技法了。

實際作法就像這樣:

/* 覆寫掉所有使用Inline CSS的DIV頁面區塊 */
div[style] {
background: white !important;
color: black !important;
}

2009-07-08

Web designer考慮一下移民東南亞吧!

幾乎所有Web designer都討厭IE6,或者,因為IE6所給予的既有印象,而很難對IE7、IE8存在什麼好感。

甚至,還因此不由自主地產生某種先入為主的嫌惡感。

然而,無論原因是什麼,現實是:長久以來,IE6始終像個家大業大的既得利益者,如地方豪強惡霸那樣目無法紀、胡作非為。

面對這樣的現實,絕大多數網路鄉民覺得只是剛好而已。

被迫不得不為IE6收拾殘局的Web designer,當然不這麼認為。

幾乎所有Web designer都期待IE6會有從網路世界消失的一天。

從具體統計數據來看,IE6從網路世界消失的那一天,確實就快了(雖然還是很慢)

只不過,顯然這「就快了」的IE6末日,因區域、國家而顯然存在著不小的落差。

world

根據StatCounter統計2008年7月1日到2009年7月7日的資料,全世界網路瀏覽器佔有率的前三強分別為:

  1. 持續衰退的IE7
  2. 持續成長的FireFox3
  3. 持續衰退的IE6

而且,看起來IE6的地位,鐵定在今年就會被急起直追的IE8給超越取代。

歐洲的情況則更理想:

europe

除了FireFox3即將取IE7而代之,成為歐洲網路瀏覽器的龍頭之外,IE6看起來是整個疲軟到只能與IE8、Opera為鄰了。

美國的情況也相近於歐洲:

usa

同樣是FireFox3持續攀升,而IE7與IE6逐漸衰退。

不過,屬於Web designer的美夢,暫時留在大世界或歐美。

深呼吸一下,讓我們來看看台灣的情況:

taiwan

中國的情況:

china

南韓的情況:

s korea

印度的情況:

india

基本上,IE6還是龍頭。

日本的情況則稍微讓人感到樂觀一點:

japan

IE6掉得很快,幾乎已經要被FireFox3追趕過去了。

從StatCounter的資料來看,東南亞對Web designer而言,是一個很微妙的地區。

先看新加坡:

singapore

馬來西亞:

malaysia

再來,椅子坐穩了,各位。

請看看印尼:

indonesia

歐洲、美國太遠太貴,Web designer若等不及要早日脫離IE6苦海,考慮一下移民東南亞吧!

2009-07-07

微網誌真相:跟「關係」有關係,跟「你在做什麼」沒有關係!

micro-blogging

關於微網誌micro-blogging,我們現在大概知道幾個事實:

  1. 微網誌就是指「推特Twitter」跟「噗浪Plurk」這一類網路服務。
  2. 就全球網路世界而言,「推特」幾乎就等同於微網誌。
  3. 在台灣,則「噗浪」的使用者遠多於「推特」的使用者。

然而,相對於這些被議論共鳴幾近泛濫的已知事實,我們似乎很少有機會,或者說有意願去面對更多關於微網誌橘逾淮而北為枳的事實。

什麼叫作橘逾淮而北為枳的事實?

簡單地說,就是一個東西在A地被打造出來,明明是拿來當作A用途,但,一到了B地、C地、D地,或拿去給E先生、F小姐……來使用,結果,卻完全不像當初打造所預想那麼回事。

事實上,網路上顯然不乏這種「結果完全不像當初預想那般」的東西。(我們甚至可以大膽地說:整個Web2.0都是類似這樣想東做成西的東西。)

通常,如果這超乎預料的結果是很合乎理想的,我們便說它是「青出於藍勝於藍」。想當然爾,只有那些不夠理想的,才會被稱作「橘逾淮而北為枳」。

不過,所有關於「微網誌之橘逾淮而北為枳」的事實之中,最令人費解的,就是那些明明就很「橘逾淮而北為枳」的事實,卻普遍贏得「青出於藍勝於藍」的讚譽。

我所說的這種明明是「橘逾淮而北為枳」卻被炒作成「青出於藍勝於藍」的事實,首先是「部落格已死,微網誌當立!」這種詭異的論調;其次則是「以大甜橘的標準來看待小酸桔」之現實與期待懸殊落差。

以下很簡扼地探論一下這兩個關於微網誌的詭道怪談:

不!微網誌不是部落格的退場機制!

有些人從自身經驗:

  1. 漸漸不寫部落格
  2. 開始玩「推特」、「噗浪」

而推出「部落格已死,微網誌當立!」的結論。

事實上,從95%的部落格已成廢墟的大勢看來,寫不寫部落格跟玩不玩微網誌,應該是未必存在因果相關的兩回事。

換言之,即使沒有微網誌,即使不去玩微網誌,95%的部落格還是會變成廢墟。

就我自身的經驗,部落格極盛時期,曾經同時管理至少20個部落格,而如今,依照Technorati的標準,還算持續更新的,大概就只剩一個,比率上還遠超過95%。但,這一切完全都跟微網誌無關。

不!微網誌機器人不在乎你在做什麼,只想跟你發生關係!

我們很容易被「blogging」與「micro-blogging」這樣的類比字辭所誤導,而一廂情願以為微網誌就是字數變少的網誌(blog,部落格)

事實上,絕大多數微網誌使用者,在初次面對「你在做什麼?What are you doing?」這樣典型微網誌問句時,心裡真正想的恐怕是:「我要拿微網誌來做什麼?」

你如何使用這個「從一開始就不知道要拿它來做什麼」的東西呢?

沒錯,你拿它來做你已經在做的事。

正因為你拿它來做你已經在做的事,所以,微網誌既像網誌、即時通Instant messaging、聊天室、書籤網站,又像BBS、討論區。

然而,正因為如此,也不可能會有更新的、更合乎理想的行為被促發。

反之,你所曾經厭惡過的一切舊行為,都將在微網誌上發生。

譬如說:Spam(廣告、垃圾郵件),或者所謂的微網誌機器人(Spambot,Twitter Spambot)

所謂的微網誌行銷,說穿了,單純只是一種螳螂捕蟬黃雀在後。當你喜孜孜於加入某位名人成為推友或噗友時,微網誌行銷人員(包括那些政客和奸商)也正竊喜於:過往根本很難蒐集你的email、MSN,現在居然可以如是輕易堂而皇之地拉近與你的關係。

這就是微網誌的真相:跟「關係」有關係,跟「你在做什麼」沒有關係!

延伸閱讀:

2009-07-06

永恒的月球漫步

eternal moonwalk 1

六月底,麥可傑克森猝逝,讓這位Megastar(Superstar的最高級)又一次衝上全球新聞頭條的浪頭。

當然,論上頭條,這不是第一次,也不大可能是最後一次。

畢竟,Megastar的影響力是既強大且無所不在的。

這一點,我們甚至可以從網站去進行觀察。

麥可傑克森的粉絲網站本來就不勝枚舉,猝逝之後,更不乏如雨後春筍而出的各式紀念網站。

就我閒散的觀察,截至目前為止,最有意思的一個麥可傑克森紀念網站,大概非Eternal moonwalk這個網站莫屬了。

eternal moonwalk 2

任何人都可以上傳一段自拍的月球漫步獨舞,加入這場為紀念麥可傑克森的影片接力。

2009-07-05

戴爾電腦說Ubuntu是微軟的作業系統

戴爾電腦(DELL)其實是一家很知長進的企業。

而且,網路銷售本來就是他們的長項。

不過,撇開最近在台灣鬧得買賣雙方都變成豬八戒照鏡子的「戴爾之貪小便宜事件」不談,戴爾電腦在世界其他角落也一樣不斷在產品標示上出錯。

譬如說發生在英國的這個例子:

dell typo

Ubuntu就這樣輕描淡寫地變成微軟的作業系統了。

以下就是戴爾電腦宣稱或者預言微軟買下Ubuntu的完整產品頁面:

dell typo full screenshot

而且,搞不好你現在點過去看,這個錯誤也還沒被修正。

2009-07-04

繪製人像的Priority

根據以往的觀察,每個人做圖、畫畫的習慣應該都不大一樣。

不過,我不確定做圖或畫畫的順序,比方說:在繪製一幅人像時,到底是先勾勒頭耳?眉眼?或者鼻口?

類似這樣的順序,到底可否等同視為一種彷如priority那樣的輕重緩急價值體系呢?

我在一個俄國設計論壇網站上,經由某個連結,發現以下這張有趣的照片:

priority

我猜想,這如果不是出於惡搞,就是作畫的人本身很有自信。

除了根據我自己的經驗,畫人像一向只能從眉眼著手開始之外。

就照片裡畫紙已完成的部份比例來看,這幅人像往上發展,就畫紙的尺寸來看,大概是畫不到臉了吧。

延伸閱讀:

2009-07-03

Canonical Tag:集中你的SEO戰力

do not duplicate

前陣子,找到空檔,有機會作網站改版思索時,想到一個在今年初讀到,但始終沒機會付諸實作的網頁元件,叫作Canonical Tag權威標籤

長期在做SEO的人,大概已經很清楚Canonical Tag。

這個為眾家搜尋引擎(包括Google、Yahoo!與Microsoft)所支持,並且,被公認可以用來解決日益嚴重的複製內容duplicate content問題,以提昇搜尋精確度的新標準作法。

至於,隔了一層的Web designer網頁設計師,對這些網頁製作執行者而言,Canonical Tag實在不是一個立竿見影的網頁元件,因此,網頁製作執行上的Priority優先次序難免一再往後順延。

再退一萬步,站在客戶的立場來想,他們搞不好還寧可多做幾個Flash吧。

不過,如果你很有實驗精神,並且,也相信眾家搜尋引擎將愈來愈重視以Canonical Tag作為網頁複製內容的最終解決方案。那麼,你應該馬上為你的網頁添加一行Canonical Tag。

Canonical Tag的寫法如下:

<head>
……
<link rel="canonical" href="內容網頁位址" />
……
</head>

舉《CSS Opacity:透明度在各瀏覽器上的應用》這篇文章為例,Canonical Tag應該是寫成這樣:

<link rel="canonical" href="http://jas9.blogspot.com/2009/07/css-opacity.html" />

如果你跟我一樣選擇使用Blogspot這個平台,也許可以參考以下兩種作法:

(1)Blogger新式模版

只要在<head>跟</head>之間,加入這一行:

<link expr:href="data:blog.url" rel="canonical"/>

(2)Blogger舊式模版

只要在<head>跟</head>之間,加入這一行:

<blogger><itempage><link rel="canonical" href="<$BlogItemPermalinkURL$>"/></itempage></blogger>

2009-07-02

CSS Opacity:透明度在各瀏覽器上的應用

Shining Jas9 Taipei.

透明度的應用,向來是網站視覺規劃上的一大挑戰,尤其是扯上PNG-24 Portable Network Graphics (palettes of 24-bit RGB colors) 的時候。

考慮到IE6這個超難搞的變數,最安全的作法是:完全不用透明度,捨棄PNG-24。

否則,即使有pngfix.js這樣的奇技淫巧,暫時足以用來應付IE6。

然而,就網站長期經營維護,以及實際應用而言,pngfix經常反倒最是後患無窮的一種選擇。

除非你斷下決心不管IE6,否則,遲早你都得找出一套澈底解決透明度在各瀏覽器上應用的方案。

這幾天,想到這樣的問題時,很直覺地認為:

  1. 在IE6消失之前,似乎還是得暫時擱置PNG-24,而改以搭配適當Matte color的GIF Graphics Interchange Format 來處理去背型的透明度應用。
  2. 使用CSS來處理區塊型的透明度應用。

前者,只要透過Photoshop即可達成。

後者,則需要先弄清楚各瀏覽器所能正確解讀的透明度參數寫法。

簡單條列各瀏覽器透明度參數寫法如下:

(1)FireFox、Safari跟Opera:

opacity: 數值; /* 數值為0~1 */

(2)古老的FireFox寫法:

-moz-opacity: 數值; /* 數值為0~1 */

(3)古老的Safari寫法:

-khtml-opacity: 數值; /* 數值為0~1 */

(4)IE:

filter:alpha(opacity=數值); /* 數值為0~100 */
Shinning Jas9 Taipei.

以上圖為例,如果我希望這張圖呈現出半透明的視覺效果,則可以直接寫成in-line CSS套用在這張圖上:

style="opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);"

效果如下:

Shinning Jas9 Taipei.

當然,你也可以定義CSS Selector,進行更多元有趣的應用。

譬如說:Mouseover的效果。

先定義CSS:

<style type="text/css">
a img.jas_opacity{opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}
a img.jas_opacity:hover{opacity:1;-moz-opacity:1;-khtml-opacity: 1; filter:alpha(opacity=100);}
</style>

再套用a:hover如下:

Shining Jas9 Taipei.

當然,這只是基本式,透明度的應用是可以更千變萬化,就看實際需求與創意發想之間如何去作取捨了。

2009-07-01

萬能阿曼全面逆襲黑白郎君

黑白郎君部落格

繼去年發現一個專門以蒐集別人失敗為樂的「黑白郎君部落格」失敗部落格」之後,今年再接再勵,多方尋覓的結果,總算也找到一個無論怎麼失敗都能修理的「萬能阿曼部落格」我來修理部落格」來娛人娛已。

萬能阿曼部落格

雖然,評論他人之失敗向來是件極有趣的事,不過,套句電影《料理鼠王》裡的經典對白:

In many ways, the work of a critic is easy.

We risk very little, yet enjoy a position over those who offer up their work and their selves to our judgment.

We thrive on negative criticism, which is fun to write and to read.

But the bitter truth we critics must face is that in the grand scheme of things, the average piece of junk is probably more meaningful than our criticism designating it so.

But there are times when a critic truly risks something and that is in the discovery and defense of the new. The world is often unkind to new talent, new creations.

The new needs friends.

就很多方面來說評論家的工作很輕鬆。

我們冒的風險小卻位高權重,人們必須奉上自己和作品供我們評論。

我們以負面評論見稱,因為讀寫皆饒富趣味,可是,我們評論家必須面對一個難堪的事實:以價值而言,被評論家批評為平庸之物的同時,我們的評論也許比他更為平庸。

但,有時候,評論家真的得冒險去發現並且捍衛新的事物,而這世界對待新秀、新的創作是非常苛刻的。

新人及新作需要朋友。

Via Anton Ego

如是看來,「我來修理部落格」顯然要比「失敗部落格」還值得大家來鼓勵。

所以,接下來,就請大家盡情為以下諸如此類的修理作品來喝采吧:

(一)連馬蓋先MacGyver都叫好的手電筒車頭燈

手電筒車頭燈

(二)超環保可回收的瓦楞紙機殼

瓦楞紙機殼

(三)你絕對想不到它會出現在這裡的品客引擎接管

品客引擎接管

(四)比輕省筆電還便利好用的輕省備胎

輕省備胎