当前位置:首页>>软件教程>>网页制作>>新闻内容
2003年度十大WEB设计误区
作者:雅可布.尼尔森博士的Alertbox 发布时间:2004-7-20 11:29:59 文章来源:西部E网
概要:
在简洁设计下,站点变得越来越好了,存储资料,还有提供全面的服务。但是,这些措施必须承担他们本身的可用性问题;同样,2003年出现了一些显著的错误。
下面是我最新的十个站点特别令用户讨厌的习惯的一个清单。

1. 意图描述不确定
很多公司,特别是高科技行业,使用含糊或者普通的语言来描述他们的目的。违背这个基本因素导致向用户解释网站信息和服务时更加困难。
随着每个附加的设计元素添加到用户对站点已经存在的理解之上,一个强壮的心里模型可以从一粒小小的种子生长出来。但是,很多站点在用户的大脑中建立了一个模糊的心里模型,因为他们未能提供一个确定的因素从而用户必须寄予背景中的其它原因。

2. 改变已经存档的内容的地址
存档有增加站点额外效果的实在价值,尽管越来越多的站点都存档以前的内容,许多站点仍然不能维持好的存档。一些站点将存档当作站点的一个独立区域,将页面站点主要部分转移到存档内容时赋予了新的地址。
存档内容时改变地址将使链接死亡。它也使其它的站点无法与你链接了。尽管站点可以考虑链接到当前的文章,如果用户曾经被死链欺骗的话,他们会经常忽略你的页面,因为他们不希望当你移动页面时他们必须为更新他们自己的页面而烦恼。

