编者注：本文最初由 Web Marketing Today 发表。Practical Ecommerce 于 2012 年收购了 Web Marketing Today。2016 年，我们将两个网站合并，以 Practical Ecommerce 作为继承者。
识别糟糕的网页设计
识别糟糕的网页设计通常很容易，但要界定何为“糟糕”却较难。本文将列举极端反面案例（每个示例均包含多处错误），并解析相应的设计改进实践。
“史上最差网站”（The World’s Worst Website Ever）展示了最糟糕的网页设计失误。
基本要点与禁忌
许多设计失误可以纠正，但以下行为属于不可触碰的禁忌：
- 滚动字幕文本
- 弹出式 Flash 动画
- 闪烁的动画 GIF
- 无法关闭的自动播放音乐
功能优先于设计
功能性是网站的基石。若用户无法使用，美观便毫无意义。设计时需重点考量浏览器兼容性、加载速度及 Flash 的使用限制。务必在多种浏览器中测试，优化加载时间，检查缩放适配性，并确保移动端可正常访问。
缺乏结构和对齐
结构与对齐至关重要。若元素布局混乱，视觉体验会大打折扣。建议采用网格系统（如 960 或 1140 像素网格）或预设逻辑结构，规范设计元素与内容的位置。
Slide Rule Universe 缺乏一致的对齐方式。
排版失误
常见问题包括字号不当、字体过多导致杂乱、字体与主题不符或使用非网络安全字体。建议采取以下措施：
- 选择与主题契合的单一字体或字体组合；
- 使用字体栈（Font Stack）确保跨浏览器显示一致；
- 控制字号大小，兼顾可读性与版面协调。
Shop In Paradise 使用了多种相互竞争的字体，并将部分字体显示为图像。
样式不一致
所有标题、副标题及内容应保持统一属性。例如，页面标题应统一为橙色无衬线字体，链接及其悬停状态颜色也应全站一致。混搭风格只会造成视觉混乱。
Sixties Press 缺乏一致的站点样式。
缺乏导航层级
导航是核心功能。应将导航链接集中放置，优先展示重要信息。利用弹出式或下拉菜单建立清晰的层级结构，避免页面杂乱。
MrBottles 在整个站点中使用不同的导航方式。
色彩方案不佳
色彩影响氛围与用户行为。配色应和谐统一，既突出网站特色，又避免颜色过多刺眼或过少平淡。
George R. R. Martin 的网站使用了浅色，可能会营造出错误的氛围。
对比度和留白不当
对比度与留白用于引导视线。对比度过低或过高均影响阅读；留白过少显拥挤，过多则显空旷。需找到平衡点以提升用户体验。
由于对比度不足，该网站的文字难以阅读。
链接过多
过量链接如同冗余文字，会削弱网站效果并让用户困惑。应按层级组织导航，额外链接通过菜单收纳。保持链接数量合理、标识清晰，方能帮助用户明确方向。
Arngren 网站上几乎所有内容都是可点击的链接。
总结
上述案例虽为极端情况，但其原则适用于任何网站。当浏览网站感到“不对劲”时，不妨分析其设计缺陷，从中汲取经验教训。