善心人士翻譯的一篇好文, 裡面寫的內容, 只要常在網路遊走, 應該都會感同身受, 譯者將此做整理、翻譯的動作. (感謝 MUKI 的翻譯)
這篇文章讓不懂網站的業者看過, (他們有看的話)應該可以省點口水~
43點設計網站時應避免的錯誤
下述摘錄大標題:
- 你必須要讓讀者在第一時間瞭解你的blog在幹麻
- 讓文章容易閱讀
- 不要用一些不容易閱讀的花俏字型
- 不要使用過小的迷你字體
- 不要設定開新視窗
- 不要改變讀者視窗的大小
- 除非需要且必要，否則不要強制讀者註冊
- 請勿未經過他人同意發送訂閱給他
- Flash不要使用過度
- 不要自動播放音樂
- 如果你必須要放影音，請預設關閉，讓讀者選擇要不要播放
- 不要因為部落格掛件而干擾你的主頁面
- 不要用個只有「enter」的首頁，直接進入你真正的網站
- 確定blog有包含聯絡我的細節
- 確定你的網站能使用「上一頁」按鈕
- 不要使用閃爍的文字
- 避免複雜的網址結構
- 使用css取代html的table語法
- 確定讀者可以搜尋到你整個網站(blog)
- 避免使用下拉式選單
- 選單儘量使用文字
- 如果你有連接PDF檔案，請顯示他們
- 不要讓讀者干擾了你製作網站的版本
- 不要把廣告跟你的文章內容參雜在一起
- 使用簡單的導覽結構
- 避免「向內發展」
- 不要使用FrontPage
- 確定你的blog兼容於每種瀏覽器
- 確定包含錨文本連結
- 不要把連結藏起來
- 讓讀者可以清楚看到連結
- 不要對文字作底線及顏色的標記
- 已經拜訪過的連結設定其他顏色
- 不要使用動畫圖檔
- 在圖片的設置多使用alt以及title的屬性
- 不要用刺眼的顏色搭配
- 不要用跳出視窗
- 避免java script的連結
- 在blog的頁尾放上網站的訊息
- 避免過長的頁面
- 不要出現水平捲軸
- 不要有拼字和文法的錯誤(muki註：對國人而言，就是不要有錯字以及注音文)
- 如果你有使用圖片驗證機制，請確保這張圖片可以讓讀者很清楚的閱讀
裡面並不是所有都該遵守, 還是有不少例外, 依環境狀況而定, 例如:
- 不要設定開新視窗: 我的習慣是外連的網站會開新視窗, 感覺對他們比較尊重 (不過這是見人見智, 這點我跟譯者的看法倒是非常一致. :P)
- Flash不要使用過度: 如果強調的只是展示 Flash功力 和 動畫特效的效果, 就盡量用吧~
- 不要因為部落格掛件而干擾你的主頁面: 個人覺得純花俏不實用的就別擺, 有用的還是擺上去.
- 不要使用FrontPage: 如果只會 FrontPage, 就用吧, 做完後建議測試過所有瀏覽器, 然後找個懂的人幫你做做程式碼的精簡化. 😛
- 在圖片的設置多使用alt以及title的屬性: 圖片要用 alt 和 longdesc (詳見: Objects, Images, and Applets in HTML documents), 連結用 title (詳見: Links in HTML documents).
下面幾點是我在瀏覽時, 絕對不想遇到的狀況, 如果沒有特殊需求, 盡量避免吧. Orz.
- 不要改變讀者視窗的大小: 除非有特殊要求, 不然請注意, 瀏覽器的畫面現在不會只有你網頁, 會影響到很多頁面.
- 不要自動播放音、如果你必須要放影音，請預設關閉，讓讀者選擇要不要播放: 當你平常在聽音樂, 又聽到網頁來的聲音, 就需要找出是哪個網頁發出來的, 去關掉它.