网页设计十宗罪

拾肆May 12, 2015

十大严重危及用户的网络犯罪。网页设计问题和HTML的缺陷仍然非常严重，尽管这些能够被利用的漏洞已经比以前少了许多。

自1996年以来，我已经整理出来了10大最严重的网页设计缺陷。本文底部有这些列表的相关连接。本文突出展现了那些最糟糕的网页设计错误。

1. 糟糕的搜索

过于字面化的搜索引擎降低了其实用性，因为它们无法处理拼写错误、复数、连字符和其他搜索语句中的问题。使用这样的搜索引擎对老年用户非常困难。

一个相关的问题是，搜索引擎仅仅是根据搜索到的结果中含有查询关键词的多少，来对结果进行排序，而不是根据结果内容的重要程度来排序。如果你的搜索引擎能够在列表的顶端展示出最佳匹配结果，尤其对重要的查询语句，比如商品的名称，这样效果会更好。

当用户使用网站导航功能失败时，搜索功能就极其重要。尽管高级的搜索功能有时会有帮助，但通常简单的搜索会更起作用，搜索就应该像个简单的盒子一样，正如用户们所期待的那样。

2. PDF文件的在线阅读

在用户浏览网页时特别讨厌遇到PDF文件，因为这会打断网页本身的平滑性。甚至原本像打印或者保存文件一样简单的事情都会变得复杂，因为标准的浏览器指令并不起作用，布局通常为了一张纸而优化，却很少能够匹配用户浏览器的窗口大小。浏览不再平滑，字体也变得很小。

最糟糕的是，PDF文档的内容是很难被区分的，难以对内容导航。

PDF非常适合印刷和分发手册，或者其他需要被打印的大型文档。也正是因为这个原因将它保留了下来，并且可以将任何需要在屏幕上浏览的信息转换成真正的网页。

3. 网页链接颜色的一成不变

一个好的浏览历史可以帮助你理解现在的位置，这是你网络旅程的高潮。知道你的过去和此刻的浏览位置，可以更好地决定下一步。链接就是这个导航过程中非常重要的一个因素。用户可以在浏览早期排除那些没有用处的链接。相反，他们可能再次访问会在浏览历史中有帮助的链接。

最重要的是，用户要知道哪些页面是已经访问过的，防止一次又一次无意地访问同样的页面。

上述的好处只有在这样的一个重要的假设下才成立：即用户能够区分出访问过和未访问过的链接，因为网址用不同的颜色显示。当访问过的页面链接颜色没有改变时，用户就在无用的尝试中使上网导航迷失方向，并且会无意地重复访问相同的页面。

4. 不支持扫视的文本

一整面的文字对交互体验来说是致命的。令人生畏，无趣，难以在网络上读写。为了能吸引用户去阅读文字，并支持扫描，通常会用到以下的一些记录技巧：

用子标题
使用有符号的列表
突出关键字
使用短段落
倒金字塔格式
简单的书写样式

5. 固定的字体大小

CSS的样式不幸让浏览网页的人无法改变字体的大小，而是固定了字体的大小。大约95%的时间里，这些固定大小的字体都很小，不利于阅读尤其对于年龄超过40岁的人来讲。

网页应该尊重用户的喜好并允许他们能够按照需要来调整字体大小。同样，给相关的文字设置同样的大小，而不是用一个绝对的大小。

6. 页面标题的低搜索可见性

搜索引擎是用户使用网络的重要方式。搜索也是用户在独立的网站之间切换的重要方式。不起眼的页面标题是从搜索列表中吸引访客的主要工具，同时也帮助正在访问的用户来精确定位所需要的页面。

页面标题是被包含在HTML<title>标签里面的，并且在搜索结果列表中是可以被点击的，搜索引擎通常能够展示出标题的前66个字符，因此，这是真正的微缩内容

页面标题也是被用来作为收藏夹里书签的默认入口。对于你的主页来说，以公司名称开始，紧跟简短的网站介绍。不用用THE或者Welcome to 来做开头，除非你想用T或W来作为你的索引。

