Refactoring UI: The Book 蠻不錯的一本 PDF 小書，講網頁的 UI 設計。特別是前幾章講 Hierarchy, Layout, Text 的部分，工程師也很適合了解一下。
分類: Web Design
當你有多個設計選擇，不知道哪一種比較好的時候，A/B testing 可以幫助你測試哪一種比較有效果。例如: 你的網站註冊有兩種設計方式，哪一種讓比較多人註冊呢? 你的購物車按鈕有兩種設計，哪一種比較讓人順利結帳呢? 你的廣告版本有三種，哪一種比較吸引人呢?
別猜了!! 公說公有理，婆說婆有理。讓使用者的實際體驗跟統計結果來告訴你吧。a/b testing 的作法是: 1.輪撥這些選項 2. 設定追蹤點(goal) 3. 一段時間後，觀察哪個選項達成的 goal 比較多。
而 A/B testing 工具可以幫助你很容易做好這些事情: 1. 針對不同人提供不同選項 2. 但讓同一個人看到的都是同一個選項(這是一個重點，不然測試就不準了)，例如透過 cookie 或使用者ID 3. 提供後台報表，並提供分析告訴你這些數據是否有統計學上的顯著差異 4. 方便安裝及使用 5. 夠快，不會對 production site 造成效能負擔
對 Rails 來說，目前有兩套可以考慮使用: A/Bingo 和 Vanity。A/Bingo 很容易安裝使用，功能比較陽春，使用 ActiveRecord 搭配快取(memcached) 來記錄資料。Vanity 功能比較豐富，願景也比較大，提倡了一整套的 Experiment Driven Development 開發方式。它使用了 Redis 來記錄資料。不過他的使用文件似乎沒有跟上程式的更新速度，所以不太好安裝，得去翻 source code。如果你現在就想試試，我會先推薦 A/Bingo 比較容易上手。
如果你不想改 server side 的程式(或是你是不會寫程式的行銷人員)，也可以透過 Google Website Optimizer 這套工具來做 a/b testing。Google 的方式就單純用 JavaScript 來記錄: 你先告訴 Google 你有哪幾種頁面，例如 Original page、Variation page 1、Variation page 2 三種選項，接著提供 Conversion page 是指達成 goal 的頁面，然後將 Google 會給你 control script 貼到 Original page 去(讓使用者可以輪撥到其他頁面)，以及 tracking script 貼到各個頁面。
最後，A/B Testing 當然也不是萬能的: Why A/B testing of web design fails。
每年的四月五日這一天是 CSS Naked Day，本持著推廣 Web Standards，卸掉所有的網頁樣式。而因為使用正確語意標註與適當的(X)HTML階層結構，所以不會影響到網站內容的可讀性，你還是可以正常的閱讀文章。
要達到 unobtrusive JavaScript (最新譯名: 不亂入JavaScript) 的境界，就必須對 Event-Driven 有深入的認識，這章對 Events 議題做了很詳盡的解說，前一陣子看YUI Event的時候，裡面提到的兩個IE fix都不太了解緣由，看過這章之後就恍然大悟啦。
相對於 W3C DOM 跟 XMLHttpRequest，Events有更多的 Browser Wars 留下來的問題，有著 Microsoft 蓄意的不相容問題，你必須注意這些實做差異，有些解法甚至有些 tricky，而且必須 case by case，沒有泛用型的偵測法則，例如沒有簡單的 if (W3C model) {.. } else if ( Microsoft model ) { … } 可以用。
Events 可分成三種類型 1. 滑鼠事件 mouse 2. 鍵盤事件 keyboard 3. 界面事件 interface events (例如 form submit,readystatechange等)
這是一本 JavaScript 傳奇，作者本身就非常有意思，聽 lukhnos 說才知道他以前主修歷史 :p 他的 quirksmode 有非常豐富的 Web Design 資源，就像歷史年代般一樣詳細的列出各家瀏覽器支援的程度，是公認的 JavaScript 專家。我們知道 JavaScript 算是個蠻 dirty 的語言，背負著歷史包袱及各家瀏覽器不同的實作歧異，加上近年來的 Web Standards、Usability 跟 Accessibility 等議題又增加了很多細節。這本書透過八個完整的真實 project貫穿本書來做範例講解，很適合唸完乖乖的 DOM Scripting 之後，繼續深入了解 JavaScript 以瀏覽器議題。
相關書評
前兩章 Purpose 跟 Context 非常非常精采，作者就像說故事一樣娓娓道來，全貌性把 JavaScript 的來龍去脈講了一遍，Realazy有做了書摘( JavaScript的目的、背景一、背景二、背景三 )，我就不多詳述了。
先從書名談起吧，Ambient Findability 的原意是環境可尋性，描述一個可以在任何時候從任何地點，找尋到任何人或事物。當然現在尚未達到這種境界，不過未來的趨勢如此，因此這本書就在探討”行動運算”與”網際網路”的資訊互動等等議題。
findability (n.) 某物件容易被找尋到的程度
ambient (adj.) 環境的;包圍的;
作者 Peter Morville 是資訊架構學一書的作者，而這本書可說是他對可尋性的見解雜談，學識淵博的作者走訪各家之言，提供我們很好的全貌性技術觀察跟思考，是非常值得推薦的知識性小書。
(其實去年看到英文版就想買了，只是我英文太破看了幾頁看不懂只好放棄，想不到竟然等到資深譯者蔡學鏞。題外話，他最近在關注Adobe Apollo 喔 :p)