常犯的一些网页设计的可用性错误

本文来源:e良师益友网

在过去十年中高品质的可用性一直是业内讨论的核心,因为它对用户来说越来越重要。好的可用性也可以帮助建立品牌知名度,从而提升用户对一个网站或者是一家公司的评价。今天人们依然高度关注可用性,是因为大大小小的公司已经证明了好的可用性策略是多么重要。在对该话题年复一年的讨论之后,似乎web设计者们仍然很难去理解它。可用性早已不再是一个玩笑,下面这些建议应当被打印出来并粘到你桌子对面的墙上。

链接的颜色

经 常发现自己在浏览网页时,有些页面上的链接没有以某种形式高亮显示。这是最愚蠢的错误。愿意访问那些链接使用默认蓝色的页面,而不是链接和普通文字一个颜 色的页面。用户需要知道如何在页面之间导航、在哪儿能点击链接。你不能指望他们把鼠标一行行的掠过所有文字去找链接,直到发现鼠标箭头变成 “小手儿”。

有时候出于设计考虑,链接不能使用某种颜色来高亮显示,这样会使它们显得太过突兀。这完全是可以理解的。但是可以添加文字样式或者虚线框,你需要的只是以这种或那种方式来强调链接而已。

访问过的链接也应当以不同的方式来显示,以区别于默认的链接颜色。因为这样可以帮助用户知道他们已经访问过什么,从而确定下一步要去哪儿。一些网站会使用户困惑,但是让他们知道自己已经访问过什么,绝对会使他们对你的网站印象更好。毕竟用户体验很重要啊!

糟糕的排版

当我们谈到排版,并不是说我们需要一个大大的标题,或者一段漂亮的文字。 当我们考虑易用性时,排版的漂亮与否并不那么重要,重要的是排版要如何使我们的内容易于阅读。

在 网页设计中,如何搭配字体的和用什么样的颜色来唤醒访客,并不是十分重要。当然,你会这些那就更好 。让我来作进一步的解释. 互联网上两股最新的设计思 潮, 极简主义和扁平化设计, 都极其的简约并聚焦于内容的呈现而非背景图该多漂亮才好. 在极简主义与扁平化设计变得越来越流行的后面有个原因就是他们 非常简单,而且工作良好 -有时候真的是很难去相信如此简单的一个网站却能获得巨大的成功, 你进入网站, 看完内容,然后走人, 没有东西使你分 心, 没有Flash, 没有使得网站加载变慢的Javascript, 没有好看的花儿或图样, 仅仅是内容而已.

现在, 你应该明白了让内容变得易于访问是多么的重要的道理, 不要在第一时间花费太多的精力去思考该如何让网站变得多漂亮 -无论字体有多优美,别人如果不能阅读的话也是枉然。

不参照惯例

参照设计惯例和易用性建议是非常重要的,因为无论你是谁,只要你按照那么做了,那么用户会在你的网站上花费的时间会和在其他网站上花费的一样多,这意味着你和其他人站在了同一起跑线上。

举一个例子让大家更清楚的理解我到底想要表的什么。这有这么一个网站,在它导航栏上放置了一链接来退出页面。这个按钮的作用,这与通常所理解的导航栏应该有的作用大不相同,这样的设计违反了设计惯例。

好在最近几年,情况改善了很多,但还是能发现在一些不应该发生的低级错误,比如:循环展示模块上面链接失效,或者点击链接的时候弹出了框。因此,要紧跟设计惯例。

避免回答问题

用户浏览网页都是有目标的。也许是想娱乐一下,也许是查找信息,也许是跟家人或朋友保持联系,也许是其它目的。不管他们做什么,总会有一个目标。

现在你需要记住的最重要的是,大多数情况下,用户上网是在寻求某些信息。他们去 百度或者Google是要搜索某些东西;他们去维基百科是要学习某些东西;他们上企业站点是为了了解产品信息。他们总会有一个目标

当 我明确地想去网页上找一个问题的答案的时候, 它们却就是找不到, 这种问题在我身上已经发生n次了. 我能理解设计代理(机构)们为何不是始终都突出表 述价格因素, 因为在一个项目里面变量太多, 但我就是不能理解一个发廊为何不告诉我理发到底需要多少钱, 我也不能理解洗车公司的网站上为何不突出表述 我洗干净车需要多少钱, 那你为啥还要在这个地球上建一个网站呢? 我只是觉得这对你和你的访客都是无益的, 你俩谁也不能从中获得任何有用的信息。

