如果引用或轉貼,麻煩註明出處與本網誌連結,否則視為侵權。

2004年9月29日

跑馬燈式設計評論

作者Fred Wang 2003/09/30 修訂日期: 2011/11/28


跑馬燈設計評論:
目前跑馬燈文字的技術有下面兩種:
1. 用MARQUEE tag : 這種HTML tag只有IE支援, Netscape並不支援
2. 用Applet : 退流行的技術, 主要問題在速度太慢
3. 用javascript使用layer技術模擬
4. 使用CSS Sprite技術
走馬燈式的文字在可用性的考慮上:
1. 許多人不容易在捲動的時間內就可以看完
2. 對長期使用本公司網站的使用者造成視覺的干擾(雞尾酒舞會效應)
3. 使用者對象繁多, 應將導覽的主導權留給使用者, 由他決定導覽的方向, 不要試圖突顯某些內容(有些使用者, 每天固定上網站的專業使用者, 只在乎快點點選, 並進入他要的資料網頁)
4. 高科技產業網站應以專業, 穩重的版面為主, ex: www.ibm.com, www.ericsson.com等都是相當好的設計 , 可以參考其News的設計

行政院研考會網站指出跑馬燈的缺點與設計的注意事項 :
缺點:
1.使用者易分心,無法專心閱讀網頁資訊
2.易刺激「精神障礙、心臟病、…」等患者
3.造成視覺上的不適
4.使用Applet 或 ActiveX設計,網頁速度易過慢
5.瀏覽器不支援JavaScript時,無法看到動態效果
6.未提供動態效果替代方案

若網站要提供跑馬燈設計,一定要提供替代方案,如:

1. 提供跑馬燈設計時,另提供靜態連結方案(可參考台南市警察局網站(http://www.tncpi.gov.tw/)的「最新消息」及「公事事項」,在進入跑馬燈之前,額外提供「更多」靜態連結網頁。)
2. 使用「EM標籤」代替,呈現方式為斜體字
3. 使用「applet」代替,並加上可及性替代文字,在不支援時可將替代文字呈現出來。

沒有留言:

張貼留言

歡迎提供意見, 謝謝 (註 : 留言經過版主審核通過才會發布)