谈“2005版网络十大设计错误”

当然是在456 Berea Street那里看到的,Roger对一年一度的Jakob Nielsen的Top Ten Web Design Mistakes of 2005的评论。那么我也谈谈这个Top Ten Web Design Mistakes。

1、可读性问题(Legibility Problems)
比如很小的字体、很差的文字与背景的对比度。这个问题在国内应该好一点,因为字体的原因,大家一般都选择12px,14px。在网站开发初期,一些参考书也起了很大的作用,因为几乎每本网站设计指南都会说12px的宋体是最漂亮的。另外如果设定了固定像素,那么浏览器的放大、缩小字体,就失效了。

2、非标准的链接(Non-Standard Links)
就是说你不能让读者过来都找不到哪里是链接,非要鼠标移上去,哦出现下划线了,那么应该可以点吧。一定要区分链接/非链接、未访问的/访问过的。不仅仅是颜色上的差别(因为颜色每个网站都用得不一样),最好是加上下划线。

3、Flash动画(Flash)
有争议的。其实应该改为网页动画,而不是Flash。国内很多网站也意识到这点,都用GIF了。毕竟Flash开发式要Flash IDE,要钱的。当然用盗版的不计在内。Jakob在很久以前(2002年)也写过一篇guidelines for using Flash appropriately,可以参考。

4、不适合web访问的内容(Content That's Not Written for the Web)
可能标题不是很容易理解,什么是适合web访问的内容?简短、可读、扼要。我觉得应该是长篇长篇的文章吧,当然现在的评论也越来越短了,比如keso的Blog。在一些Blogger的文章里,有时候可以看到很长的文章(>5000字),为什么不按小标题每天发一篇呢?

5、搜索的问题(Bad Search)
donews.com首页上的search已经坏了很久了吧?

6、浏览器兼容性(Browser Incompatibility)
web标准的老生常谈。中国果然是晚了国外好久,04年年初的时候,Jakob说:除非你有额外多的项目时间,你才可以考虑下这个兼容问题。而在今年的list里,这一点已经提上来了。因为已经有很多人用Firefox、Opera。中国还是足够多的人用IE,所以,以IE为上吧。

7、笨重的表单(Cumbersome Forms)
就是说过多的利用了表单去完成一些交互,导致刷新和访问速度慢。现在也有用ajax,但是也有用的过分的。我觉得有一点,要做好的,就是tab顺序。当光标在用户名输入框里的时候,按tab键,应该跳至密码输入框,而不是跳到那个鬼忘记密码。害得我老是输入了半天原来是打在一个链接上。
比如格式也是一个问题,日期如果不提供日历(组件或JS),那不要非让人输入“2005年10月6日”,“2005-10-06”更简单,其实程序上仅仅是转换一下而已。

8、没有联系人信息(No Contact Information or Other Company Info)
除了email、电话,物理地址也很重要。

9、固定布局和固定像素的宽度(Frozen Layouts with Fixed Page Widths)
这个是比较有争议的一点,自适应的布局和固定像素的布局。固定像素千万不能做的太大,不要超过浏览器的宽度(1004px@1024*768),横向滚动条的出现是要杜绝的。固定的布局会有一个问题,就是在不同的设备访问时,还要另外制作合适的页面。如果是浮动式的布局,那么web转wap或者便于PDA访问就不用重新制作了。

10、不适当的照片放大(Inadequate Photo Enlargement)
很多国内网站所谓的缩略图其实就是设了比较小的width和height,这样的缩略图存在下载速度的问题(相当于原大小)而且缩略的效果不好。更有的网站所谓的点击放大图片其实就是弹出窗口还是显示那个图或者变化并不超过20%。
还有一些论坛里面用鼠标滚轮放大缩小图片,我个人是比较讨厌的。图片本来就那么点像素,放大了干嘛,看像素点啊?

 

 

谈“2005版网络十大设计错误” 本文结束

  [ 打印 ] [ 关闭 ]