9个用户体验错误及解决方法

2016-02-17 04:01 8 1 收藏

今天图老师小编给大家精心推荐个9个用户体验错误及解决方法教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - 平面设计 】

一个烂网站就像一个性情乖戾的推销员,这样的推销员不仅无法说服顾客,而且让人生厌,就网站而言,再也没有什么比蹩脚的用户体验更让人沮丧的了。本文讲述了 Web 设计与开发中常犯的 9 个用户体验错误以及它们的解决方法。

Web 用户体验大师 Jacob Nielsen 说过,一个烂网站就像一个性情乖戾的推销员,这样的推销员不仅无法说服顾客,而且让人生厌,就网站而言,再也没有什么比蹩脚的用户体验更让人沮丧的了。本文讲述了 Web 设计与开发中常犯的 9 个用户体验错误以及它们的解决方法。

1. 难以找到你感兴趣的内容

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

下面这些知名站点不仅设计陈旧,而且易用性不佳

irs.gov

boink.com

reddit.com

9个用户体验错误及解决方法,PS教程,图老师教程网

为什么不用更有意义的表单名字?

9个用户体验错误及解决方法,PS教程,图老师教程网

那几个旋转的骨牌原来是导航...

9个用户体验错误及解决方法,PS教程,图老师教程网

reddit.com,我喜欢它的概念,但内容太令人受伤。

我们常常在从一个网站查找内容的时候发现困难重重,比如那些政府站点,既然我们都知道内容为王的道理,我们就不应该让用户为了查找一点内容而翻遍成千上万的菜单。

解决方法

简而言之,就是将你认为重要的信息放在容易找到的位置。如果你的站点有海量内容:

将各种内容放在它们应该放的栏目。

让你站点的搜索功能工作正常。

提供清晰的标签和目录。

让重要的内容重点显示。

提供本地化命名。

另外,使用 blur 测试,将你的设计草图做比如 10% 的模糊处理,这样你就能发现那些需要突出显示的内容是否真的突出了,还可以使用 IntuitionHQ.com 一类易用性测试服务。

2. 蹩脚的布局

qq.com

allterrain.co.nz

craigslist.org

9个用户体验错误及解决方法,PS教程,图老师教程网

典型的中文门户风格

9个用户体验错误及解决方法,PS教程,图老师教程网

到处都是文字,到处都可以点击

9个用户体验错误及解决方法,PS教程,图老师教程网

好用吗?有点,好看吗?一点也不。

内容难以查找的另一个原因是布局,将所有的东西放在首页,到处都是 Flash 广告,满眼都是文字,密密麻麻,挨挨挤挤。解决方法是请一个 Web 设计师将你的布局做一个设计。尽管有不少布局蹩脚的新闻站点仍然非常成功,但让它们成功的不是它们挨挨挤挤的布局。

3. 让人摸不着头脑的导航系统

lesailes.hermes.com

billyconnolly.com

pizzacaper.com.au

9个用户体验错误及解决方法,PS教程,图老师教程网

原来那些橙色的,带问好的竖条是导航用的。

9个用户体验错误及解决方法,PS教程,图老师教程网

他们说,片图抵千言...

9个用户体验错误及解决方法,PS教程,图老师教程网

看上去挺漂亮,但 Flash 和 HTML 两个版本对用户来说有什么意义?

人们通常对导航菜单有一个约定俗成的期望,然而我们遇到很多奇怪的导航,常常让我们摸不着头脑。解决方法:

先画个导航菜单草图

让它有点逻辑

找些人问问,他们希望在什么位置找到特定的信息,按他们的说法安排菜单

考虑一下你的站点的目标用户

做易用性测试

使用面包屑导航,并确认前进和后退按钮起作用。

 

4. 蹩脚的菜单设计

godaddy.com

microsoft.com

vodafone.co.nz

9个用户体验错误及解决方法,PS教程,图老师教程网

到处都是导航菜单,但什么都找不到。

9个用户体验错误及解决方法,PS教程,图老师教程网

微软的

9个用户体验错误及解决方法,PS教程,图老师教程网

最令人关心的价格信息却无处可查。

很多站点的导航菜单布局十分不合理,重要信息被掩埋在很深的菜单下,重要信息需要挖掘很久才能找到,广告和内容搅和在一起,诸如此类。使用分析工具,分析什么内容最受欢迎,用户在哪些页停留时间最长,哪些内容被频繁阅读,将这些内容放在容易被找到的位置。

