资讯频道 → Web前端
阅读更多

20顶
3踩

Web前端

转载新闻 关于用户体验，我们常犯的9个错误

2010-06-17 10:59 by 副主编 just_cool 评论(21) 有11246人浏览
UI Microsoft twitter

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

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

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

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

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

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

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

解决方法

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

  1. 将各种内容放在它们应该放的栏目。
  2. 让你站点的搜索功能工作正常。
  3. 提供清晰的标签和目录。
  4. 让重要的内容重点显示。
  5. 提供本地化命名。

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

2. 蹩脚的布局

典型的中文门户风格

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

好用吗？有点，好看吗？一点也不。

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

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

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

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

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

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

  • 先画个导航菜单草图
  • 让它有点逻辑
  • 找些人问问，他们希望在什么位置找到特定的信息，按他们的说法安排菜单
  • 考虑一下你的站点的目标用户
  • 做易用性测试
  • 使用面包屑导航，并确认前进和后退按钮起作用。

 

4. 蹩脚的菜单设计

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

微软的

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

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

5. 缺乏进度指示

Dell - 看上去并不难

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

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

解决方法

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

6. 无法反馈信息

压根没有信息反馈功能

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

无法找到信息反馈功能

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

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

这样的数字很让人伤心。

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

8. 太多选项

晕了

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

为什么要有这么多选择

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

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

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

 

本文国际来源：1stwebdesigner.com 9 Usability And UX Pitfalls: Learn How To Avoid Them （原文作者：Jacob Creech）

 

中文编译来源：锐商企业CMS 网站内容管理系统 官方网站

来自: comsharp
20
顶
3
踩
评论 共 21 条 请登录后发表评论
21 楼 psuqqvfp 2010-06-19 07:33
很好，说得很有道理
20 楼 greateWei 2010-06-18 17:58
见仁见智，谈不上错误 
19 楼 justjavac 2010-06-18 15:20
这是新闻吗？我觉得应该写在论坛里面啊。这文章很容易引发口水战的。
我先飘过了。
18 楼 bohemia 2010-06-18 12:31
引用
作者相当多的网站，由于布局差，所以访问的人多，这说明：1、作者不正常；2、相当多的网友不正常

同意。
是不是错误，不是我们来决定，是用户来决定；
17 楼 viperasi 2010-06-18 08:53
CSDN的跑到javaeye来祸害了吗？？？
16 楼 YiSingQ 2010-06-17 23:52
见仁见智吧。。。不是说大家都不喜欢这些布局风格的。
15 楼 zuo_huai 2010-06-17 20:16
有道理！
14 楼 iaimstar 2010-06-17 18:04
最后 可以加一句

大家还是买杂志看吧
13 楼 zdmcjm 2010-06-17 15:45
糟糕得逻辑，这是新闻吗？
12 楼 xuganggogo 2010-06-17 15:25
毫无意义···
11 楼 Frederic 2010-06-17 15:15
javaeye就不错嘛
10 楼 Frederic 2010-06-17 15:15
顶，有空交流一下!
9 楼 yangfuchao418 2010-06-17 15:14
qq。也在？
8 楼 mblmh2008 2010-06-17 13:53
vlinux 写道
srdrm 写道
有意义吗, 光说差的, 没有好的来比较

说差的也好给我们照照镜子嘛。
不过怎么没淘宝？

淘宝的用户体验算是不错的，至少我个人在操作淘宝时没遇到什么特别不方便的地方。
但是还是有的改，比方说收藏夹的位置。
至于作者举例的这些网站个人觉得仁者见仁智者见智，除了腾讯首页用起来真的是十分别扭之外，其他的没用过，也无从评价。
7 楼 lkj107 2010-06-17 13:29
作者相当多的网站，由于布局差，所以访问的人多，这说明：1、作者不正常；2、相当多的网友不正常
6 楼 vlinux 2010-06-17 13:24
srdrm 写道
有意义吗, 光说差的, 没有好的来比较

