NEO'S WEBSITE PLACE version2.1

昨天試了一下手機版Google。
在搜尋框輸入「蘇尼歐」，馬上在搜尋結果第一頁找到「種樹」，紙杯裝兩棵小樹的照片resize得好好的（請注意，每支手機螢幕大小不一樣），無論日期、標題、內文都完整，就像多一個分身，儘管從憋腳的手機螢幕看，沒有天地、沒有間隔，和電腦螢幕沒得比，卻是件令人驚訝的事。Google怎麼辦到的？把搜尋引擎找到的任一個網頁即時「transcoding」，挖掉裝飾，留下「content」，還要正確resize屬於內容的圖片？

五年前聽到廠商自稱可以把大多數網頁transcoding成適合手機瀏覽的格式時，我總是偷笑，
ㄟ….谷哥大神卻慢慢接近了，就算手機的處理能力比不上電腦，許多script及多媒體跨不過界線，但是谷歌大神已經讓流過篩子的成份越來越「正確」，越來越有參考性。 

這個故事進展不是我想像中的那麼無趣。

程式為什麼不會動？工程師最常說的回應：

第 20 名：這很奇怪喔。
第 19 名：以前從來不會這樣啊！
第 18 名：昨天明明會動的啊！
第 17 名：怎麼可能~
第 16 名：這一定是機器的問題。
第 15 名：你到底是打了什麼才讓程式當掉的？
第 14 名：一定是你的資料有問題。
第 13 名：我已經好幾個禮拜沒碰那一段程式了。
第 12 名：你一定是用到舊版了。
第 11 名：一定是巧合！為什麼這種壞運氣怎麼只讓你碰上。 

第 10 名：我不可能什麼功能都測試到吧，有 bug 是正常的！
第 9 名：這個不可能是那個的原始碼！
第 8 名：這程式應該是會動的，只是我寫好後還沒做測試。
第 7 名：可惡！一定有人改了我的程式。
第 6 名：你有檢查過你的電腦有沒有病毒嗎？
第 5 名：儘管這功能還不能動啦，你覺得他如何？
第 4 名：在你的系統不能用那一個版本的程式啦！
第 3 名：你幹嘛要那樣操作，都是你的問題。
第 2 名：程式發生問題時你在哪裡？
第 1 名：在我的機器明明就可以動啊！ 

Ps：蘇尼歐最常聽到的前兩名是：
「因為系統不穩定造成」
「網路環境太複雜，我們很難control每一段都正常」

你還聽工程師說過什麼有趣的原因？

標錯價是每個購物網站都要經歷的事，消費者像隨時可以假扮綿羊的大野狼，遇到標錯價會馬上馬上馬上呼朋引伴一起來咬一口（藕~ 可能不只一口），等網站發現錯誤想更正時，消費者又變成了楚楚可人的小綿羊，控訴大財團大商人不負責任沒良心…

好吧，讓我們來看看這次博客來怎麼處理標錯價的:
http://www.books.com.tw/CD/activity/Sorry_Page/

不僅認賠買帳，還向消費者「道歉」，策略明快不在話下，網頁動作迅速、文案清晰、美術執行也相當簡潔有力，在幽默中以低姿態爭取消費者認同。

能在短時間內完成這樣形式簡單又得宜的溝通，真是天佑博客來有這樣的工作小組阿。

關於這兩天yam / roodo部落格使用者心中的幹譙與無奈，請大家隨便找找就有，我想討論的是「如何向用戶說明」這件事。

我從最初到現在用的都是blog.roodo.com/lasagna，我用樂多的帳號登入，直到某天聽到yam與roodo「合作」，”看起來”是yam接收了roodo的部落格，我的網址在沒有經過我同意下被轉成blog.yam.com/lasagna，我不是那麼在意，反正我用一樣的帳號登入，一樣的使用介面，只是頁面的主要logo多了yam。

前陣子聽說webs tv買了yam，緊接著突然的....昨天blog進不去，進blog.roodo.com/lasagna出現這個畫面：

某天突然看到朋友msn title掛上：「YAHOO花八億買無名」，連忙巡一圈新聞網站看看到底怎麼一回事...「還好」不是真的，不然我可能想一頭撞牆，懺悔我看走了眼。
我從不覺得無名那麼值錢，看看上面這個瀏覽照片過程中出現的畫面，停留了三十秒，照片怎麼說就是不出來見人，三則早就跑出來的廣告讓人覺得更礙眼可惡，如果廣告主知道自家廣告出現在這種user會抓狂的地方，恐怕也要氣炸。

