Category Archives: Web Design

使用 A/B Testing 工具引導你做網站設計

當你有多個設計選擇,不知道哪一種比較好的時候,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/BingoVanity。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

ppk on JavaScript (2) Events

要達到 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等) Continue reading ppk on JavaScript (2) Events

ppk on JavaScript

這是一本 JavaScript 傳奇,作者本身就非常有意思,聽 lukhnos 說才知道他以前主修歷史 :p 他的 quirksmode 有非常豐富的 Web Design 資源,就像歷史年代般一樣詳細的列出各家瀏覽器支援的程度,是公認的 JavaScript 專家。我們知道 JavaScript 算是個蠻 dirty 的語言,背負著歷史包袱及各家瀏覽器不同的實作歧異,加上近年來的 Web Standards、Usability 跟 Accessibility 等議題又增加了很多細節。這本書透過八個完整的真實 project貫穿本書來做範例講解,很適合唸完乖乖的 DOM Scripting 之後,繼續深入了解 JavaScript 以瀏覽器議題。

相關書評

前兩章 Purpose 跟 Context 非常非常精采,作者就像說故事一樣娓娓道來,全貌性把 JavaScript 的來龍去脈講了一遍,Realazy有做了書摘( JavaScript的目的背景一背景二背景三 ),我就不多詳述了。

Continue reading ppk on JavaScript

隨意搜尋 Ambient Findability

先從書名談起吧,Ambient Findability 的原意是環境可尋性,描述一個可以在任何時候從任何地點,找尋到任何人或事物。當然現在尚未達到這種境界,不過未來的趨勢如此,因此這本書就在探討”行動運算”與”網際網路”的資訊互動等等議題。

findability (n.) 某物件容易被找尋到的程度
ambient (adj.) 環境的;包圍的; 

作者 Peter Morville 是資訊架構學一書的作者,而這本書可說是他對可尋性的見解雜談,學識淵博的作者走訪各家之言,提供我們很好的全貌性技術觀察跟思考,是非常值得推薦的知識性小書。

(其實去年看到英文版就想買了,只是我英文太破看了幾頁看不懂只好放棄,想不到竟然等到資深譯者蔡學鏞。題外話,他最近在關注Adobe Apollo 喔 :p)

Continue reading 隨意搜尋 Ambient Findability

Pragmatic Ajax: A Web 2.0 Primer

值得推薦的AJAX入門好書(2006/3月出版),循序漸進交代出Javascript、DOM跟Ajax。範例程式碼清楚好讀,網頁設計觀念正確。講完用 XMLHttpRequest 的最原始用法之後,就開始教如何運用 Prototype 跟 Dojo,畢竟實在不需要用 raw Javascript 啊。之後的例子主要也是用 Prototype。講 Ajax 如何正確使用的觀念講的不錯(第七章),其他有用的議題(如JSON)也都包含在內,是本既入門內容又豐富的書。

話說這本書放要讀清單放好久了,真的拿起來認真看,沒幾天也就看完了,還蠻好唸的… :p Continue reading Pragmatic Ajax: A Web 2.0 Primer