阅读更多

20顶
3踩

Web前端

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 条 请登录后发表评论
1 楼 Jekey 2010-06-17 11:38

发表评论

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

相关推荐

  • 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

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

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

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

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

  • UEDIT32

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

  • uedit 32/64

    uedit winxp/win7/win8 32/64

  • 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 打开替

Global site tag (gtag.js) - Google Analytics