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

guolei14557

guolei14557

2016-02-17 04:01

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

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

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

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

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

irs.gov

boink.com

reddit.com

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

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

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

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

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

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

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

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

解决方法

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

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

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

提供清晰的标签和目录。

让重要的内容重点显示。

提供本地化命名。

另外,使用 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. 无法反馈信息

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

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教程,图老师教程网

为什么要有这么多选择

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
9个用户体验错误及解决方法

Oracle 连接常见错误及解决方法

编程语言 网络编程
Oracle 连接常见错误及解决方法

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

flash9.ocx 加载错误解决方法

文件
flash9.ocx 加载错误解决方法

《极品飞车9》DX9错误解决方法

设计创意
《极品飞车9》DX9错误解决方法

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

常见iPhone错误代码提示及解决方法

iphone iPhone 5s iPhone 6 iphone刷机
常见iPhone错误代码提示及解决方法

常见Excel错误提示及问题解决方法

电脑入门
常见Excel错误提示及问题解决方法

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

怎样来评判网站界面设计的好坏?

怎样来评判网站界面设计的好坏?

试着用HTML5制作网页的过程

试着用HTML5制作网页的过程
下拉加载更多内容 ↓