所有人都知道网页设计的重要性,糟糕的网页设计会给用户带来糟糕的体验,从而影响网页的流量,或是产品的销售。那么在设计网页的过程中,应该避免出现哪些错误呢?以下是作者总结的十大误区。
自1996年以来,我已指出了网页设计中10条最大的误区。这篇文章主要介绍的是这些问题中最为严重的网页设计错误。
一、糟糕的搜索引擎
搜索引擎无法处理手误、负数、连接符或者其他查询词汇的变体,因此过分侧重要求输入正确文字的搜索引擎会大大降低可用性。这种搜索引擎对于所有人都不友好,特别对于年龄比较大的用户会显得更加难用。
除了输入的要求之外,在输出方面,基于包含多个搜索词对搜索结果判断优先级,比基于每个文档的重要性判断优先级更重要。如果你的搜索引擎能够将“最佳匹配”项显示在搜索结果的第一条就更好了。特别对于一些重要的搜索,比如说产品名称。
当无法找到信息的时候,搜索功能是用户的生命线。虽然高级的搜索有时候有所帮助,但是大多时候简单的搜索能够满足需求。搜索应该是一个简单的输入框,这就是用户想要的。
二、在线阅读PDF文档
用户很讨厌在浏览网页的时候跳出一个PDF,因为这个PDF破坏了他们的浏览过程。即使是很简单的操作,比如说:打印或者保存文件都很难执行,因为普通的浏览器按钮无法工作。
PDF的布局是基于纸张的大小设计的,在这个布局里面很难去适应网页浏览器,如果在线阅读PDF文档,没有了平滑的滚动浏览,只有很小的字体。
最糟糕的是,一个PDF是一个无法导航的,无法分割的一团内容。
对于印刷、发行手册或者其他大篇幅的需打印的文档来说,PDF是很好的形式,如果你要实现的是这种目的,那么可以保留PDF。
如果内容是需要被浏览或者阅读的,那么请将所有内容转化成真正的网页。
三、浏览过的链接不改变颜色
一个好的浏览历史能够帮助你了解目前的位置,因为那是你浏览的起点。
知道你过去访问过和现在访问的地址,将会对于你接下来决定要访问哪个地址有所帮助。
链接是浏览过程的一个重要因素。
通过这些链接,用户可以不再去访问对他没用的地址,相反,他们也可能想要再次访问他们之前访问过的有用的地址。
最重要的是,他们知道已经浏览过那些网页,可以避免不小心再次访问同样的网页。
而收获这些好处,只有在一种情况下:将已访问和未访问的链接设定为不同的颜色,使用户能够分辨出哪些是访问过的,哪些是没有访问过的。
在可用性测试中,如果访问过的链接不改变颜色,用户将会表现出迷惑,总是反复地不小心地浏览了相同的网页。
四、不可扫描的文字
显示一大片文字对于用户来说是致命的,它是很可怕、很无聊的交互体验,用户阅读起来很痛苦。
在线写作,不是为了打印。让用户很好地阅读,并且要支持用户快速扫描内容,那么使用以下几个技巧:
- 使用副标题
- 使用列表
- 突出关键词
- 使用小段落
- 倒金字塔结构
- 一个简单的写作风格
- 拒绝采用华丽不实在的市场营销语言
五、固定的字体大小
很不辛的是,CSS样式不幸地让网站有权禁止浏览器的“改变字体大小”的功能,并且将网页使用一个固定大小的字体。
95%以上的的情况来说,这个固定的字体大小是非常的小,大大降低了超过40岁的大部分用户的网页可阅读性。
尊重用户的喜好,让他们根据需要调整字体大小。另外,要按相对值来定义大小的字体,不要按像素的绝对值定义大小。
六、网页标题不容易被搜索引擎搜索出
搜索是用户发现网站的最重要的途径,也是用户发现个人网站服务的最重要的途径。简单的网页标题是你从搜索结果中吸引新访客、帮助现存客户找到他们需要的网页的主要工具。
网页标题是被包含在HTML <title>里的内容,也是最经常被用于搜索结果列表中的可点击时的大标题。
搜索引擎会显示标题中的前66个字符,所以这是很精简关键的的简短的内容。
网页标题也经常被作为用户添加到书签中的默认入口名称。比如你的公司网站主页,以公司名称作为开头,跟上对网站的简要描述,就是不错的选择。
不要以“The”或者“Welcome”为开头,除非你想要强调T或者W。
除了主页外的其他页面,以最突出的内容作为开头,后跟用户将会在这个网页上看到的内容的简要描述。
由于网页标题会被作为浏览器的窗口标题,所以它也会被作为显示在任务栏的标签内容,这意味着高级用户将会在多个窗口中,根据网页的标题前一到两个词来判断要切换到哪个窗口。
如果你所有的网页标题都是以一样的词作为开头,那么你就降低了使用多窗口的用户的可用性。
七、看起来像广告的东西
有选择性的吸引注意力是非常有用的。网页的用户已经学会了如何避免去关注任何可能阻挡他们目标的广告。
很不幸的是,用户也经常忽略看起来像广告
的合理的设计元素。毕竟,当你开始忽略某些东西的时候,你就不会太认真地去研究它是什么。
因此,最好是能够避免任何看起来像广告的设计。这一个知道方针将会随着广告的新形式出现而发生变化。目前可以遵循以下规则:
- 无视横幅:由于横幅所在的网页位置和形状,用户不会把注意力放在任何看似横幅广告的地方。
- 避免使用动画:用户会忽略不断闪烁或者跳动的文字或者过于侵略用户视线的动画。
- 净化弹框:用户会在自己甚至都还没看弹框内容之前,关闭了弹出的窗口,有时候是带着厌恶情绪关闭这个窗口的
八、违反设计惯例
一致性是一个最重要的可用性原则之一,当所有的东西都是一致的表现形式,用户不需要去担心将会发生什么事情,他们可以根据自己之前的使用习惯,就预测到接下来他会碰到什么。
用户的期待被验证是正确得越多,那么他们也会更感受到他们在控制着系统,会更加喜欢这个系统。相反,如果系统经常打破用户的期待,那么他们会觉得失落。
Jakob’s的网页用户体验原则里指出:用户花了大部分时间在其他网页上。
这句话指的是,用户对你的网站有他们的使用期待,而这些期待是基于使用了大量具备有同样使用习惯的其他网站而形成的。
如果你背离了,那么你的网站就很难使用,用户就会离开。
九、打开新的浏览器窗口
打开新的浏览器窗口就像是一个吸尘器销售业务在上门推销的时候,把烟灰缸的杂物倾倒在消费者家的地毯上。
请不要用那么多的窗口污染我的屏幕,特别是当前的操作系统的窗口管理十分混乱的时候。
设计师打开一个新的窗口是出于想要把用户停留在他们的网站上,不希望用户离开网站的设计理论的本意,但是却忽略了控制用户机器带来的不良效应。
这个策略是适得其反的,因为打开新的窗口,将没法使用灰色的返回的按钮,而返回按钮已经是用户返回上一个网站的正常使用习惯。用户经常注意不到已经有一个新的窗口被打开。特别当他们窗口已经最大化的时候。所以一个用户在这种情况下,如果想要返回到原来的网站,将会十分的困惑,因为返回按钮无法使用。
用户对于他们系统的链接的理解,经常不如被想象的那样。一个链接应该是一个简单的超文本,点击后目标页面在当前的浏览窗口中加载。
用户痛恨没有预警的弹出窗口。当他们想要用新的网页显示新的内容的时候,他们会自己用浏览器的“在打开新窗口打开”的方法。
十、不回答用户的问题
用户是十分的目标驱动性的,他们访问网站是因为想要通过网站达成什么目的的。或许是购买你的产品。网站很大的一个失败是,很难令用户找到他们想找的。
有时候答案很简单,但就是不在网站上,于是你失去了这个销售的机会。因为用户找不到答案,他们必须假设你的产品或者服务不满足他们的需求。
也有些时候他们想找的答案埋藏的太深,用户没有时间去一个个阅读,这种隐藏太深的信息,就跟不在网站上也是差不多的。
最糟糕的例子是网站不提供“产品或者服务的价格”,没有B2C的电商网站会犯这种错误,但是B2B的网站却经常发生,比如说人们根本就不能分辨出“企业级解决方案”是适用于100用户的还是100000用户的。
价格是用户最容易去理解提供的产品的最重要的部分。不显示价格,会让人迷失,会让人难以理解产品线。
即使是B2C的网站有时候也会忘记在产品列表里放价格的类似的错误,比如说目录页、搜索结果。价格是了解情况的关键因素。它让用户可以区分产品,并且让用户快速判断选择自身最合适的产品。
原作者: Jakob Nielsen
原文地址: https://www.nngroup.com/articles/top10mistakeswebdesign/