[HCI] 費茲定律Fitts’ Law與使用者介面設計

之前在[HCI] 談人機介面設計與Usability一文中提到了usability的概念,並用了Windows的開始鈕說明了在設計UI上容易忽略的陷阱。這篇文章我會繼續探討介面設計與usability,並以效率(Efficiency)與UI設計時最重要的定律之一費茲定律(Fitts' Law)為重點。設計軟體的操作介面並不難,但很多時候直覺的設計並不一定能達成想像中的目的。這就是usability的研究想要了解的,到底什麼樣的設計才是「更好」的設計?什麼樣的設計其實只會讓usability變得更糟?以menu bar為例,menu是圖形介面(GUI)的最基本元素之一,現代軟體功能越來越強大,包山包海的結果就是menu變得越來越多、越來越深,每一個menu展開後幾乎都有sub-menu,甚至還有sub-sub-menu等等複雜的選單。我每次教我爸媽用電腦時,都覺得Windows的menu根本是設計來折磨使用者的,奇妙的是竟然很少聽人在抱怨這介面很難用,而是紛紛強迫自己「學會」這種操作模式。我想會看到這篇文章的讀者,早就很習慣於操作GUI了,也沒想過選單能有什麼好用或難用之別。所以先讓我們來想想要開啟一個埋藏在sub-menu裡的功能是多困難的工作(就假設是檔案/最近開啟/某檔案.txt好了)。第一,把游標移到menu bar的「檔案」上,並停住不動;第二,按下滑鼠左鍵打開檔案選單,把游標「垂直往下」移到「最近開啟」上停住;第三,等sub-menu打開,把游標「水平往右」移進sub-menu裡;第四,再度「垂直往下」找到某檔案.txt,在上面停住並按下左鍵。好,想像完畢後你可以試著用你的非慣用手操作滑鼠做一次看看。如果是已經很熟悉GUI的使用者,想必都不覺得操作選單有什麼困難的,但當你被迫用非慣用手操作時,一定會感覺到操作速度大大的降低,甚至沒辦法精準控制游標進入sub-menu,這時我們才有機會體認到操作滑鼠其實並不容易。除此之外,如果仔細觀察,還可以發現進入sub-menu又比平常把游標移到任意地方還困難,因為必須把游標保持在一條狹長的「隧道」裡水平移動,如果在移動時不小心移出了這條隧道,sub-menu就會關閉。gimp有個有趣的案例發生在一個著名的open source影像處理軟體GIMP上(可以說是免費版的photoshop)。當初開發GIMP的團隊曾做過一個有趣的決定,他們決定拿掉固定在視窗頂端的menu...阅读全文

Google Maps的新功能

剛在Google Maps上想找Boston這幾天新開的Apple Store(號稱是全美最大間的)時, 突然發現怎麼地圖上多了很多當地的照片..後來仔細一看,照片來源是從Panoramio來的。因為Google買下Panoramio蠻久了, 所以這功能整合進Google Maps並不奇怪。但除了照片外,還有youtube的影片也會出現地圖上。這就比較有趣了,據我所知youtube影片裡是沒有附上地理座標的資訊,那Google是怎麼知道這些影片的拍攝位置呢?(還是其實有方法可以標呢?)阅读全文

iPhone 2.0

剛發現蘋果島上的生活這個blog有很多關於iPhone 2.0(beta)的消息。我太久沒關心iPhone的進展,沒想到現在不但已經有全中文介面,而且還有中文手寫輸入!這次Apple終於沒有遺棄台灣人了(泣)有非常多謠言指出iPhone 3G在6月就會出現,但我也差不多要準備去美國了。iPhone雖然在美國很紅,但因為跟AT&T綁約就變成一個很麻煩的限制。(我當然知道有嘿嘿嘿的方法啦...XD)從AT&T Coverage Viewer看起來,波士頓周邊地區訊號應該都很好,甚至都在3G涵蓋範圍內。但從Mobiledia的comment看來,AT&T在MIT附近的收訊真是糟的可以,甚至還有完全沒訊號的情況。(台灣在這方面真是厲害多了,我們連在玉山上都能收到訊號。)美國國土廣大,基地台沒辦法舖得很密集也是理所當然,但至少把各大城市都搞好嘛。波士頓好歹也是麻州最大的都市,沒想到我竟然還得擔心收訊的問題,真是太黯然了..Q_Q(上圖來自iPhone 2.0 蘋果官方中文手寫輸入!)阅读全文

New York Times首頁的Apple廣告

現在The New York Times的首頁上有個非常有趣的Apple新廣告。同樣是Mac與PC的對話,但這次卻是在NYTimes首頁上佔掉了上方一整排的banner和頭條右方三分之一寬的空間,更有趣的是這兩塊空間是互相連結的!廣告大意是上方banner一開始顯示的是CNET.com對Windows Vista的評論:
"Vista... one of the biggest blunders in technology" -- CNET.co
於是PC說:「啊!又是個說Vista壞話的評論。應該要來更新一下.....阅读全文

iPhone SDK

Apple最近終於公開了iPhone SDK,除了提供廣大程式設計師在iPhone上開發程式外,還順便提出了一個讓開發人員能直接在iTunes Stores販賣作品的business model。在iPhone程式開發上,iPhone開發模式跟現有的Mac OS X應用程式沒兩樣。從下面的系統架構圖可以看出來,第一層一樣是Objective C + Cocoa(iPhone上叫Cocoa Touch, 多支援一些iPhone特有的功能,像是multi-touch、加速感應器)。中間有Media Layer提供影音、3D動畫(OpenGL ES)、繪圖的API,以及Core Services提供較為高階的網路連結、資料庫(SQLite),比較特別的是這層還提供了iPhone透過wifi及手機基地台做的地理定位資訊(Core Location)。最底層是提供低階OS功能的Core OS,包括檔案存取、Threading..等等。整個開發平台對於熟悉Mac OS X的開發人員來講其實非常容易上手EA甚至在兩個星期內就在iPhone做了Spore的簡易移植,SEGA也移植了Super Monkey Ball(並且是靠加速度感測器來操作的!),從影片demo的效果看起來實在非常驚人。流暢的3D動畫和OpenAL提供的立體音效,再加上內建的3軸加速度感應器和multi-touch screen,即使iPhone不拿來打電話,以後也必定是一個可期待的攜帶型遊戲平台。除了提出開發平台外,Apple還順勢提出讓iPhone Developer能販賣作品的平台,一方面能把SDK賣給想靠開發iPhone程式賺錢的程式設計師,另一方面也讓這些程式設計師能夠靠販賣iPhone程式獲取收益(跟Apple 7/3拆帳,每個月領一次),實在是很聰明的策略。iPhone一旦多了官方SDK後,可預期的是iPhone上的native app會如雨後春筍般大量出現,另外也可能吸引到其他Smartphone平台的開發者投入iPhone及Mac平台的開發。(在demo中,從EPOCRATES來的speaker說:「這些動畫效果都是由內建的API自動提供的,我們沒有多寫任何一行程式碼來做這些事。但它們真的讓程式看起來很酷。」)老實說,看了這些demo後,我也想去敗一台iPhone了...。阅读全文

Macbook Air!!!

我等Apple出輕薄型Notebook不知道等幾年了,每年Macworld都會有這種謠言,但總是沒有成真。但今天Macworld真的推出了輕薄的Macbook Air啦!(官網的照片看起來真的超級薄 非常誇張)規格大概是:重量約1.36KG, 13.3" LCD(LED背光), iSight, Multi-touch trackpad(!!!), 80G HDD or 64G SSD(!!), 2GB Ram, 1.6G Core 2 Duo, 1 USB 2.0, Micro-DVI, Audio Out, 802.11n, Bluetooth, 外接光碟機($99), 電池5小時售價$1799啊啊啊!!!這規格真是太棒啦!等我退伍差不多剛好出第二代,就能換機器啦..A_A阅读全文

Safari3!

昨天WWDC 2007真是非常無趣,唯一勉強算是新東西的大概就只有同時支援了Mac和Windows的Safari3了。我剛在Mac上裝起來玩了一下,第一印象不太好。第一次開的時候特別慢,而且有些圖片也顯示不出來(reload無效)。還好重開後就正常多了。連了一些平常必開的網頁,像是udn, gmail, google reader等等,第一眼發現的是終於支援粗體的顯示了(見下圖)(雖然支援了,但我覺得不要粗體比較好看..)。另外最值得一提的是:Javascript執行的速度變得超級快。只要打開Google系列軟體,Gmail、Google Calendar、Google Reader等等,反應速度全都變得超快,原本用...阅读全文

2G RAM的Macbook

剛跑去優仕把我的Macbook的RAM加到了2G。之前有提到優仕有$1990的升級活動,就趁這次機會跑去加了。其實原本只有1G RAM也是用得很開心,只有同時在用Parallels Desktop時會感覺到記憶體不足造成的硬碟怒吼。現在加到了2G,同時開3個瀏覽器(Safari, Firefox, IE)也是順暢無比!但要提醒大家一點,雖然優仕號稱是用創見的RAM,但其實是創建的副牌JetRam喔。我是覺得反正都有終生保固,就不太在意牌子的問題了。另外我還發現優仕現在還有舊換新的活動,可以拿舊的ibook折價買Macbook或Macbook Pro喔。折的價錢視機種而定,大概是8000 ~ 13000,感覺起來還蠻不錯的。阅读全文