記得去年11月我才寫過有關香蕉牛奶商品化的文章，今天午休到你家就是我家的那一家超商時，眼睛一亮，看到了陳列在冷藏架上的光泉蜂蜜香蕉牛乳，雖然不是預期中的品牌，不過這項商品總算是有人開發了，不知道光泉的研發人員有沒有看過我寫的文章，也許我可以收個顧問費什麼的 :-p ，不過很可惜的是，雖然可以喝到香蕉牛奶的感覺，但是卻不像是外包裝上所標示的“新鮮香蕉特調，果香濃郁，口感綿密”倒是香蕉油的味道多一些，下午稍微 google 了一下，也有一些關於香蕉牛奶的討論，我想這項商品的市場應該還是有的，很可惜的是上市後的成品風味未如預期中的好，不知道是不是應該換人做做看？

原發表於：Wednesday, June 13, 2007, 23:01

“重點在於，詢問「大部分的人喜歡下拉選單嗎？」這種問題並沒有幫助。正確的問題形式是「這個下拉選單，加上這些選單項目，寫成這種形式，放在這個網頁上，可以讓大部分使用本網站的人產生良好體驗嗎？」”

–《DON'T MAKE ME THINK》CHAPTER 8, 農夫和牛仔也可以作朋友

這不是一本新書，初版於 2000 年，但是至少在這幾年內，也不會是一本褪流行的書。這是一本講如何設計好網站的書，是的，這本書的中文譯名就叫做「如何設計好網站」。這本書輕鬆而易讀，作者從事多年的網站使用性顧問工作，而他在書中告訴我們的使用性第一定律即是英文書名 "Don't make me think"–「別讓我思考」，也就是說當使用者看到網頁時，應當能立即瞭解「這是什麼？」「要怎麼使用？」網站開發人員往往特別難以理解，使用者如何使用網站，為什麼這樣使用等等問題，書中舉了許多詳盡的範例圖解，甚至以流程圖表告訴你使用者如何被使用性欠佳的網站惹火離開的過程。

使用性在網頁設計中，是如此的重要，卻也如此的容易被忽略或是誤解，使用性並非網頁設計師的主要工作，但是以國內的環境來說，網頁設計師往往必須獨攬此一工作，這也顯得閱讀此書有多麼重要（除非您有預算可以聘請一個像作者這樣的人）。

最後，節錄書中作者用以檢視一個新網站時，首頁需要回答他的四個問題：

–這是什麼網站？
–網站上有什麼？
–我在這裡可以做什麼？
–我為什麼要來這裡，而不是去其他地方？

僅以介紹本書與同業共勉之。

「如何設計好網站 DON'T MAKE ME THINK」
Steve Krug 著 / 胡為君 譯 / 上奇出版
ISBN 986719949-9

• Amazon.com 五顆星最高評價
• 《Designing with Web Standards》作者 Jeffrey Zeldman 推薦

2007年版印的賀卡，也是唯一一次付印的賀卡，之後連電子賀卡都沒發送，真是慚愧，主題就是以我家的四隻貓作畫，當然包括當時已經變成天使的大頭，據竹林動物醫院的吳醫師說，我給他的賀卡被其他帶寵物來看病的主人索取了，後來又多拿了幾張過去給吳醫師發送。


附上白色背景只有貓咪的圖

Macromedia Flash 的 Components 中有 UIScrollBar 與 ScrollPane 兩個組件，用來針對 Flash的 texfield 或是 movieclip 做scroll 動作的控制，最近在做專案的時候，遇到了一個問題，即是 Flash 本身 components 有支援滑鼠中鍵 scroll 的功能，但是在一個特殊情況之下此功能將失效，也就是當需要設定 swf 底色為透明時，必須要在 embed 標籤中，加上 wmode=transparent 這個屬性，這個屬性在 object 標籤中以 param 的方式處理，且不會對 IE6 的瀏覽器造成 scroll 失效的影響，但是卻導致 Firefox 無法以中鍵 scroll 目標項目，目前我使用的 Firefox 版本為2.0.0.1，這個測試結果是根據安裝非官方組件測試而來，該組件為 plasmaplugs 所釋出的 Scroller Bar 由於更改 Flash 檔案對於 scroll 失效完全沒有幫助，但是 plasmaplugs 的 Scroller Bar 範例檔網頁卻完全支援 Firefox 中鍵 scroll無誤，於是我改由 HTML 標籤下手，分別刪去了 以及 Dreamweaver 8.02 針對 IE ActiveX 安全性修正的 AC_RunActiveContent 語法，以最陽春的 Flash 嵌入方式測試，卻仍然無效，直到我刪去了 wmode="transparent" 屬性，才發現從頭到尾都是它在作怪…於是我只好放棄背景圖與 Flash 分開製作的作法，將背景圖做在 Flash 檔案中，並且將此問題發佈至Mozilla Taiwan 討論區的問題網站與網頁技術傳教板，提供 Firefox 的使用者與網頁設計師參考。