5. 缺乏进度指示

dell.co.nz

9个用户体验错误及解决方法,PS教程,图老师教程网

Dell - 看上去并不难

9个用户体验错误及解决方法,PS教程,图老师教程网

但这些滚动滚到哪里才是头。

很多站点对于用户的操作进度,缺乏指示,或者指示混乱,假如你在进行一个长时间的操作,却不知道后面还剩下多少步,你会很容易半路放弃。

解决方法

人们无非想知道他们目前所在的位置,以及后面还余下多少步,告诉他们就是。

6. 无法反馈信息

facebook.com

sitevalley.com

alexa.com

9个用户体验错误及解决方法,PS教程,图老师教程网

压根没有信息反馈功能

9个用户体验错误及解决方法,PS教程,图老师教程网

可以反馈信息,但很难找到

9个用户体验错误及解决方法,PS教程,图老师教程网

无法找到信息反馈功能

Facebook 或许有理由不提供反馈,它们的用户量太大了,但小规模站点都应该提供用户反馈功能。可以是 Email,反馈表单,或是论坛。

7. 滥用社会媒体网络功能

9个用户体验错误及解决方法,PS教程,图老师教程网

这样的数字很让人伤心。

虽然,如今每个人和他的狗都有 Facebook, Twitter, Digg, LinkeIn 账户,但99%的人事实上从来不更新他们的内容,如果你在网站上提供了自己的 Twitter 链接,且实时显示自己的跟随数目,如果数字是1或者0,就太丢人了。

8. 太多选项

dell.co.nz

microsoft.com

reddit.com

9个用户体验错误及解决方法,PS教程,图老师教程网

晕了

9个用户体验错误及解决方法,PS教程,图老师教程网

这一大堆选项让人头都要炸了

9个用户体验错误及解决方法,PS教程,图老师教程网

为什么要有这么多选择

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

选择多未必幸福,如果苹果有什么东西值得我们学习,那就是,人们不必去做过多选择,或许,几个基本的选项已经足够,或许,一个适合我的选项也已经足够。保持简单,让用户少做选择,是良好用户体验的一个重要因素。

9. 工作不正常的链接,按钮与表单

9个用户体验错误及解决方法,PS教程,图老师教程网

错误的链接,不存在的页面,无法正常工作的表单,诸如此类,对于这类问题,除了测试,还是测试。

来源:http://www.tulaoshi.com/n/20160217/1578303.html

延伸阅读
第一步:我们直接就从进入服务器检查IIS的默认首页设置。 第二步:找到我们的网站根目录,看是不是存在在标红线的一项。如果没有的话,那就随便加入一个相同的名称就可以了。 第三步:如果存在,但是还是不能访问的话,我们就要看看这个文件是不是存在访问权限了。找到IIS服务器鼠标右...
标签: 生活常识
WiFi速度慢连不上的9个解决方法   现在不少人都会觉得,家里办公室WiFi速度慢、信号差,有时还连不上,遇到这些情况真是让人抓狂。在移动互联网时代,网速是第一生产力,日常最离不开的一件事就是WiFi。有哪些好办法可以增强WiFi信号?看下图,告诉你9个方法,让WiFi信号强劲起来!
1.什么是404 404是一个 http 错误代码,即请求的网页不存在。代码404的第一个4代表客户端的错误,如错误的网页位址;后两的数字码则代表着特定的错误讯息。就是当用户输入了错误的链接时,返回的页面。这样的目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。 Google简洁的页面与的品牌...
标签: 服务器
网站后台生成错误的解决方法 如果有人用过PHP程序,myqsl语言编辑的网站的站长应该偶尔会遇到一种情况,后台一生成就出现错误,生成之后,首页出现空白,但是网站内页还能打开,如果出现这种问题,很明显就是服务器的DNS设置有问题了。如果网站用的是虚拟主机,那么让空间商设置一下就行了,如果是云主机或者vps的话就要自己动手设置了。...
一. 方法1 在MySQL中,进行中文排序和查找的时候,对汉字的排序和查找结果是错误的。这种情况在MySQL的很多版本中都存在。如果这个问题不解决,那么MySQL将无法实际处理中文。 出现这个问题的原因是:MySQL在查询字符串时是大小写不敏感的,在编绎MySQL时一般以ISO-8859字符集作为默认的字符集,因此在比较过程中中文编码字符大小写...

经验教程

508

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部