说差的也好给我们照照镜子嘛。
不过怎么没淘宝？
5 楼 you 2010-06-17 13:19
s h i t
4 楼 srdrm 2010-06-17 12:35
有意义吗, 光说差的, 没有好的来比较
3 楼 jarydon 2010-06-17 12:22
要是给一些优秀的网站作参考就更好了
2 楼 liupesnap 2010-06-17 11:59
good!!!

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • UEDIT32 超简版.rar

    UEDIT32超简版，总共不到1M，很多年之前的了，只有三个文件，SSCE4332.DLL，UEDIT32.EXE，UEDIT32.REG。

  • Uedit32安装教程附安装包资源

    1.鼠标右击“Ul.traEdit_23.0”，选择“解压到Ul.traEdit_23.0”。 2. 打开解压后的文件夹，鼠标右击“uedit32”，选择“发送到-桌面快捷方式”。 3. 鼠标右击“uedit32”，选择“以管理员身份运行”。 4. 安装完成。 获取安装包 VX扫面下方二维码，关注公众号：Ai呦不错哦 发送Uedit32 根据提示，即可免费获取安装包。 ...

  • Uedit32使用

    Uedit32,就是UltraEdit，UltraEdit是能够满足你一切编辑需要的编辑器。UltraEdit是一套功能强大的文本编辑器，可以编辑文本、十六进制、ASCII码，可以取代记事本，内建英文单字检查、C++及VB指令突显，可同时编辑多个文件，而且即使开启很大的文件速度也不会慢。软件附有HTML标签颜色显示、搜寻替换以及无限制的还原功能，一般大家喜欢用其来修改EXE或...

  • UE经典版本----uedit32

    UE经典版本----uedit32,值得收藏

  • UltraEdit32 另类注册法

    UltraEdit 另类注册法 UltraEdit 简称 UE，是性能超强的文件编辑器，也是常用的的汉化工具之一，最近它又升级到10.10b版本了。但自10.00版本之后，我们发现注册机不大灵光了，明明已经注册了，可下一次启动它又要求注册了，也就是说我们的注册只能用一次！这可就有点烦人了。为了探个究竟，我翻遍了系统注册表，但没能看出什么端倪，最后进入它的安装文件夹，也没能翻出有价值的东西。

  • Win10可用的 Uedit32 v12.20b+超级精简版

    精简版，压缩包只有4兆，没有哪些冗余的东西，解压就能用。 功能都有。非常好用。不用注册。win10上可用，完全绿色。打包成zip了。不是EXE，没有病毒，各种杀毒引擎都查杀过了。放心使用。全网找了半天，竟然只有这里下载才有。

  • uedit32的注册码及DOS/UNIX/MAC转换问题

    第一种情况的解决：直接网上找并下载破解版本的   第二种情况的解决：高级-配置,然后点开文件处理,找到DOS/UNIX/MAC处理,把Unix/MAC检车和转换禁用

  • 告别ide 之UEdit32的Java环境配置

    1.先装UltraEdit软件在你电脑的任何目录下。 2.如装JDK在c:\JDK1.3\目录下。 3.如你编写的Java文件保存在d:\Java目录下，也是你建立的类。 4.打开UltraEdit软件，再打开Advanced/Tool Configuation。 5.配置Java命令： 在Command Line输入：Java -classpath d:\Java

  • UltraEdit32查看中文乱码的解决方法

    现象： 查看应用日志的时候，用记事本打开，中文可以正常显示，但是用UltraEdit32打开的话，中文为乱码无法显示。 解决方法1： 步骤1 步骤2 步骤3 将“自动检测UTF-8文件”选项取消勾选 解决方法2： 打开UltraEdit安装路径下的Ued

  • 实际工作中相关问题（安装、使用、快捷键等） 

    目录 前言 一、source insight 1.si乱码处理 二、Uedit32 1.行列模式 Alt+c 三、SVN 1、SVN下载文件 总结 前言 软件工具包括：source insight 、Uedit32、SVN、Cygwin 说明：该文章是笔者工作学习中遇到问题时解决方法的总结，笔记之用。有些方法来之网络、有些是自己探索。来自网络的方法会有明显的说明，如侵犯您的权益，请联系我，及时删除。 一、source insight 1.si乱码处理 source insi.

  • UEDIT32

    这是一个小型的编辑器,可以编辑Java等一些语言,这个也是我在别的网上下的,但还是传上来的了.希望会给一些人带来一点点帮助.愿我们都能成为一个好的软件高手.

  • Uedit32与SQLPlus结合使用技巧

    google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//<script type="text/javascript"

  • UltraEdit编辑器使用技巧（内置JS脚本）

    前言： 我使用的UE版本是14.20，应该是现今较通用版本。恕其他版本无暇多予比对。之前一直用Editplus，因速度比较快，功能也尚可，且以前版本的UE没什么独到之处，直到用了14.20，用了其强大的自定义功能，以及内置JS脚本（而非过于弱智的宏），才彻底抛弃Editplus，转而研究UE，并彻底被其吸引…… 一、脚本使用 首先讲讲UE使用脚本的好处和基本原理： 使用脚本相当于是把外置的一个程序引用到编辑器之中，作为它的一个可执行命令，就好像我们UE中编辑->删除->删除至行尾；或者在word之中

  • UltraEdit使用技巧

    Tip 1: 如何去掉所编辑文本中包含特定字符串的行?　 这则技巧是在UltraEdit的帮助文件里提到．CTRL+R 调出来替换(Replace)窗口,选中&quot;使用正则表达式&quot;;然后用查找 %*你的字符串*^p 替换成空内容即可.如，我当前有个文本文件，需要去掉所有包含 http://www.dbanotes.net/ 这个字符串的行，查找%*http://www.dbanotes.net/*^...

  • 【Tools】 UltraEdit使用技巧汇总

    ltraEdit是一套功能强大的文本编辑器,可以编辑文本、十六进制、ASCII码,可以取代记事本,内建英文单字检查、C++及VB指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。 说到编辑器的快捷键，VIM是无与伦比的。要反对，也得是带脚踏板的EmaCS。UE还是有差距的，很大差距。注意：VIM是开源、免费的，而UE则需要注册。UE是Windows下最好的编辑器——如果没有GVI...

  • UltraEdit文字编辑器从命令行运行宏或脚本

    UltraEdit是一款功能强大基于磁盘的文本编辑器、程序员的编辑器和十六进制编辑器。可以用于编辑HTML、PHP、javascript、Perl、C/C++、Python以及其他任何的编码/编程语言。 点击下载UltraEdit正式版 经常询问我们是否可以从命令行在文件上运行UltraEdit宏或脚本。答案是肯定的，而且不仅可能，而且非常简单！ 通过命令行在文件上运行脚本或宏可以节省实际打开应用程序，打开文件，然后打开并运行宏或脚本的时间。我们将在下面查看如何完成此操作。 从命令行运行宏或脚本 可以从W

  • 代码快速编辑-ultraedit-32的使用技巧

    前几天看到同事在写一个实体类文件时，一边看PLSQl的表的字段，一边VS2005中打字符，还不时对照是否打错。看到同事辛苦的样子，我实在不忍。于是便向他推荐了使用UE的技巧：1.复制PLSQL的表的所有字段。选中所有字段，然后右键菜单选中【Copy Comma Separated】（如图1）(图1)2.打开UE，复制到文档。（如图2）(图2)3.替换逗号。快捷键Ctlr+R 打开替

  • 又一编辑神器-百度编辑器-Ueditor

    （Lionden&lt;hsdlionden@gmail.com&gt; 转载说明）　　 　　前段时间发表过一篇关于“KindEditor在JSP中使用”的博文。这几天在沈阳东软进行JavaWeb方面的实习工作，在一个CMS系统的后台和博客板块中又要用到文本编辑器，突然发现了这个——百度编辑器（官网http://ueditor.baidu.com/website/index.html）。 　　...

Global site tag (gtag.js) - Google Analytics