对于非主页的其他页面，用最能传达信息的显著文字来作为标题。既然页面标题被做浏览器中的窗口标题。这也会被用做任务栏中多个窗口的标签，这意味着用户会根据每个页面标题的开头几个单词，在这些窗口直接来回浏览切换。如果你的页面标题都是以同样的单词开头，那么对于打开了多个窗口的用户来说就大大降低了其实用性。

主页的标签线也是这样同样类似：它们需要简短快速地传达网站的宗旨。

7. 什么看起来都像广告

选择性注意力是非常强大的，网页用户们已经能够无视任何干扰他们上网的广告（其中一个主要的例外是搜索引擎的竞价排名结果）

不行的是，用户也会无视那些看起来像广告样式的合法设计元素。毕竟，当你忽略一些东西时，你就不会去从细节去研究它到底是什么。因此，网站最好避免任何看起来像广告的设计。具体的措施也会因不同形式的广告而不同，如下所述：

网页条幅不可见意味着，用户不会因形状或者所处的页面位置去注视那些像条幅广告的东西。
避免动画效果使得用户忽略那些有着闪烁文本或动画的区域
清除弹窗意味着用户能在弹窗充分渲染之前关掉它们。有时是一些恶意弹窗。

8. 违法设计惯例

一致性是强有力的实用原则：当事情都表现的一样时，用户就不用担心下面将会发生什么。相反，根据经验他们知道下面将要发生什么。就和每次你在牛顿头上放开一个苹果，都会掉到他的头上一样。

用户的期望越被证明是正确的，他们就越感觉能够把控这个系统，并且更加喜欢它。同样，如果这个系统越是与用户的期望不符，用户就越会感到不安全。就好比，如果我放开一个苹果，它可能会变成一个西红柿，然后在天上跳起一英里高。

网页用户体验的Jakob定律这样说：用户在其他网站上花的时间最长。这就意味着，他们在你的网站上的浏览行为是建立在更多地浏览其他网站的基础上的。如果你偏离的主流的方式，你的网站可能会很难用，用户也会流失

9. 打开新的浏览窗口

打开一个新的浏览窗口，就像吸尘器销售员推销时，直接打扫顾客的地毯一样，请不要用任何窗口干扰到我的屏幕（特别是如今的操作系统有着糟糕的窗口管理机制）

设计者以将用户保留在他们网页上为目的，来打开新的浏览窗口。但却不顾控制用户机器所带来的负面效果。其策略往往弄巧成拙，因为它们使能够后退的按钮无效。用户通常不会注意到一个新窗口的打开，尤其是他们如果用了一个小的显示器，窗口被放大到充满屏幕的时候，所以当用户想返回时会被这没有反应的返回按钮搞迷糊。

与用户预期不相符的链接会破坏用户对他们系统的理解，一个链接就应该是简单的超文本提示，能够用新的内容替换掉当前的页面。用户也讨厌无端的弹窗。当他们想打开新的页面时，他们能够使用浏览器的在“新页面打开”指令，当然，假设这链接不是那些干扰浏览器标准行为代码的一部分，

10. 不回答用户问题

用户在上网时是有着目标驱动的，他们访问网站是因为他们有事情要做，可能是买你的产品。网站设计中最大的失败是不能给用户提供他们想要的信息

有时，如果你不告诉用户详情，他们不得不认为你的产品或服务无法满足他们的需求，进而造成客户的流失。其他时候，产品的具体详情会被掩藏在营销和平淡口号掩藏后面。既然用户没有时间阅读所有的事情，这样的隐藏信息可能就不会展示出来。

不回答用户问题的最糟糕的例子是：不列出商品和服务的价格。没有任何一家B2C的商业网站会犯这样的错误，但在B2B里面倒是很普遍，在这里大多数的企业解决方案都没有告诉你它们是适合100个人还是100，000个人。价格是客户理解供应特性的最具体的一条信息，如果不提供价格则会让人们感觉失落并降低对一条产品线的理解。我们有长达几个小时的视频，其中顾客近乎抓狂地问价格在哪里。

甚至B2C网站也经常会犯一些忘记在商品列表中标记价格的错误，就像在目录或者搜索结果里，要知道价格在两方面都很关键，这使顾客能够区分商品并找到最相关的结果。