注意力是互聯網最稀缺貨幣。總結43條Web設計避坑鐵律，覆蓋信息架構、可讀性、交互細節、技術規範、SEO、可用性、信任建立等全維度。逐條自查，贏在起跑線。
核心鐵律速覽
- 3秒法則：用戶必須幾秒內知曉網站是做什麼的，否則流失
- 易速讀：項目符號/標題/副標題/列表，適配碎片化閱讀
- 拒絕花哨難讀字體：傳遞信息為先，閱讀舒適度底線
- 拒絕小字體：需放大才能看清 = 永不回訪
- 不強制新窗口打開鏈接：尊重用戶控制權，後退按鈕存在即合理
- 不擅自改變瀏覽器窗口大小：喪失信用的最快路徑
- 非必要不強制註冊：用戶為信息而來，非為註冊而來
- 未經同意不訂閱郵件：垃圾郵件製造者無好下場
- 克制 Flash：增加加載時間，過度使用引發厭惡，靜態頁無法表達時才用
- 絕不自動播放音樂：歷史證明失敗，永遠不要用
- 音效用戶主動觸發：播放按鈕交給用戶，嚴禁進頁自播
- 標誌/勳章歸屬「關於我們」：首頁堆砌 = 不專業
- 拒絕「點擊進入」頁：到達內容步驟越少越好
- 必留聯系方式：無聯系 = 不友好 + 錯失寶貴反饋
- 神聖不可侵犯「後退」按鈕：可用性基石，新窗口/JS鏈接常破壞之
- 拒絕閃爍文字：除非用戶從1996穿越而來
- 簡潔關鍵字URL結構：利SEO + 訪問前預判內容
- CSS佈局替代表格：更快、更穩、更多特性
- 全站搜索必備：別在信息查找上唱反調
- 慎用下拉選單：導航選項應直觀可見，下拉隱藏信息+製造混亂
- 文字導航優於圖片：快、穩、兼容無圖模式
- PDF鏈接必標註：避免瀏覽器卡死等待Reader啟動的尷尬
- 拒絕多版本選擇困擾：用戶只想快點看內容，別問帶寬/版本
- 內容中不混雜廣告：短期增點擊，長期毀人氣，憤怒用戶會走
- 導航結構單純簡潔：過猶不及，別讓用戶找信息迷路
- 拒絕強制內容前置：非必須信息攔路 = 用戶憤怒離開
- 拒絕 FrontPage 等廉價編輯器：輸出低級、不兼容、含錯誤
- 兼容主流瀏覽器：不願意也得做，否則永久失去部分讀者
- 鏈接文字有意義：「點擊這裡」零效果，語義鏈接利SEO+預期管理
- 狀態欄不隱藏鏈接：隱藏 = 喪失信譽
- 鏈接明顯可辨：強對比色(標準藍最佳)+下劃線
- 普通文本不加下劃線/色：防誤導為可點擊
- 已訪鏈接變色：定位輔助，防重複訪問
- 拒絕無意義動態GIF：業餘感 + 分散注意力，僅廣告條例外
- 圖片必加 ALT/TITLE：SEO + 無障礙(盲人讀屏)雙收益
- 拒絕致頭痛配色：10分鐘閱讀頭疼 = 換配色方案
- 拒絕彈窗：任何類型均會被攔截，即使用戶要求也別用
- 拒絕 JS 偽鏈接：點擊執行JS = 麻煩源頭
- 頁面底部放有意義鏈接：找不到信息時用戶會滾到底部，放「聯系我們」兜底
- 控制頁面長度：老是滾動 = 用戶跳過，縮短內容優化導航
- 嚴禁水平滾動條：1024×768基準分辨率必須容納
- 零容忍拼寫/語法錯誤：非設計錯但毀整體質量
- 圖片驗證碼必清晰可辨：別讓用戶全家出動辨認字母
執行建議
將此清單做為**上線前強制審查單**，逐項勾選。這不是追求完美，是守住專業底線。每修復一條，用戶體驗就升級一個台階。