编
者:这是一篇非常不错的博客,如果也在开发网站,必看,但里面提到的问题不一定适合中国网民习惯。
Web 用户体验大师 Jacob Nielsen
说过,“一个烂网站就像一个性情乖戾的推销员”,这样的推销员不仅无法说服顾客,而且让人生厌,就网站而言,再也没有什么比蹩脚的用户体验更让人沮丧的
了。本文讲述了 Web 设计与开发中常犯的 9 个用户体验错误以及它们的解决方法。
1. 难以找到你感兴趣的内容
下面这些知名站点不仅设计陈旧,而且易用性不佳
- irs.gov
- boink.com
- reddit.com
为什么不用更有意义的表单名字?
那几个旋转的骨牌原来是导航...
reddit.com,我喜欢它的概念,但内容太令人受伤。
我们常常在从一个网站查找内容的时候发现困难重重,比如那些政府站点,既然我们都知道内容为王的道理,我们就不应该让用户为了查找一点内容而翻遍成
千上万的菜单。
解决方法
简而言之,就是将你认为重要的信息放在容易找到的位置。如果你的站点有海量内容:
- 将各种内容放在它们应该放的栏目。
- 让你站点的搜索功能工作正常。
- 提供清晰的标签和目录。
- 让重要的内容重点显示。
-
提供本地化命名。
另外,使用 blur 测试,将你的设计草图做比如 10% 的模糊处理,这样你就能发现那些需要突出显示的内容是否真的突出了,还可以使用
IntuitionHQ.com 一类易用性测试服务。
2. 蹩脚的布局
- qq.com
- allterrain.co.nz
- craigslist.org
典型的中文门户风格
到处都是文字,到处都可以点击
好用吗?有点,好看吗?一点也不。
内容难以查找的另一个原因是布局,将所有的东西放在首页,到处都是 Flash 广告,满眼都是文字,密密麻麻,挨挨挤挤。解决方法是请一个
Web 设计师将你的布局做一个设计。尽管有不少布局蹩脚的新闻站点仍然非常成功,但让它们成功的不是它们挨挨挤挤的布局。
3. 让人摸不着头脑的导航系统
- lesailes.hermes.com
- billyconnolly.com
- pizzacaper.com.au
原来那些橙色的,带问好的竖条是导航用的。
他们说,片图抵千言...
看上去挺漂亮,但 Flash 和 HTML 两个版本对用户来说有什么意义?
人们通常对导航菜单有一个约定俗成的期望,然而我们遇到很多奇怪的导航,常常让我们摸不着头脑。解决方法:
- 先画个导航菜单草图
- 让它有点逻辑
- 找些人问问,他们希望在什么位置找到特定的信息,按他们的说法安排菜单
- 考虑一下你的站点的目标用户
- 做易用性测试
- 使用面包屑导航,并确认前进和后退按钮起作用。
4. 蹩脚的菜单设计
- godaddy.com
- microsoft.com
- vodafone.co.nz
到处都是导航菜单,但什么都找不到。
微软的
最令人关心的价格信息却无处可查。
很多站点的导航菜单布局十分不合理,重要信息被掩埋在很深的菜单下,重要信息需要挖掘很久才能找到,广告和内容搅和在一起,诸如此类。使用分析工
具,分析什么内容最受欢迎,用户在哪些页停留时间最长,哪些内容被频繁阅读,将这些内容放在容易被找到的位置。
5. 缺乏进度指示
Dell - 看上去并不难
但这些滚动滚到哪里才是头。
很多站点对于用户的操作进度,缺乏指示,或者指示混乱,假如你在进行一个长时间的操作,却不知道后面还剩下多少步,你会很容易半路放弃。
解决方法
人们无非想知道他们目前所在的位置,以及后面还余下多少步,告诉他们就是。
6. 无法反馈信息
- facebook.com
- sitevalley.com
- alexa.com
压根没有信息反馈功能
可以反馈信息,但很难找到
无法找到信息反馈功能
Facebook 或许有理由不提供反馈,它们的用户量太大了,但小规模站点都应该提供用户反馈功能。可以是 Email,反馈表单,或是论坛。
7. 滥用社会媒体网络功能
这样的数字很让人伤心。
虽然,如今每个人和他的狗都有 Facebook, Twitter, Digg, LinkeIn
账户,但99%的人事实上从来不更新他们的内容,如果你在网站上提供了自己的 Twitter
链接,且实时显示自己的跟随数目,如果数字是1或者0,就太丢人了。
8. 太多选项
- dell.co.nz
- microsoft.com
- reddit.com
晕了
这一大堆选项让人头都要炸了
为什么要有这么多选择
选择多未必幸福,如果苹果有什么东西值得我们学习,那就是,人们不必去做过多选择,或许,几个基本的选项已经足够,或许,一个适合我的选项也已经足
够。保持简单,让用户少做选择,是良好用户体验的一个重要因素。
9. 工作不正常的链接,按钮与表单
错误的链接,不存在的页面,无法正常工作的表单,诸如此类,对于这类问题,除了测试,还是测试。
本文国际来源:1stwebdesigner.com 9
Usability And UX Pitfalls: Learn How To Avoid Them
(原文作者:Jacob Creech
)
分享到:
相关推荐
3、错误(errors):反映了任务过程中用户所犯的过失 4、效率(efficiency):可以通过测量用户完成任务所付出的努力程度而被评估 5、易学性(learnability):是一种测量绩效随时间而如何发生变化的方法
产品经理最容易犯的12个错误:产品核心、产品诉求、用户体验、用户调研、产品价值、产品流程、产品管理。
刚做开发人员的时候,需要掌握的东西非常多。首先是编程语言本身,还有所有你用到的框架的的特定用法,之后(也可能是之前),前端开发的东西也会混进来,在开发过程中你还要考虑...这个错误常出现的情况,是新人将图
无论错误原因是什么,它们——还有解决方式——对用户体验影响深远。但它往往不被重视,草草处理错误、组织混乱的错误信息会使用户沮丧,最终抛弃你的应用。相反,处理得当的错误提示,能把失败变为惊喜。本文中,...
最近的天气是蛮有张力和动感的,昨天刚开始做这篇的时候外面还是风雨着,一群鸽子站在对面楼顶呆呆的接受着洗礼,眼下又蓝天白云阳光灿了个烂了。眼看着Beforweb这个博客做了将近一年,也想不到什么庆祝的方法。回头...
但我看到很多技术人员在做产品中犯的一个共同错误,太想要把自己的技术展现给用户,把先进的技术概念给用户。这就是忘了从用户角度出发,用户到今天,特别是体验时代,什么叫体验时代?在电脑还是即刻时代的时候,...
读完这本书,你将构建一流的应用,能够与服务器通信而无需重新加载页面,能够响应用户的动作在屏幕上移动元素,甚至在用户犯错误之前就能够预料到用户可能犯的错误。 为什么这本书如此与众不同? 我们认为,你的时间...
读完这本书,你将构建一流的应用,能够与服务器通信而无需重新加载页面,能够响应用户的动作在屏幕上移动元素,甚至在用户犯错误之前就能够预料到用户可能犯的错误。 为什么这本书如此与众不同? 我们认为,你的时间...
读完这本书,你将构建一流的应用,能够与服务器通信而无需重新加载页面,能够响应用户的动作在屏幕上移动元素,甚至在用户犯错误之前就能够预料到用户可能犯的错误。 为什么这本书如此与众不同? 我们认为,你的时间...
其次,评估互动元素对儿童寻求改善用户体验的拼写检查行为的影响。 在儿童拼写语音策略的激励下,采用语音编码策略将单词和拼写错误映射到语音键,以有效和高效地提供拼写纠正候选者。机器学习方法,包括学习排名,...
最初确定这个题目来跟各位同行和朋友们分享是因为在迈向团队成熟的过程中,我们碰到了关于体验统一化的难题,简单来讲,这个话题可以归结为“用户愉悦感如何传递?”记得在经历了一次较为严重的设计质量危机后,托哥...
本文是由FreshBooks的产品经理和创意总监所写的开发实例,译者@C7210。FreshBook是一款在线的发票服务软件,其服务的用户群体,决定了他们提供的功能必须在操作上简单、...在这个过程中,我们着实学到不少东西。对于移
交互设计师容易犯的错误:把自己.禁锢在解决 方案之中 15 UI和IxD 16 再谈交互设计、用户体验设计工作 19 中国还很需要交互设计师 19 做产品?拿什么去做 19 第3章 信息分类与方法 21 分类、属性、关键词与Tag 22 ...
评价一个设计师的专业度,很重要的一环就是看他能不能多犯前人从来没有犯过的错误,并能有效总结给后来人。于是,他就成了大家,路就这样被趟了出来…… 9)讲:演讲能力。这里所指的是在项目后期进行的交流分享。...
控件如何安排才简单易用并且少犯错误?这些都是设计师需要考虑的问题。WPF系统不但支持传统的Winfrom编程的用户界面和用户体验设计,更支持使用专门的设计工具Blend进行专业设计,同时还推出了以模板为核心的新一代...
此外,最重要的就是可以为客户带来更好的用户体验。总体上来说,它已经被公司证明为能够驾驭企业和客户之间的长期商业关系,因此也能决定公司的成长发展路径。一些关键的软技能指标包括:——这是最重要的特征之一,...