原文链接

译文地址:月光博客(原译文有些错误,这里是我编辑修改后的版本)

自1996年以来,我曾经指出了很多网站中的设计错误,参见底部我的系列文章列表,本文将重点介绍的是,这些问题当中十个最为严重的网站设计错误。

一、不便搜索

提供的搜索引擎过于肤浅,难以处理打字错误、复数形式、连字号,以及多种查选条件。这种搜索对上了年纪的人尤其难用,当然对所有的使用者都不方便。

一个相关的问题是,搜索引擎区分结果不是依靠文档的重要性,而只是按照查询条件简单地进行结果区分。

导航不灵的时候,搜索是用户的救生索。即使有高级搜索功能,简单搜索依然是用户的最爱,应该使用一个简单的录入框,这正是用户想要的。

二、使用PDF文件做为在线阅读

用户讨厌在浏览的时候跳出PDF文件,那会打断用户的浏览过程,因为普通的浏览器按钮无法工作,即使如打印或保存文档这样简单的事情也会变得复杂。由于PDF文件的版面设计是基于纸张优化的,因此文字的字体很少会和用户的浏览器窗口相适应。没有了平滑的滚动浏览,有的只是超小号的字体。

更糟糕的是,PDF文件内容是分块的,很难浏览。

PDF对于印刷及发行手册之类的需要打印的大文件来讲是很合适的,只是为了这个目的才应该使用它,而需要在屏幕或网页上阅读的内容,都应该转为真实的网页版本。

三、未改变已访问链接的颜色

一个好的浏览历史能够帮助你了解目前的位置,因为那是你浏览的起点。知道过去和现在的位置,才比较容易决定下一步去哪里。链接是这些浏览过程中的一个关键因素。用户可以不再去访问那些没有用处的地址,相反,有用的地址他们会反复访问。

最重要的是,他们要知道哪些网页已经访问过了,这样就不必再次点击不想去的历史页面。

但是这些好处必须有一个重要的前提:网站需提供不同的颜色显示,让用户分辨出哪些链接访问过,哪些链接没有访问过。如果访问一个链接后颜色没有发生变化,那么用户很可能记不清楚,又去访问同一历史页面。

四、文字未排版

将一大版文字堆积在一起真是可怕。恐怖,烦人,读起来太痛苦了。

要专为在线版重新写作,而不是直接贴上来。要让用户能很好地阅读,下面是几个改进的要点:

  • 使用子标题
  • 使用列表
  • 突出关键字
  • 使用小段落
  • 倒金字塔结构
  • 简单的写作风格
  • 表述准确,别来虚的

五、固定字体大小

CSS样式不幸让网站有权禁止浏览器的“改变字体大小”的功能,使得网站有一个固定的字号大小。绝大部分情况下,对于多数年龄超过40岁的人来说,网站选用的字号实在太小了,大大降低了可读性。

尊重用户的喜好,让他们按照自己的需要修改文字的大小,同时,明确字体大小是相对的,而非绝对显示像素的数量多少。

六、网页标题未针对搜索引擎设计

搜索是用户发现网站的最重要途径,是用户找到一个个网站的最重要的方法。网页的标题不仅能吸引新用户从搜索结果中发现你的网站,也能让老用户迅速找到他们所需的具体网页。

网页的标题文字是在标记之间的文字,并通常作为搜索引擎结果列表中的链接文字。搜索引擎一般只显示标题开头66个字,是真正的缩略内容。

网页标题也是用户将一个网址加为书签时的默认文字。你的主页应该以公司名称开头,接着是网站的简介,不要用“The”或“Welcome to”做为开头文字。

对于站内其他网页,标题应该是具体内容的概要文字说明。由于网页标题是浏览器窗口的标题,也是用户任务条上的标签,多个窗口下将会显示每一页的标题,因此,如果你所有的网页标题字都相同的话,用户开的多个窗口就很难分辨,网站的可用性将严重降低。

七、所有的东西看起来都像广告

选择性注意太强大了,用户已经学会了对碍眼的广告不予理睬,他们浏览网站有自己明确的目的。(唯一的例外是基于文本的广告。)

不幸的是,这也使得用户忽视了那些看起来很像广告的设计样式。毕竟,当你不理会某些东西时,就不会仔细地研究它究竟是什么。

