Archive for the Category Webdev

 
 

網頁易讀性:黃底綠字效果最佳

1997年時,美國Stephen F. Austin州立大學提出了一份針對網頁文字易讀性(Readability Of Websites)的研究報告,其中有幾項有趣的發現:

  • 黃底綠字在大部分的情況下效果最佳,但是若搭配斜體Arial,反而會變成最不容易閱讀的組合。
  • Times New Roman平均而言,比Arial更易閱讀。
  • 令人驚訝的是,閱讀黃底搭配綠色斜體的Times New Roman文字,反應時間最短。亦即讀得最快。
  • This text is the readability winner
  • 閱讀灰底黑字的速度,比閱讀白底黑字快的多。

雖然這份報告距今已經相隔10年,但仍有其參考價值。以下是研究結果中,各種文字組合的反應時間:

網頁文字易讀性的統計圖

[via Metalink]

whos.amung.us

web tracker

whos.amung.us提供即時的網站在線人數統計服務,特色在於免註冊、免設定。

進入whos.amung.us的首頁後,系統會自動產生一段圖片程式碼(這段程式碼中,會帶著一組8位的亂數編碼,所以重新整理頁面後,得到的程式碼便會不同),使用者只要將這段程式碼複製後,貼在網站的任一處,whos.amung.us便會即時回傳目前網站的在線人數(real-time users online counter),顯示在圖片中(本文上方的圖片即是如此產生)。

如果你想隨時監控自己網站的在線人數,whos.amung.us還提供了一個火狐附加元件(請見其首頁下方),安裝後,先到「工具」-「附加元件」,找到「whos.amung.us Users Online Counter」,按下「選項」,輸入自己貼在網站的程式碼中,那組8位亂數編碼(例如http://whos.amung.us/show/3xxxxxx3),再重新開啟火狐,便可以直接在火狐的狀態列中看見目前網站的在線人數。

最後,如果你覺得whos.amung.us這個網址有什麼怪怪的地方,沒錯,確實是應該拼作「among」才對呀 ;)

[via Lifehacker]

Google Code Prettify

GoogleCodePrettifier

Google Code Prettify是Google Code今日推出的新專案,內含的Javascript和CSS檔案,可以將網頁中出現的程式原始碼以不同顏色區隔並美化,使用方式非常簡單,只需三個步驟: | 繼續閱讀…

The 3-Click Rule

網頁設計師和開發人員應該多少耳聞過所謂的「點3下原則」(the 3-click rule),它的大意是說,使用者從進入網站開始,如果點擊滑鼠超過3次還找不到所需要的資訊,即可能因為覺得太挫折(!?)而離開網站。

關於這個原則的辯論有很多,UIE更是活生生地做了測試,用數據加以反駁。其實即使是網頁設計的門外漢,也會覺得用點擊滑鼠的「次數」來作為使用者的滿意指標,多少有點矯枉過正。不過今天看到Free Usability Advice引用的一篇報告Designing for the Scent of Information(也是來自UIE),其實更能為開發人員指引出正確的方向(斜體字為我的翻譯):

what users do expect is that every click makes them more confident they’re on the right trail to get to the information they need. As long as users are confident they’re heading in the right direction, then they are not likely to abandon the site if it takes a click or two more to get where they’re going.
使用者真正期望的是,每一次點擊滑鼠都能更加確信,自己距離所要查找的資訊越來越近。只要使用者相信自己朝著正確的方向前進,就不太可能為了還要再多點一、兩下滑鼠,而離開網站

不過話說回來,我還蠻想知道「點3下原則」最早是誰提出的,總覺得是從東尼奧蘭多的Knock Three Times來的靈感說……:p

關閉網頁的Snap預覽

最近經常上的一些網站紛紛啟用了Snap Preview Anywhere的服務,連Wordpress.com也隨機在10%(印象中)的blog啟用此功能。

Snap Preview Anywhere可以在訪客將滑鼠游標移至連結上時,出現該連結網頁的預覽圖片。乍聽之下是個蠻有趣的功能,也曾經讓我頗為心動,不過坦白說,經過一段時間的瀏覽體驗後,我覺得這個功能還蠻煩人的。

如果你也和我有一樣的感覺,可以透過以下由Snap官方提供的連結,點擊之後,會在瀏覽器中儲存一個cookie,使Snap的script無法作用,重新整理頁面後,討厭的預覽功能就消失了。

取消Snap Preview Anywhere

而想要恢復預覽的話,只要再點擊以下的連結即可。

恢復Snap Preview Anywhere [via Tech-Recipes]

Pages: « 1 2 3 4 5 6 ...8 9 10 »