無名說，這是因為中華電信降低用戶進到無名的頻寬，惡搞無名，懲罰無名不將網站放在中華電信機房。一個已經商業化的網站沒有理由裝可憐，已經進到商業戰場的人，就應該成為戰士，而不是假裝學生向用戶哭訴，要用戶一起唾棄中華電信。這樣不會有出息的。

無名從學生互助會朝商業化邁進，我不認為他們有把未來的scope畫起來，走的是再傳統不過的「挾流量會員以騙廣告」，幾年前巧合收過無名的合作企劃案，只能用傻眼來形容，.ppt檔裡頭有會員人數、流量，媒體採訪，還有…沒了，就這樣…我的媽阿…加上現在看到的使用者介面、服務水準、付費方案，跑得亂七八糟的廣告，我真的不信他有八億。

如果有大廠收購無名，我會非常非常留意新東家對無名的改造工程/軌跡和結果。

一言以蔽之，這本書講的是網站從動念到完成，從抽像到具體該一步步解決的問題。

講網站建置過程know how的書百百本，這本小書提出的approach就像上面那樣，把網站分成軟體技術和文件內容兩大塊，再橫切成Strategy、Scope、Structure、Skeleton和Surface五大片，建站的人請從最下面一片走起，從it面和內容面解決Strategy問題，然後往上走一層到Scope….

切得大刀，講得乾脆可以讓樣貌清楚呈現。如果老闆還覺得建一個網站就是找編輯把導覽列作好，甚至只要請一個厲害的美術就搞定了，上面這張圖是很好的入門教材，ㄜ~ 不過，這可能讓你的工作增加一百倍，原本你只要把美術、把編輯搞定就好，現在可好，老闆還不會因為這樣幫你增加人手，誰叫你『假行』的？  哈~

內容淺顯易懂，他不能幫你解決問題，但可以幫你釐清問題，尤其對缺乏支援、沒有資源又缺乏經驗的的網站小組，這本書可以協助進入情況，跳脫導覽設計和美術設計的枝節問題。

【相關連結】
Jesse James Garrett
The Elements of User Experience （Amazon）

很久以前我在中時部落格裡爬到了他們推薦的嚴選好格「脊椎外科的執業心事」，醫生格主透過文字將他細膩幽默的心思流露出來，讓我每隔一陣子就會回去爬一爬。上個月我發現他的邊欄裡頭出現了"neo's website"。咦~這麼巧？我沒有把他加在邊欄，應該不會留下trace，是怎麼逛到我家的，會不會太神了一點？（想了很久，唯一的可能是我在【網路】來試試主刀的滋味提到了他的link，有人從這兒連到他家，讓我留下蹤跡。）

無論是神奇連結還是我自己留下蛛絲馬跡，K聽我講起這個巧合，立刻說這符合「六度分離」的精神－世界上沒有絕對的『陌生人』這回事。六度分離（six degrees of separation）是耶魯大學社會學家Stanley Milgram提出的理論，意思是指兩個不認識的人之間，最多只分隔了六層關係，你隨便抓個陌生人，將兩個人的親朋好友一層層列出來，最多只要六層關係，你和他就可以搭上線。(所以林志玲是你朋友的朋友的朋友….，金城武也是妳的朋友的朋友的朋友）….用「six degrees of separation」查了一下google，發現有好幾部電影是以這個理論來發展(讓愛傳出去….)，還有最近的中華電信廣告不也是嗎？（我要訂婚了..我不要訂婚了，我又要訂婚了那支）。人家說「好事不出門，壞事傳千里」應該也是六度分離的延申吧？

如果你喜歡hbrk55的「脊椎外科的執業心事」，我會推薦法蘭克‧佛杜錫克所著，天下文化出版的「神經外科的黑色喜劇」。

小時候，數位卡片時代之前我最喜歡hallmark的卡片，他們家的卡片紙質好、凹凸壓紋漂亮，圖案高雅，絕非坊間卡片可比擬，因此雖然動輒一張要七八十元，我還是買他們的帳。

好了，請看他們在數位化時代的作品：

A Million Thanks

和b討論件事，我很快從Google找到相關資料，ctrl+c然後ctrl+v貼進msn，b訝異於我的速度之快，但也不甘勢弱的將msn title改成了「這世界上一定有Google不知道的事」，（他的意思是：「你不要以為這麼快找到了不起，一定有Google找不到的資料，那時你可就沒辦法了…」）

「這世界上一定有Google不知道的事」。這句話最適合拿來送給學生和記者