3. 内容不标注日期
文章,当前新闻或者其它的内容不标注日期,用户就无法确定这个信息是当前的还是过时的。在存档里面标注时间是一个大事情。例如:这个Alertbox得到了80%的以前的读者身份柱状图,到现在读者依然觉得有用,但是一些因素和建议强烈的和时间有关联,例如我建议继续使用一个某种确定版本的软件包2年。很明显,我的意思是从我写这篇文章时算起到两年,如果读者不能看见时间,他们就不会明白怎么执行这个建议。
一个用户在我们最近的测试中面对一个相似的错误,这个测试检查有多少投资者,多少新闻记者使用公司网站的投资者关系这个区域。这个用户从搜索引擎里面发现一个新闻条目并且使用这个条目来评价这个公司目前的商业前景。很好,这个条目是几年之前的旧内容。搜索引擎为文章列出了一个令人误解的日期——可能是文件的日期已经被移除或者被一个印刷错误占用了。
我自己的站点也有这样的毛病(http://www.useit.com——译者注):它依赖于操作系统的上次修改日期而不是内容书写的日期。结果,我关闭了我的搜索引擎的结果列表的时间功能。这些时间非常有用,但是如果用户不相信它们时将带来更大的破坏作用。当然,解决办法是使用一个注入创建日期到搜索引擎的内容管理系统。任何拥有IT工作人员的大站点都应该这样做。

4. 大而详细的相片使用小的缩略图
网站现在使用少的图片是好的,避免了过去那种肿胀的设计,减少了下载时间并且增加了信息的丰富。站点链接小的图片到大的图片也是很好的,那样用户有了一个是否查看详细图片的选择。
现在主要的问题是网站往往通过简单的缩小大的图片来发布小图片,如果一张相片拥有复杂的细节的话,缩略图通常难以理解。
左边的这张图片是来自whitehouse.gov(图片略,地址:http://www.useit.com/alertbox/20031222_thumbnail_wh.jpg——译者注),它显示了美国总统,内政部长,还有国家公园服务部门主任在圣莫尼卡山(位于旧金山,上有美国国家级娱乐区——译者注)上散步。如果我没有告诉你这些,仅仅通过浏览这张缩略图你就无法知道:仅仅是一张3人照片,你甚至不可能说出他们是在一个公园里,更不用说谁是哪一个了。
右边的相片来自cnn.com(图片略,地址:http://www.useit.com/alertbox/20031...umbnail_cnn.gif——译者注)——通常在首页使用小图片完成某种职能。这个照片是一个关于洪水的故事的插图。在这种情况下,你可以很清楚的看到发生了什么事情,尽管图片只有65X49象素
什么时候在网站上使用相片:
包含较少的人物和物体,打印相片的时候可以少一些复杂的设置(in less complicated settings than you would for photos intended for print——译者注)
简洁的背景可以突出相片的特写
在为大相片准备小图片时使用适当放大的图片缩减量。不要仅仅是重新调整大小;首先切割图片到一个突出的部分或者简单的元素。

5. 过度详细的ALT文本
很多站点开始关注那些残疾用户并且遵守着可用性指南,例如为图片使用ALT文本。
不幸的是,一些站点没有认识到ALT文本是一个用户界面元素,不是一个行政上正确性的说明。ALT文本可以帮助盲眼用户(还有其他不能看到图片的的用户)导航与操作这个站点。文本必须从交互意义上描述图片的作用并且告诉用户怎么最有效使用这个站点的必需内容。没有必要去叙述不关话题的详细视觉信息。
例如:我遇到过一个站点在它的标志上使用以下ALT文本:“使用IDEAS标志链接到首页面:两个嗖嗖移动的动画围绕IDEAS并且太阳正从背景升起”。对于某些特别好奇,希望能知道他们所见的盲眼用户来说,在网站某些标志设计上添加一个文本的描述也许是有道理的,但是没有必要使所有用户的屏幕阅读器在浏览每个单独的页面时去宣告嗖嗖移动的动画的数目。
屏幕阅读器要读出19行文字需要很长的时间,过多的描述使用户抓住主要信息更加困难:这个图形链接是导向首页面的。
WEB描述简短一些要好,特别是在为屏幕阅读器书写的时候。

6. 没有 "假定-推测" 支持
在二者之间比较和选择是大多数评论性网站的基本任务,然而大多数网站并不支持那些希望考虑可选事物的用户。
假定我是星期天而不是星期六外出旅行呢?我的机票价格会有什么影响 ?在很多旅行站点,唯一的回答这个问题的答案就是从第一个页面重新开始一个新的旅行,丢失了建立你路线需要的所有工作。
假定我需要一个彩色复印机而不是一个单色的,但是我对当前正在浏览的单色复印机的所有其它性能?我可以根据属性导航并且仅仅修改一个参数吗?通常不能。
一些网站确实让用户拣出一些产品然后查看一个比较表格,但是这些表格往往没有什么可用性并且没有高亮显示产品之间的最重要差别。

7. 无法从属性分出好坏的长长清单
网站以前往往只提供一件或者两件产品,现在常见的网站动辄有数以千或者数百万的条目。很好,但是那样意味着清单常常很长并且难以使用。
主要的关于类别页面的可用性指导方针中有一条:让用户根据他们自己喜欢的属性分选出条目。“分选”一个清单意味着筛选出不合乎标准的项目,留下一个更简单的容易理解和管理的清单。
使用分选需要四个条件:
站点必须在首要位置提供分选——但是很多站点不是这样。
分选的条件必须对用户有意义而不是技术性的或者公司内的(说:使用零件号码。尽管它们被提供用于搜索,如果用户确实知道他们在找什么)。
标准必须能将用户可能忽略和感兴趣的产品区分开来。例如:仅显示可以在圣诞前夕邮递的产品、仅显示10号的特大鞋
最后,当然,用来操作分选处理的用户界面必须简单以便用户可以集中他们的注意力于清单和属性,而不是网站操作的技巧。

8. 产品仅仅根据商标分类
提供很多条目的站点应该提供筛选和排序——那是一个非常有用的处理清单的方法,普遍幸运而且有效。但是不幸的是,许多站点仅仅让用户根据商标排序。所以你能发现:要求阿玛尼产品(美国时装品牌——译者注),但是不都是红色羊毛衫。为了支持用户根据兴趣来进行按照产品属性排序,显而易见的问题是“用户关注什么属性?”这个问题的答案根据产品的分类而不一样,但是一个优秀的销售商可以通过用户研究来发现它们

9. 过度限制表单的条目
将担子交给计算机,而不是人:让用户按照他们自己喜欢的格式输入数据。两个普遍的不公平限制用户的方式:
吹毛求疵的,过度精确的表单。用户所的信息爆裂似的由单个分成多个意味着浪费时间四处移动光标。一个典型的例子就是表单作为两项分别询问用户的姓和名,而不是让用户简单在一个地方输入他们的全名——那样书写起来要快得多。另外一个例子是:
电话号码:[ ]-[ ]-[ ]
人性化的格式被禁止,任何文本都要求用户按照某个确定的方法输入信息而不是使用用户偏好的自然的方法令人愤怒。很多站点,例如:强制用户像1234567890123456一样输入信用卡号码,而不是让他们在数字组之间留下空格——那样意味着降低错误的风险。类似的,一些站点不让用户输入电话号码时在区号上面加上圆括号,尽管很多用户都使用这样的括号。我们测试已经表明当网站使用的格式和老年人成长时常常使用的不一样时,他们显著受到伤害。
限制数据条目也带来国际化问题,因为一种教条化的,计算机可以接受的格式往往在另外一个国家因为被拒绝而走向死亡。

10. 链接指向页面本身
这一点已经在我的《十大违反首页设计原则的错误》作为第10条详细讨论了,但是这对于所有页面来说都很重要,不仅仅是首页。
最新更新
·如何去掉ECShop2.7中的Powered by ECSh
·在IE7下生成高质量CSS缩略图
·解决Dreamweaver打开和关闭时出现JavaS
·影响搜索引擎排名的因素2009版
·IE6/IE7/IE8/Firefox/Chrome/Safari的C
·Flash对联广告及关闭按钮制作方法
·Discuz! 7中如果设置帖子中显示图片而不
·5种方法立刻写出更好的CSS代码
·兼容IE和Firefox的按图片宽度缩放的CSS
·兼容Firefox和IE浏览器的“加入收藏”代
相关信息
·网页设计配色精彩十例
·网页设计配色应用教程之色彩的调和
·国际网页Web设计流程
·商业网站设计主要原则
·[图]网页设计颜色对照卡
·网页设计问题大搜集
画心
愚爱
偏爱
火苗
白狐
画沙
犯错
歌曲
传奇
稻香
小酒窝
狮子座
小情歌
全是爱
棉花糖
海豚音
我相信
甩葱歌
这叫爱
shero
走天涯
琉璃月
Nobody
我爱他
套马杆
爱是你我
最后一次
少女时代
灰色头像
断桥残雪
美了美了
狼的诱惑
我很快乐
星月神话
心痛2009
爱丫爱丫
半城烟沙
旗开得胜
郎的诱惑
爱情买卖
2010等你来
我叫小沈阳
i miss you
姑娘我爱你
我们都一样
其实很寂寞
我爱雨夜花
变心的玫瑰
犀利哥之歌
你是我的眼
你是我的OK绷
贝多芬的悲伤
哥只是个传说
丢了幸福的猪
找个人来爱我
要嫁就嫁灰太狼
如果这就是爱情
我们没有在一起
寂寞在唱什么歌
斯琴高丽的伤心
别在我离开之前离开
不是因为寂寞才想你
爱上你等于爱上了错
在心里从此永远有个你
一个人的寂寞两个人的错