你需要考虑你的网站访客的需求的原因是你的网站不是给你自己建的, 如果你是给你自己建的, 你就别联网, 直接在你自己的电脑上看就可以了, 一个网站是为访客而建的, 访客是有需求的, 实现它们(的需求)吧!

小块可点击区域

小块可点击区域有时候令人不那么舒服。你或许想让字体显得小一点,因为你相信这样看起来很漂亮,但你要考虑到你的决定对可用性的影响有多大。

重要的是不但要保证链接是可见的,还要让它们是可点击的。这个区域越小,人们点击它们就越难。这里面有一个网站趋向移动化背后原因——就是说布局需要适应更小的屏幕。需要适应的东西之一就是按钮,根据建议它们应该在便携式设备上变得更大,好让它们容易被点击。

同样的策略也适用于桌面环境。新的扁平化用户界面的风潮是这个理念的布道者。你不会有点击又大又清晰的链接的烦恼。保证让你的用户更轻松的浏览。再说一次,关注于功能性,让美观成为一个神奇蛋糕上面的樱桃。

缺少联系信息

有几件事比糟糕的客户服务更使我恼怒。其中之一就是根本无法联系上客服或者负责该事务的公司。

正如我们之前讨论的,人们总是带着目的来访问网页。如果他们的目的是跟你取得联系,那么从他们的角度来说,如果找不到联系方式那么这个页面就毫无用处。

没有任何借口可以不提供联系信息。如果你不想把你自己的电话号码公之于众,可以留下你的e-mail。对了,你也可以买个便宜的手机配个划算的套餐, 然后留下这个号码,或者申请一个新的e-mail。你想要避开垃圾邮件吗? 可以使用一种机器无法自动识别的联系方式。这都没什么,只要能给你的客户一个以某种方式找 到你的机会。

搜索功能

许多用户都是任务导向型的, 也就是说他们来到网站上仅为获取指定的信息而并不对其他东西感兴趣. 如此看来, 你会发现一个好的搜索功能会变得多么的重要。

但这并不意味着你需要在每个页面都提供一个搜索栏, 如果你运营着一家设计公司, 只有一个单页式网站用于提供项目和联系方式的信息, 那就没必要提供搜索功能。

然而, 如果说你运行着一个博客或者其他任何内容主打的网站, 搜索将会是许多用户首先会去使用的功能, 研究表明第一时间会去查找搜索栏的用户的比例占到了所有用户的一半以上, 真的是极大的超乎了我们的想象。

假 设你在一个类似于WordPress的平台上运行着一个网站, 你将可以利用其内部集成的搜索功能, 另外你也可以始终使用Google提供的搜索, 因 为智能搜素引擎可能已经索引了你的所有(或者大部分)网页, 你不再需要去自行编写搜索功能, 所以你没有理由不在你的网站上使用它。

强制性的注册要求

允许用户在必须注册或者付费之前,能对软件或者功能有个预览,比要求他们立即注册要好得多。互联网上看到的一些优秀的概念或者想法,总是要求我先注册,令人不爽。

不,在能够使用你的应用之前,我不会想把我的电话、住址和鞋码留给你。我需要立刻就能试用一下来决定它是否适合我。

这种说法,也是手机UX/UI设计大师Luke Wroblewski (相关参考在文章最后)所赞同的。他相信,用户在做出决定之前,应该先窥见到产品的内在。这很简单,也是全部意义之所在。

不 管你是做什么的, 销售还是生产, 不要要求网上的用户在他们还没确定需要该产品的情况下就进行支付(负担), 不然他们会感觉受了欺骗, 当然你也就永 远的失去了他们. 一个好的例子就是水果忍者, iOS平台上很潮的游戏, 它总是以一个免费示例版的形式出现, 然后过了一段周期之后, 也就是你已经 迷上这个示例版的时候, 你会感觉你有点想要更大的挑战, 然后你就购买了游戏的完整版本. 这就是我所做的, 而且我觉得这的确说的过去, 我会一开始 就在不能试玩的前提下购买这个游戏么? 扯淡.

这不仅仅是针对设计人员的一堂课, 也适用于许多的公司和制造商们, 如果你的产品够好, 不要立即呼吁用户去订购, 相反, 你应该尽快的提供给他们免费试用你的产品的机会, 你应该确信的是如果产品真有你想的那么好的话, 他们是会买的.

注册表单

Luke Wroblewski在他的关键提示中常常提及的另一个问题是注册表单。我都曾经使用过注册。你非常喜希望马上注册一个帐号(因为某种程度上他可以满足你的某种需求),但是由于注册表单太长。于是你可能放弃注册,这样一个潜在的顾客就会失去。

