第七章 网页设计禁忌

人机交互界面设计Lecture16网页设计禁忌网站设计十大错误1.搜索引擎不友好过分依赖文字的搜索引擎降低了搜索可用性，他们不能应付那些打字稿（扫描稿），错别字、以及复数的、加了连字符号的词，还有变异的单词等等各种各样的问题。这样的搜索引擎对那些年纪大的用户来说显然是很难用的，但是如果搜索引擎刻意去迎合这种错误使用的话，会伤害到所有的搜索使用者。一个相关的问题是，搜索引擎在给搜索结果排序的时候是完全按照其中所包含的检索条件的数量，而不是依靠文档的重要性。如果你的搜索引擎能够把“最佳推荐”放在结果的最前面就更好了——特别是对于某些重要的查询来说，比如你的产品名称。当导航不能使用的时候，搜索是用户的救生索。即使有高级搜索功能，建议还是使用简单搜索，搜索形式应该是一个简单的录入框，就象用户心里所期望的一样。网站设计十大错误2、使用PDF文件作为在线阅读用户讨厌在浏览的时候跳出PDF文件，因为那会打断用户的浏览过程，因为普通的浏览器按钮无法工作，即使如打印或保存文档这样简单的事情也会变得复杂。由于其版面设计是基于纸张优化的，因此文字的字体很少会和用户的浏览器窗口相适应。没有了平滑的滚动浏览，有的只是超小号的字体。更糟糕的是，PDF文件内容是分块的，很难浏览。PDF是对于印刷及发行手册和其他需要打印的大文件来讲是很合适的，使用它的目的只是为了保留它的信息使其网页上浏览成为现实。网站设计十大错误3、未改变已访问链接的颜色一个好的浏览历史能够帮助你了解目前的位置，因为那是你浏览的起点。知道过去和现在的位置反过来使得决定下一步去哪里变得容易了。链接是这些浏览过程中的一个关键因素。用户可以不去访问那些没有用处的地址，相反，他们会访问那些他们过去发现对他们有帮助的链接地址。最重要的是，他们知道哪些网页已经访问过了，这样就不必一次又一次访问同一个历史页面。但是这些好处只是基于一个重要的假设：由于网站提供不同的颜色显示，用户可以分辨出哪些链接访问过，哪些链接没有访问过。如果访问一个链接后颜色没有发生变化，那么用户很可能会感到迷惑并无意中反复访问同一历史页面。网站设计十大错误4、文字未排版将所有文字堆积在一起是一种可怕的体验，浏览这样的文字将是痛苦的经历。在线写作，并不是为了打印，需要让用户能很好地阅读，下面是几个改进的要点：使用子标题使用列表突出关键字使用小段落反金字塔结构简单的写作风格网站设计十大错误5、固定字体大小CSS样式不幸让网站有权禁止浏览器的“改变字体大小”的功能，并使得网站有一个固定的字体大小。对于大多数人的年龄超过40岁的人来说，这个固定地文字大小实在太小了。尊重用户的喜好，让他们按照自己的需要修改文字的大小，同时，明确字体大小是相对的，而非绝对显示像素的数量多少。网站设计十大错误6.网页标题搜索引擎不友好搜索是用户发现网站的最重要途径，搜索用户找到一个独立网站的最重要的方法。网页的标题是你吸引新用户或老用户从搜索列表中定位到你网站的主要工具。网页的标题文字是在title标记之间的文字，并通常作为搜索引擎结果列表中的链接文字。搜索引擎一般只显示标题开头66个字，是真正的缩略内容。网页标题也用户将一个网址加为书签时的默认文字，对于你的主页，应该以公司名称开头，接着是网站的简介，不要用“The”或“Welcometo”做为开头文字。对于其他网页来说，标题应该是将具体内容的概要文字说明，由于网页标题是浏览器窗口的标题，也是用户任务条上的标签，多个窗口下将会显示每一页的标题，因此，如果你所有的网页标题字都相同的话，对于开了多个窗口的用户来说，你网站的可用性将严重降低。相关话题，主页所包含的标签（tag）：tag也需要简短，并且迅速传达网站的关键信息。网站设计十大错误7、所有的东西看起来都像广告有选择地吸引注意力是相当有力的途径。用户已经学会了对挡在眼前的那些目的性很强的广告采取不予理睬的态度。（专门的广告搜索除外）不幸的是，这也使得用户忽视了那些看起来很像广告的设计样式。毕竟，当你不理会某些东西时，就不会仔细地研究它并搞清楚它是什么。因此，最好避免任何类似广告的设计。这一指导方针所传达的含义随着新的广告形式出现而变化。目前遵循以下规则：无视横幅：着用户将不会把注意力放在任何看似横幅广告的东西，这取决于它的形状及位置。避免使用动画：用户会忽视那些闪烁的文字或其它侵略性很强的动画。净化弹出窗口：用户在弹出窗口完全打开前就会将其关闭，有时是带着极端厌恶的情绪。网站设计十大错误8、违反设计惯例一致性是最重要的可用性原则之一：当事物遵循相同的原则运作时，用户不用担心发生意外，因为他们根据先前的经验已经很清楚将会发生什么事情。就像你每次在牛顿的头顶上放下一个苹果，它一定会砸中他的脑袋一样。用户的期望实现得越多，他们就越感觉是自己在控制整个系统，并且更加喜欢它。相反地，用户则会感到可靠程度不够。想想，当我释放苹果时，它变成了西红柿并朝着天空蹦出一英里，那多荒诞！Jakob的网页用户体验法则中说道“用户的大部分时间会在其他网站度过”这意味着他们对你的网站的期望，是基于其他网站通常是如何做的。如果你偏离了，你的网站就会非常难用，用户也会离开。网站设计十大错误9、打开新的浏览器窗口打开新的浏览窗口就像一个吸尘器推销员在上门推销时，直接将烟灰缸里的杂物倾倒在消费者家中的地毯上。拜托！不要用任何窗口污染我的屏幕（尤其在当前操作系统低劣的窗口管理技术下）。设计者打开新窗口的本意是要让用户留在他的站点上。但是却忽略了控制用户的机器所带来的负面效应，这种策略恰恰弄巧成拙，因为当用户想通过“后退”按钮返回先前的站点时，已经做不到了。用户通常注意不到新窗口已经被打开，尤其当他们的显示器很小，而窗口又正好是最大化时。因此，当用户想要返回原来的站点时，面对的却只是一个不可用的灰色“后退”按钮。点击链接的标准结果是目标页面在当前的浏览窗口中加载，取代现有页面。出现其它的任何情况都违背了用户的期望，令他们感到对网络的控制不稳定。用户痛恨那些突然弹出来的窗口，当用户想要在新窗口打开一页的时候，会自己使用“在新窗口打开”功能，因此不要用一些代码来干扰了用户浏览器的操作。网站设计十大错误10、不回答用户的提问互联网用户是高度目标驱动的。他们访问某个网站是因为那里有他们想要的东西——或许是购买你的产品。一个网站最终的失败就是因为没有提供给用户他们需要的东西。事实上问题远没有这么简单，如果你不告诉用户产品细节，用户就会以为你的产品或服务不能满足他们的需求，因此用户就不会购买你的产品，另外有些时候，这些关于产品的细节特性被深深隐藏在各种文档之间，用户没有时间阅读所有这些隐藏的信息，因此也就认为它们不存在。不回答用户提问的最坏的例子是拒绝提供产品和服务的价格清单，没有任何B2C的商务网站会犯这种错误，但是这在B2B中却普遍存在，他们通常的“企业解决方案”是面谈，这样你无法说出他们是适合100人还是10万人。价格是信息最具体的部分，消费者以此了解产品的基础属性，没有价格会让人觉得迷惑并且减少他们对产品的了解。我们见过很多用户一边揪着头发一边问“价格在哪里？”即使是B2C网站有时页会忘记在所有地方提供相关产品价格清单，例如在目录页或者搜索结果页，要知道，在这两种情况下，价格是关键，它让用户能够区分不同的产品并找到最合适的目标。2005年的十大网站设计问题一．易读性的问题－让使用者决定浏览时字体大小。二．没有标准的超连结表示三．Flash的使用四．网页无法呈现网站内容五．搜寻的重要六．浏览器的差异七．讨厌的框架八．没有链接相关资讯或是公司资讯九．固定的页面宽度十．不适当的图片放大连结2003年的十大网站设计问题一．主题不明确二．更改以存档的链接地址三．内容没有注明日期四．缩略图看不清细节五．图片的ALT文字过于冗长六．不给用户自定义选择七．过长的商品列表选择八．商品仅按照商标排序九．过于限制用户录入的信息十．页面包含指向自身页面的链接1999年的十大网站设计问题一.破坏或减慢“后退”按钮“后退”按钮是网络用户的生命线，同时也是继超文本连接后最常使用的导航特征。用户可以随意尝试网页所指向的任何地方，而只需点击一两次“后退”按钮就可以回到系统已经保存的的先前页面。当然，如果站点犯了以下某一错误的话，那么“后退”按钮就无法工作：打开新的浏览窗口(参见错误二)。使用立即重定向(immediateredirect)：每当用户点击“后退”按钮时，页面就会跳转至我们不希望访问的位置。禁止缓存：这样做使得“后退”操作不得不重新向服务器发送请求；所有的超文本都应当是次秒级（sub-second）的，这样做会使得返回的时间加倍。1999年的十大网站设计问题二．打开新的浏览窗口三．GUI(图形用户界面)部件的不规范使用:目前，在网上违背一致性最严重的是GUI部件，如单选按钮(radiobutton)或多选框(checkbox)的应用。这些设计要素的正常行为方式在Windows界面(UI)标准，Macintosh界面标准以及Java界面标准中均有规定。遵照哪种标准取决于你的主体用户所使用的平台（多数情况为Windows），但由于这些标准都非常接近，所以基本没什么影响。例如，单选按钮的标准表明，它应该被用于从一系列对象中挑选一个，但这一选择直到用户点击确定按钮确认后才生效。不幸地，我见过许多网站将单选按钮当作了动作按钮，一点击就立即得到结果，这样做严重偏离于标准接口的设计，并使网络用起来更加困难。1999年的十大网站设计问题四．缺少自我介绍据我1994年的第一次网络研究显示，用户希望了解网络信息背后的那些人。尤其是作者的传记和照片，因为这有利于让网络不再冷冰冰，而变得更可靠，更温情。个性及观点通常都强于匿名的文字。至今仍然有许多站点不采用专栏和署名的方式来发表文章。即使有署名的，也常忘记在作者的署名上添加链接以帮助读者找到该作者的更多文章。用mailto:链接来代替作者传记尤其糟糕，有以下两方面原因：对读者而言，更多的人希望了解作者(包括搜索作者的其它文章)而不是与他取得联系。当然，联系方式常常是传记的一个部分，但它不应是关于作者的首要或唯一资料。当用户点击蓝色下划线，跳出的是电子邮件信息而不是一个新的页面时，就违反了网络中约定俗成的规矩。这样的不一致使得网络更不可预料，并降低了可用性。1999年的十大网站设计问题五．缺少存档旧的信息通常都很有用。即便新信息比旧信息更有价值，旧信息总还存在一些价值，况且将它们保持在线并不需要昂贵的花费。我估算过，存档大概增加10%的站点费用，但却能增加约50%的可用性。存档作为消除linkrot(错误链接页面)的唯一方式是有存在必要的，并且它能鼓励其它网点与你建立链接。1999年的十大网站设计问题六．移动页面至新的URL（主要入口增加链接转向）页面一移动，就破坏了从其他站点来的链接。为什么要使那些为你介绍免费顾客的人受损呢？七．标题和内容不匹配网页的标题以及其他缩略内容（microcontent）的写法必须区别于传统传媒：作为界面元素的可诉项（actionableitem），应该协助用户导航。对于整页的作为表格内容的文字（如首页或目录页），标题通常都被移除，搜索引擎的结果同样如此。不管在哪种情况下，标题必须非常简明并满足两个要求：１、让用户不需任何臆断就能明白链接的另一端是什么。２、如果用户对目标页面不感兴趣，他们就不会点击链接(因此，请不要愚弄用户，也许开始的一两次能够得逞，提高访问量，但在长此下去用户最终会放弃该站点，并且这样做降低了它的可信度)。1999年的十大网站设计问题八．对最新的网络热门(buzzword)紧追不舍网络在受着多方面的冲击，它们来自于金钱以及那些号称已找到拯救亏本站点办法的人。推销，社区，聊天，免费电子邮件，3D站点地图，拍卖……你很了解这些把戏。但是世上没