一段玩笑話，讓我找到了這個有趣的搬家公司：

阿志 半糖青春 說:
以後看哪家快遞可以考慮用夸父當吉祥物
Jeter Le Poète 說:
工程公司要用愚公嗎
阿志 半糖青春 說:
還滿有風格的
Jeter Le Poète 說:
減肥藥就用嫦娥好了
阿志 半糖青春 說:
靠杯....
阿志 半糖青春 說:
阿搬家公司不就去找孟母合作
Jeter Le Poète 說:
好啊

於是我鍵入了“孟母 搬家 公司”在 google 找到了…
這就是孟母也會偷笑的 [ 得力孟母 ] from Danny*2b Roodo!™

*註：很可惜「得力孟母」原文似乎已經在該網誌消失了。

在進行網頁排版工作時，經常會遇到的問題就是瀏覽器的相容性，其實不僅只是排版，程式 debug 的時候，瀏覽器的相容性也常是個測試指標，不同版本的瀏覽器，往往有它各自的刁鑽問題存在，舉例來說：當你使用 Dreamweaver MX 進行網頁排版時，預設的 <META> 標籤位置是在 <TITLE> 之後，乍看之下只是很尋常的順序問題，很難令人聯想到會造成多麼嚴重的問題，但是這樣的順序當你的網頁語系是使用 utf-8 時，在 Internet Explorer 5+ 上，將會發生網頁內容顯示為空白的現象，而 Internet Explorer 本身並不支援在一個作業系統上，安裝多個不同的版本，這使得除錯與測試有了麻煩，幸好， evolt.org 提供給大家多種選擇，在它的 Browser Archive 中，提供了許多不同瀏覽器的各式版本，當然它也提供了從 Internet explorer 3 開始到 Internet Explorer 6 針對不同環境的單機運行版下載，更多版本的 Internet Explorer？聽起來著實有點可怕，不過為了能夠更方便的測試，只好讓它們在你的電腦裡開 home party 了！

Related Link：
從 evolt.org 下載各個版本的 Internet Explorer

同場加映：J-MALL TOKYO FASHION EXPRESS


郵局便利箱／便利袋推出也已經有一段時間了，其中也經歷過幾次改版，經手過的就有三個版本，獲得來源都是網路拍賣，而在郵局曝光的電視廣告中，就有一隻是以網路拍賣為主題拍攝，顯而易見，郵局便利箱／便利袋確確實實的瞄準了廣大的網拍族群，實惠的價格、全省均一價投遞服務與全國郵局及郵政代辦所數千個通路點加上可重複利用的設計，對於從事通路多年的宅急便，不啻是一個相當具有威脅性的競爭對手。

而難能可貴的是，以往在印象中，公家機關的宣傳物總是保守而缺乏新意，甚至會出現一些急就章或水準參差的品項，而於 2006 年 9 月問世的版本，充滿日式簡約風格的設計相當令人驚艷，設計者採用了環保味十足的綠色以及鴿子的圖像來象徵便利箱環保與郵遞的特性，並且以色塊的方式勾勒出整個版面，整體畫面相當乾淨而清新，盒面上也有許多貼心的使用提示，側面更是規劃了一個個人廣告的區塊提供網拍族群運用，當我收到這個版本的便利箱時，這個區塊的設計不禁令我會心一笑，細看之後更覺得這是值得收藏的一款設計良品，無論是在視覺上以及使用性上，都是經過思考的理性結果，一個好的設計，本當如此。



這個網站是由豐華唱片出資經營的，透過與日系潮流雜誌的合作來打開市場，雖然在產品本身可能需要篩選才能買到真正的良品，但是在配送時的包裝外盒，也有可嘉許之處，外觀設計上比較沒有可以稱頌之處，J-MALL採用學院風徽章來設計外盒商標，原色的紙材也是相當環保，比較值得一提的是它採用抽屜式的開闔方式，消費者可以把它當作一個收藏物品的小抽屜使用，而鞋盒般的尺寸可以搭配大部分的產品寄送，產品本身也會使用白報紙先包裝過再裝盒，隨盒都會附贈品牌貼紙一份，對於品牌的推廣也有一定的作用，J-MALL 在配送上的包裝可說盡善盡美，在網路購物廣泛使用的現今，的確可做為經營網路購物網站者參考的典範。

Related Link：
郵局 便利箱(袋)品牌