让 注册表单尽可能的简单。只要求最重要的信息,邮箱、密码和用户名。完成注册后,你可以让他们选择填写更多的细节。这同样也符合前面提及同样的原则。 为 了 提交,用户需要先尝试你的产品。如果客户不能确定是否喜欢你的产品,那么凭什么他们会把他们的家庭地址、真实姓名和职称等信息给你呢?顶多你得到一些 冒填 的虚假信息,在他们确定想使用你的产品前,你不会得到真实信息的。

现 如今,很多网站已经可以实现通过Twitter或者Facebook 即可登录。这很棒,使得登录非常简单快捷。你为此不需要记忆太多的帐号和密码。只要 你能登录Facebook,你也就可以登录那些使用API注册的网站。 虽然不是所有人都使用这个途径,但是请给用户提供这种可能的登录途径。

不一致的设计

如果网站有一个白色的背景和一个顶部导航区,就不要把相关页面弄成黑色并把导航挪到页面底部。它会令我怀疑自己是否还在同一个网站上,我可不想在这个问题上浪费时间。

整个网站要保持一样的布局。给你的页面网格体系规定一个列数,不管是几列只要合适就行,并在整个网站中贯彻这个规定。同样的规则适用于背景色,链接的颜色,排版和设计原则。总之要使我在点击“关于”页面之前,能清楚的知道我还在同一个网站上。

图片的误用

设计的一个基本原则就是,不要使用那些你其实并需要的元素。对图片来说也是这样,不要只是为了填满页面而使用它们。研究表明,用户趋向于忽略那些只是填充页面的图片。所以如果你没有什么要展示的话,我最不想看到的就是随机展示的图片。

如 果你决定要使用图片,至少要确保把它们放到正确的位置。我讨厌某站网站,把正文写到一个两列宽的表格里,还用整行宽的图片把正文分隔开。这总是让 我 考 虑:我是应该接着看右侧第二列然后看图片下的第一列呢,还是应该先看图片下的第一列?这真是让人厌恶,而更让人厌恶的是不同网站在处理这一问题时 使用了不 同的方式。 如果你要使用图片,要确保我在读文字时不会被图片影响太多,这是最重要的。我需要的只是阅读。

哦,顺便说一下,如果你想知道为什么我不愿意考虑这个问题(或者为什么用户不愿意考虑), 我强烈推荐你看一下Steve Krug’s 的书。你可以在本文最后的参考中找到该书的链接。

写在最后

如果你想成为一个好的网页设计师,你只需按照上面的步骤行事即可。你无需成为一个用户体验专家,上面我写的真的只不过是一些常识,但是在大多数时候正是它们使得一个顶级的网站与一个像样的网站区别开来。


也很大程度上归因与你对用户的兴趣。如果你制作网站只是为了维持生计,那么你无需这些规则。你也可能只是一个低于自我期望的设计师,会在若干年内失
败。 如果你为你的访问者考虑更多,想给他们提供一个好的网站体验,那么你需要知道,什么是应该开始着手处理的基本要素。正如前文所述,网站不需要漂亮。
应该记 得的是,没有什么比一个简单的、运行优异的网站更漂亮的了。

常犯的一些网页设计的可用性错误,布布扣,bubuko.com

时间: 2024-08-09 13:49:34

常犯的一些网页设计的可用性错误的相关文章

网页设计的可用性问题

由于之前写的东西都放在了别的地方,这次想要都搬到这里来,所以这几天整理的东西都是之前写的. 接下来这篇是2013年11月25日写的. 好吧~不能想些没用的,不能说些没用的,问题来了,机会就来了,解决问题的过程就是提升的过程.不能给自己的能力设边界.不要厌烦做重复的事情,如果在一个地方跌倒两次,比停滞不前还可怕. 在求学的道路上一定要放低姿态,任何时候都要以初学者心态来面对,还要学会聪明的判断,捡重要的听,捡对自己有价值的听.我还是很听话的~行动力比较强~明确了问题就赶紧去解决~嗯~开始吧~ 值得

web设计经验<八>20个设计新手常犯的排版设计误区

很多同学问设哥,为什么别人字体就那么随意放一下就辣么好看,其实排版可有大学问,不是随意放就好看.这就如同配色一样,也有千变万化的学问.相信大家看完Designschool这篇头条热文,一定倍有收获. 排版是设计中最重要的组成部分之一,它绝不仅仅是将漂亮的字体放在帅气的背景上这么简单.然而,制作优秀的排版并不容易,雷区遍布,稍不注意就流于平庸.过于抠细节容易忽略整体的设计,过于强调视觉又容易忽视功能性,日常的误区之多难以想象.所以,今天我们总结了排版设计中常见的20个误区,帮你逐个梳理日常设计中容

