对于今年的最严重的设计网站错误的清单,我决定尝试新的东西,我问我的电子报的读者提名他们发现最恼人的可用性问题。
我以为,要求读者输入将突出许多问题,我没有注意到在我自己的用户测试。这是情况并非如此。相反,所有的顶部30问题涵盖了现有的可用性准则。因此,当你阅读今年的前十名之列,你可能会说,“是的,我听说过。” 没关系。
是在提醒自己过去的研究结果加以固定议程上的东西,提高他们的优先价值。因为这些错误继续是如此普遍,这是有道理的人继续抱怨他们最。
1。易读性问题
坏字体以压倒性多数赢得表决,#2错误几乎两倍多的选票。约三分之二的选民抱怨小的字体大小或冷冻的字体大小,约三分之一的抱怨之间的文本和背景的对比度低。
可调整大小的文本和可读性的更多资讯,请参阅我2002年列“,让使用者控制字体大小。“
2。非标准链接
以下是五个环节的主要方针:
作出明显什么是可点击的文本链接,使用颜色,下划线的文本(不强调非链接文本)。
区分访问和未访问链接。
解释什么样的用户会发现在另一端的链接,包括一些关键的信息承载的锚文本,以提高可扫描和搜索引擎优化(SEO)的条款。不要使用“点击这里”或其它非描述性的链接文本。
避免JavaScript或其他花哨的技术,打破标准的交互技术处理的链接。
特别是,不要在新窗口打开的网页(PDF文件等除外)。
链接是Web的头号互动元素。如何链接违反共同的期望是肯定的方式来混淆和拖延用户,可能会阻止他们能够使用您的网站。
3。闪光
我个人的失败看作闪存收集烦恼的铜牌。它已经三年了,因为我发起了一项重大努力纠正闪存的问题,并发表使用闪光灯适当的指引。当我在主Flash开发者大会发言时,几乎所有人都同意,应放弃过去过度和Flash的未来提供了有益的用户界面。
尽管这样的好意,大多数网络用户遇到的每一天的Flash是坏的闪存,没有讨厌的人以外的目的。一个亮点是,闪屏和Flash引导几乎绝迹。他们是如此糟糕,即使是最无能的网页设计师不会建议他们,即使少数(更无能)客户继续要求他们。
Flash是一个编程环境,并应为用户提供额外的电源和功能,是无法从一个静态页面。闪光灯不应该被用于爵士乐页。如果你的内容是枯燥的,改写文本,使其更具吸引力,并聘请专业摄影师拍摄更好的照片。不要让您的网页的举动。它不增加用户的注意,它驱使他们离开;大多数人等同于动画内容,无用的内容。
导航使用闪光灯几乎是糟糕。人们倾向于可预见的导航和静态菜单。
4。内容不是书面的Web
网络写作,意味着内容
总之,
可扫描,并
点(而不是充分蓬松marketese)。
网页内容还应该
解答用户提出的问题和
使用共同的语言,而不是人为的条款(这也提高了搜索引擎可见性,因为用户搜索使用他们自己的话说,不是你的)。
5。不良搜索
其他一切都在这个名单是很容易得到正确的,但不幸的是固定的搜索需要大量的工作,更好的软件投资。这是值得做的事情,不过,因为搜索是一个网站用户体验的基本组成部分,正变得越来越重要,每年。
6。浏览器不兼容
我承认:我的2004春季研讨会期间,我降级的跨平台兼容性,一星级的指引(即“值得我们思考,如果你有额外的项目时间,但不是一个优先事项”)。当时,几乎所有人都使用Internet Explorer和支持其他浏览器的商业案例是非常艰难捍卫投资回报率的基础上。
然而,今天,有足够多的人使用Firefox(及其他各种少数民族的浏览器,如Opera和Safari)业务的情况下,后面是:不转走的客户,只是因为他们更喜欢在不同的平台。
7。繁琐的表格
人们抱怨许多形式相关的问题。往往在网络上使用的基本问题?形式,往往是太大,太多不必要的问题和选项。从长远来看,我们需要更多的互联网交互设计应用程序的隐喻。现在,用户面对众多的形式,我们必须使每个尽可能顺利的遭遇。为此,有五个基本准则:
削减任何问题,不需要。例如,你真的需要一个称呼(先生/小姐/太太/小姐/等)?
不要让领域的强制性的,除非他们真正。
支持自动填充到最大,避免不寻常的字段标签(只使用名称,地址等)。
设置键盘焦点显示表单时的第一场。这节省了点击。
允许灵活的输入电话号码,信用卡号码,以及像。很容易有电脑消除,如括号和多余的空格字符。老人的用户,往往遭受网站时,需要在不熟悉的格式的数据输入,这一点尤为重要。为什么失去订单,因为用户更愿意进入一个很好的区块,四位数组,而不是分化,容易出错的16个数字的BLOB的信用卡号码?
dinged 违反准则国际的形式,得到许多海外用户。如果进入加拿大邮政代码生成错误消息,你不应该感到惊讶,如果你很少来自加拿大的业务。
8。没有联系信息或其他公司信息
电话号码和电子邮件地址,即使是接触信息的最受欢迎的形式,在网站上的邮寄地址,可能更重要的,因为它是信誉的关键标志之一。是不是你想要把钱给A公司没有地址。
对于如何最好的礼物联络信息的建议,看到我们的可用性研究“关于我们”页面和商店发现者和定位。
9。冷冻固定的页面宽度布局
投诉这里分为两类:
在大显示器上,网站是很难使用,如果他们不调整窗口。相反,如果用户有一个小窗口,页面不使用液态布局,它会触发难以忍受的水平滚动。
冷冻页打印时,页面的最右边的部分被切断。这是欧洲人,谁使用窄纸(A4),比美国人尤其如此。
字体大小是一个相关的问题。假设一个网站不会犯的错误#1和冻结的字体,用户提供高分辨率显示器经常碰到的字体大小。然而,如果他们也想撞了窗口的大小,做出更大的文本更具可读性,冷冻布局阻挠他们的努力。
最坏的罪犯,冻结视口的宽度和高度时,显示在一个弹出窗口的信息网站。弹出窗口是一个错误在自己的权利。如果你必须使用它们,不要强迫用户阅读在一个微小的窥视孔。在绝对最低,让用户调整任何新的窗口。
10。照片放大不足
根据计票结果,#10应该是弹出窗口,但我已经写了很多关于他们(最近当他们被评为排名第一的最讨厌的广告技术)。相反,我想了一个问题,就是有点少票的功能在这里,但说明了一个更深一点。
电子商务的可用性的 一个长期指导方针,是向用户提供产品照片放大特写视图的能力。看到一个微小的细节或评估的纹理可以让消费者的信心,他们需要网上订购。
这是令人欣慰的是,大多数网站遵守本准则,并提供放大功能,通常由一个放大镜图标表示。但很多网站实现的功能是错误的。
最糟糕的错误是,当用户点击“放大照片”按钮,该网站只显示同一张照片。它始终是一个错误,没有合作社,什么也不做点击时提供。如什么也不做链接和按钮添加混乱,浪费时间,并增加了用户的困惑:发生了什么事?我做了什么事吗?(更常见的无操作错误是有一个链接的网页链接,网页本身,这是名单上的#10,违反网页指引。)
另一个错误这里是几乎一样糟糕的是,当网站让用户放大的照片,但仅由一小部分。当用户问一个大的照片,向他们展示一个大的照片。这往往是最好的,提供了一个扩大,填补了你的客户所使用的最常见的屏幕尺寸(1024x768的B2C网站,在写这篇文章时)。其他时间,这是不够的,它提供了一系列的特写镜头,给用户无需滚动过于大的照片,他们所需要的细节。
是,最初的网页应该使用小的照片,以避免寻找蓬松。是的,你想知道下载时间和看你pageweight预算。即使在这个宽带时代,响应时间慢#15设计错误的完整列表。但是,当用户明确要求较大的图片,他们愿意等待他们下载 - 除非,等待产生一个中型的照片,缺乏细节,他们需要做出采购决定。
回到网页设计的基本知识
今年的顶端问题的清单,清楚地证明需要取回网页设计基础。新奇特的“Web 2.0”在互联网行业的邮件列表和网站,以及在会议上的功能还有很多谈论。但用户不关心技术,并没有特别希望新的功能。他们只是想在基本的质量改进:
文本,他们可以阅读;
内容,回答了他们提出的问题;
导航和搜索,帮助他们找到他们想要的东西;
短期和简单的形式(精简登记,结账时,和其他工作流程);
没有错误,错别字,或损坏的数据 ;没有linkrot ;没有过时的内容。
每当你觉得诱惑到您的网站添加一个新的功能或技术先进,首先要考虑你是否会花抛光的质量,你已经拥有的资源,获得较高的投资回报率。大多数企业来说,电子商务网站,政府机构,非营利组织,将有助于更多更好的头条新闻比任何新技术(除了更好的搜索引擎,当然)到他们的网站的经营目标。