因此,最好避免任何类似广告的设计。这一指导方针所传达的含义随着新的广告形式出现而变化。目前遵循以下规则:

  • 无视横幅:用户不会把注意力放在任何形状和位置类似横幅广告的东西。
  • 避免使用动画:用户会忽视那些闪烁的文字或其他干扰性很强的动画。
  • 净化弹出窗口:用户在弹出窗口完全打开前就会将其关闭,避之唯恐不及。

八、违反设计惯例

一致性是最重要的一个可用性原则:当事物遵循相同的原则运作时,用户不用担心发生意外,因为他们根据先前的经验已经很清楚将会发生什么事情。每当你在牛顿的头顶上放一个苹果,人们就认为它一定会砸中他的脑袋。这多好!

用户的期望实现得越多,他们就越感觉是自己在控制整个系统,并且更加喜欢它。否则,用户会感到不够可靠。想想看,我松开苹果,它却变成了西红柿蹦出一里多地,吓我一大跳!

九、打开新的浏览器窗口

打开新的浏览窗口就像推销员上门推销吸尘器时,二话不说就将烟灰缸里的脏东西倒在你家的地毯上。拜托!不要用任何窗口污染我的屏幕(尤其是现在的操作系统窗口管理技术很不过关),如果需要新窗口,我会自己打开的。

设计者打开新窗口的本意是要让用户留在他的站点上,但是却忽略了控制用户机器的行为带来了负面效应,结果弄巧成拙,用户想习惯性地用“后退”按钮返回先前的站点时,才发现不对。用户通常注意不到新窗口已经打开,尤其当他们的显示器很小,而窗口又正好是最大化时。于是,用户想要返回原来的站点,面对的却只是一个不可用的灰色“后退”按钮。

点击链接的标准结果是目标页面在当前窗口中加载,取代现有页面。不符合用户预期的链接会让他们觉得自己的系统不听话。用户痛恨那些突然弹出来的窗口,想要在新窗口打开一页的时候,他们会自己使用“在新窗口打开”功能,因此不要用一些代码来干扰了用户浏览器的操作。

十、不回答用户的提问

用户在浏览网络时是有明确目的的,来到你的网站也是想完成一件事,甚至可能是来买你的产品。网站若不能提供用户寻找的信息,就难逃失败的命运。

有时候你就是没有给用户答案,自然会丢掉这笔买卖,用户会认为你的产品或服务不能满足他们的需求,因为你说不出个所以然。有时候你其实给出了答案,但却深埋在空话套话中,网页上堆满了宣传用语,用户没有时间去挖掘这些隐藏的信息,因此也就认为它们不存在。

不回答用户提问的最坏的例子,是不提供产品和服务的报价,没有任何B2C的商务网站会犯这种错误,但是这在B2B网站中却普遍存在,太多的“企业解决方案”没有告诉用户是适合100人还是10万人。价格最主要的作用是便于用户理解报价所针对的对象,不提供报价用户就无法理解你的产品线。我们的测试中看到太多的用户在问“价格在哪里”,简直要疯掉了。

即使是B2C网站有时也会忘记给产品加上价格,例如在目录页或者搜索结果页,要知道,在这两种情况下,价格都是关键,它让用户能够区分不同的产品并找到最合适的目标。

其他各年的十大错误列表

2005年的十大网站设计问题:

一、易读性的问题-让使用者决定浏览时字体大小。
二、没有标准的超连结表示
三、Flash的使用
四、网页无法呈现网站内容
五、搜寻的重要
六、浏览器的差异
七、讨厌的框架
八、没有链接相关资讯或是公司资讯
九、固定的页面宽度
十、不适当的图片放大连结

2003年的十大网站设计问题:

一、主题不明确
二、更改以存档的链接地址
三、内容没有注明日期
四、缩略图看不清细节
五、图片的ALT文字过于冗长
六、不给用户自定义选择
七、过长的商品列表选择
八、商品仅按照商标排序
九、过于限制用户录入的信息
十、页面包含指向自身页面的链接

1999年的十大网站设计问题:

一、破坏或减慢“后退”按钮
二、打开新的浏览窗口
三、使用不规范的GUI(图形用户界面)部件
四、缺少自我介绍
五、缺少存档
六、移动页面至新的URL地址
七、标题和内容不匹配
八、对最新的网络热门紧追不舍
九、服务器访问速度过慢
十、所有的东西看起来都像广告