程序员在页面友好性上常犯的5种错误以及改正方法

我是一个性情乖戾的Web用户,但我想这也帮助促使我成为了一名优秀的Web开发人员.当我看到一个网站上有让人不爽的设计时就会非常的恼怒,一些很简单的东西为什么做不好?下面是5种常见的可用性方面的错误,以及如何纠正这些问题的方法.给自己方便,也与人方便,确保自己不要犯这样的错误. 使用表达submit事件,不要用click事件:请用表单标签form! 我不知道遇到过多少次,当我使用回车键提交一个表单时(或手机上用箭头/输入键),却什么都没发生.我只好又用鼠标点击提交按钮,表单终于有了反应.这是我最痛

程序员在页面上常犯的错误以及改正方法

我是一个性情乖戾的Web用户,但我想这也帮助促使我成为了一名优秀的Web开发人员.当我看到一个网站上有让人不爽的设计时就会非常的恼怒,一些很简单的东西为什么做不好?下面是5种常见的可用性方面的错误,以及如何纠正这些问题的方法.给自己方便,也与人方便,确保自己不要犯这样的错误. 使用表达submit事件,不要用click事件:请用表单标签form! 我不知道遇到过多少次,当我使用回车键提交一个表单时(或手机上用箭头/输入键),却什么都没发生.我只好又用鼠标点击提交按钮,表单终于有了反应.这是我最痛

【小编亲历】10个新手UI设计师常犯错误,小编已中招,你呢?

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 新手入坑,难免会做蠢事,犯错误.当初,作为UI设计新手菜鸟的小编, 也没少犯错误,走弯路.所以,小编这里为大家分享10个当初常犯的设计错误,希望能够帮助刚入行的小伙伴们尽量少走一些弯路. 接下来我们就一起看看都有哪些坑吧: 1.从未归类整理设计文件和资料 事实上,在最初开始UI设计阶段,小编根本就不知道:设计相关文件资料是需要从一开始就打包分类整理,以确保其他团队成员能够随时查看和取用. 而且重点

Web开发人员常犯的10个错误

说到开发一个运行在现代网络中的网站:Web开发人员需要选择虚拟主机平台和底层数据存储,准备编写HTML.CSS和JavaScript用的工具,要有设计执行方式,以及一些可用的JavaScript库/框架.在将任务分解为这几步之后,接下来要做的就简单多了,可以去网上找文章,浏览论坛,看看那些能提供更好的Web体验提示的示例. 然而不管是走哪条路,犯错却是每一个开发人员都不可避免的.虽然有些错误与某一个具体的行为相关,但有些错误却是所有Web开发人员都需要面对的挑战.因此,通过研究,体验和观察,我总

web前端设计师需要常去的15个设计博客资源站

Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具,设计博客都是很不错的去处.本文向大家推荐15个非常不错的设计博客. 1. Smashing Magazine Smashing Magazine创建于2006年,是最好的设计博客之一,有很多Web设计和开发方面的高质量文章,内容涉及HTML5.CSS.JavaScript.Photoshop.Wordpress.壁纸和网站可用性. 2. Net Tuts Net Tut

Java程序员常犯的10个错误

本文总结了Java程序员常犯的10个错误. #1. 把Array转化成ArrayList 把Array转化成ArrayList,程序员经常用以下方法: List<String> list = Arrays.asList(arr); Arrays.asList() 实际上返回一个ArrayList,但是这个ArrayList是Arrays的一个内部私有类,而不是java.util.ArrayList类.这个私有类java.util.Arrays.ArrayList有set(), get(), c

HTML5为什么能成为网页设计的未来

移动设备的大规模普及应用使得个人用户和企业用户对移动设备的依赖性逐步提高,这也使得相关的科技企业和开发者在近年不断强化B2B和B2C领域的技术支持.不仅仅是移动操作系统的前赴后继,移动设备也呈现出爆发式增长,这一切都必须归功于用户在渐渐远离桌面,拥抱移动互联网的趋势. 如果你正在寻找介入移动互联网的解决方案,那么HTML5可能就是你的菜.一次编写,到处运行的编程平台不仅仅是程序员和开发者梦寐以求的利器,同样也是混迹互联网的企业和个人都不容错过的有力武器.因此,HTML5值得你拥有.最初的HTML