size does matters !
這篇文章中針對一般網頁/報紙的排版型式做了usability測試,主要針對 欄位多寡與行數長短 對閱讀速度與理解的影響。
結論是:
1、單欄多行的版面對閱讀速度慢的讀者比較容易理解。如下圖:

2、多欄並向左對齊的版面比較有助大部份正常速度讀者理解,如下圖:

3、一行內文章以 45-65字為最佳(換算成中文就是除以二,也就是每行約22-32個字。
4、分頁(paging)比捲頁(scrolling)更有助於理解。也就是說將文章分成許多的「下一頁」會比一頁就放完很長的文字然後讓讀者去動來得好。
簡單的結論:
1、每行長度不要超過45字為佳
2、長文章要分頁。
其中第二項技巧是許多portal行之有年的手法,主要目地是為了增加page view / hit rate, 廣告才好賣,但一般網站也都會提供 print friendly讓文章顯示在一頁內以方便列印。
我個人的習慣是儘量不用scrolling, 因為在捲動的過程中眼球必需被迫追者文字移動,不但傷眼也分神,因此通常看網頁時都是一隻手按者pgdn隨時換頁。
另外即使網頁有提供print friendly頁面,也要注意這個頁面的文字長度要適中,以macromedia.com的dev resource文章為例,就是絕佳排版的好例子,即使切換到列印頁時仍然非常容易閱讀,很適合一杯咖啡的時間看完一篇文章都不用動手….
by admin


Trackback this post | Subscribe to the comments via RSS Feed