案例:PTES vs Google Transit

, , at April 29th, 2009 by 小影

老實說要把 PTES 跟 Google Transit 比較是很不公平。如上篇的 tweets 所說,兩者級數實在差太遠!但作為案例學習,大家可以看看 Usability 對軟件的影響有多大: 首頁 Google : 有使用說明 只有一個地方有輸入的元件 使用顏色強調重點 PTES : 使用方法要在這一版中按五六個不同位置 一堆疑似輸入的部件 意味不明的圖示 (origin, destination, 和那個甚麼東西) 看上地像 button 但不是 button 的東西 (Keyword), 看上地不像 button 但是是 button 的東西 (Route Search) 一堆 Tips 但沒有說明怎樣使用 搜尋結果 Google 畫面全部都是我們關心的東西 (路線、地圖) 用 Ajax ,更新即時顯示 快! PTES : 畫面一堆無意義的東西 (五張地圖會好過一張地圖嗎?) 用傳統 HTTP,每次更新都要載入,返回上一個搜尋結果更難! 慢! 還想再寫不過太夜了,其實發現兩者的分別很明顯:前者明顯有作過可用性的研究,後者則僅以工程達到基本要求為限。PTES 無疑有很豐富的資料,然而運用這些資料的表現方式卻有點讓人失望。當然我們明白設計好的算法以及介面都不是容易的事,但是現實就是和其他現有的網上服務比較起來,這個系統實在很陽春。 如果這些資料是開放給公眾使用,建議政府直接用 Web Service / API / Data Feed 的方式放上網,讓第三方服務提供者利用這些資料做出如 Web App / iPhone App ...

Defensive Design for the Web

, , , at April 22nd, 2007 by 小影

Defensive Design for the WebHow to improve error messages, help, forms, and other crisis points (VOICES)作者︰37signals, Matthew Linderman, Jason Fried"任何可能失敗的事情都會失敗" 所有軟件都需要處理失敗的情況。本書集中討論網站在處理錯誤、輸入、搜尋等重要刻時要注意的地方。有沒有試過在讀閱大型網站時連結到一些 (對於並通人來說) 意味不明的 Apache Server 404 訊息?有沒有試過在商業網站想找想購買的貨物卻返回了 2000 個結果?有時很奇怪大網站也會有可用性的問題,也許他們認為 usability 比起漂亮的畫面是不值一提?對商業網站來說,成功地處理錯誤等於解決了一個危機,反之則等於把原本想要消費的客戶趕走。本書文字不多而且清楚,每一章還有多個正反的真實例子,易讀也易於執行。專業的網站設計者必讀。  

操作介面設計模式 (Designing Interface)

, , , at February 28th, 2007 by 小影

Jenifer Tidwell 著、蔡學鏞編譯 / O'REILLY台灣出版 為甚麼 iPod 就是比其他的 mp3 機好用?其中一個重要的原因是它介面設計的優越。 介面設計得好的軟件讓人們用得愉快、生產力更高。大多數軟件也需要和人互動,然而軟件介面設計這一門重要的學問在大學課程中所佔的比例卻可憐的少,普通的編程訓練更只有最基本的「如何作出一個可用的介面」。 此書正是為了幫軟件開發者和互計介面設計者而寫的書。它以設計模式的方式分類,每個模式以簡單的語言列出其“3W1H”,附以全彩圖片展示該模式的經典應用,大概沒有比這本更漂亮的設計模式書了。本書主題由高層次的資訊架構、導航、觀感到實務的表單、圖表、編輯器都有。初學者可以用此書學習互動設計的方法、有實務經驗的讀者則可以用它來印證自己的經驗、反思和改良以後的產品。總的來說,它是介面設計方面難得的實用好書,工作需要創作介面的人不可不讀。 (讀了的書放起來沒有記下,很快就忘記了,趁現在還記得的時候把這些剛讀完的寫下吧...)

Abeille Form Designer,簡單地製作專業又誇平台的UI

, , at November 1st, 2006 by 小影

真笨!如果我早點知道Abeille Form Designer,上個project就不用人手寫JGoodies Forms的UI了。 JGoodies Form是個很好的API,讓我們可以在Java中制作出複雜又漂亮的UI。它的問題是雖然它比GridBox等Layout簡單,但要做一個介面還是要我們在紙上畫好再左計右計,調試和微調並不簡單。 要成為可供專業應用的Layout Manager始終需要一個WYSIWYG的設計工具。Form Designer就是這樣一個工具!就算不懂Forms API的人只要使用它也可以做到心目中想要的東西。最重要的是它是LGPL/BSD Licensed的產品,可以在商業或非商業的環境自由地使用!想開發認真的 Swing 軟件的話必需要找它好好研究!

請按零字

, , at July 28th, 2005 by 小影

下午兩點半、同事拿起電話想向樓下街尾那間茶餐廳叫下午茶外賣,電話接通他卻面色一變,把電話推過來給我...一把電腦合成聲音說著:「按一字、午餐資料,按二字、是日精選資料...」一間小小茶餐廳竟然安裝了個IVR系統! Interactive voice response (IVR) System,互動語音回應系統,早己在客戶服務、資料查訊、電話銀行等地方用上多年,早不算是甚麼新科技了,就算當年筆者的第一台電腦都己經可以用modem配合簡單軟件自行制作IVR,但突然見到小小一家茶餐廳用上了它,還是讓人吃了一驚。 這幾年,IVR技術和應用都已非常成熟,在中國,IVR更是電訊商緊接著短訊的第二大收入來源。TTS (Text-To-Speech 文字語音轉換 ) 的幫助下,建立和維護IVR的成本非常低,同時提供這些服務的供應商更己有全套服務,連傳統的行業可以簡單便宜地提供這樣一個查詢系統。 之不過,耐心聽了六七個選項,還沒有聽到「落單」,原來這個系統只有查詢功能!(當然,要逐一按數十次落單更加不可思議...)「...想讓服務員接聽,請按0字。」明明打這電話的人都是想叫外賣,偏要放這個最常用的選項在最尾,想趕客嗎?使用科技還得認真配合用者的需要才行,提供這服務的供應商似乎沒有注意到這些簡單但重要的UI常識啊... 相關連結: CTI论坛: 技术天地 IVR技术 Wikipedia > Interactive voice response Cnet 企業應用 > Tech Glossary > IVR 互動式語音回覆系統 香港政府 > 知多一點點 > 語音技術 > 話音入門網站 Google News 中的 IVR