一个完美网站的101项指标.第三部分.易用性

作者:35公里 来源:comsharp.com 时间:2008-02-29 22:09:00 

阅读上一篇:一个完美网站的101项指标.第二部分.内容为王

完美的内容是用来使用的,不管您的内容多么精彩,如果它们很难访问,用户照样会离开,易用性不仅仅牵扯到技术,更多的是良好的 Web 创作习惯,易用性包含34条规则,它们是:

只使用成熟,简单,兼容的技术

Web 技术一直在发展,因为 Http 协议最初只是为了表现简单的超文本,当人们赋予 Web 越来越多的使命的时候,Web 的局限性就表现出来了,为了解决这些问题,人们在 Web 上面附加了很多新技术以增强 Web 的表现能力,Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到现在炙手可热的 AJAX 技术,然而这些新技术很快带来了兼容性问题,因为 Web 内容要靠浏览器解释,不同的浏览器加不同的安全配置,导致这些新技术并不能被如期地渲染出来,比如,很多在 IE 中成熟运行的 ActiveX 在非 IE 内核的浏览器中根本无法使用,随着众多浏览器以及 Web 用户对这些新技术的拣选,我们慢慢得到了一个大家都认可的清单,现在,各大浏览器都支持,而且用户也乐于接受的 Web 附加技术是:

Cookie, Javascript, CSS

如果您希望您的企业网站能在绝大多数环境下被无障碍的访问,请谨慎使用除此之外的技术,这里我们需要特别说一下 AJAX 和 Flash,它们也被很多人认可,而且 AJAX 事实上是基于 Javascript 的,然而,AJAX 同时要使用在某些浏览器安全配置下容易被禁用的 XMLHTTPRequest 对象,事实上,我的 IE 浏览器的安全配置就禁用 XMLHTTPRequest ,所以,除非加入到可信任站点,否则我连 Google Map 都无法顺畅访问。Flash 是一种伟大技术,在线广告几乎是它最完美的使命,作为易用性规则,我们不排斥以 Flash 技术提供广告,但 Flash 绝对不可以用在站点导航等站点基础结构中。


不使用任何网页特效


虽然网页特效并不一定涉及不兼容技术,但网页特效对绝大多数人来说是非常厌烦的,企业网站绝对不应该使用那些仅仅为了好玩的网页特效,除非您还 生活在90年代(现在已经是2007年),或者您只有14岁。最令人厌烦的网页特效包括,要求设为主页,接连弹出的窗口,全屏窗口,改变鼠标光标,在状态 条上滚动的废话,页面内容禁选,禁止查看源代码,闪烁的文字,离开时的弹窗,颜色古怪的窗口滚动条,声音背景。看看 Builder.com 怎样看待这些愚蠢的网页特效。


需要记住一条,访问者永远都不会因为您使用了一种自认为很 Cool 的特效而觉得您了不起。

清晰,统一的导航


用户在您的企业网站找到有用内容的唯一途径是通过站点的导航系统,您需要花大力气来组织您的内容,保证让用户以最快的速度找到它们。导航系统必 须清晰,他们应该和站点的其它内容用不同的颜色搭配以便在网页上突出出来,同时,每个页的导航系统应该完全一致,从一个页面进入另一个页面看到完全陌生的 导航系统是非常令人沮丧的。

导航深度不超过 *


虽然很多人觉得这太绝对,事实上,用户需要点三次才能找到自己想要的内容仍然太多,那种一级一级下潜的导航菜单是令人生畏的,很多人会产生进去 以后便找不到路回来的恐惧,如果您能够很好地组织自己的内容,结合分页机制,Tag机制,对绝大多数网站, * 导航深度已经足够使用了。


导航链接中必须包含文字


为了美观,许多人喜欢图片按纽式的导航链接,如果您坚持这样做,也无可厚非,但一定在图片上同时加上文字,让文字体现该链接的含义,因为除了设计者,外人往往很难猜测您的图片按纽的含义,文字是最直接,最精确的。

必须有纯文本版本的站点地图


当用户在您的令人眼花缭乱的站点导航中彻底迷失的时候,纯文字版的,简单直接的站点地图还可以救急,站点地图可以帮助用户快速找到他们想要的内 容,这是对导航系统的补充,甚至对有些站点来说,比导航系统更有效。另外,纯文本版的站点地图非常容易被搜索引擎抓取并以此遍历您的整个站点。

必须有面包屑导航条

面包屑导航(Breadcrumb Navigation)这个概念来自童话故事"汉泽尔和格雷特尔",当汉泽尔和格雷特尔穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来 帮助他们找到回家的路,所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

每页都有自己的标题

许多企业网站的所有页的标题都是企业的名字或者一句口号,这会让用户不知道他们访问的当前页是说什么的,每页都应有一个和本页内容匹配的标题, 这样,即使用户打开了很多窗口,仍然可以通过标题知道哪一页是说什么的。从 SEO 的角度看,在标题中使用本页内容中某些关键词是非常好的习惯,而且,当您的页面出现在搜索引擎的搜索结果中时,您的页面标题应当明确地告诉搜索者他们搜到 的页面是关于什么的。

任何页都有一个链接指向首页


人们进入一个陌生的地方,当感到迷失或不安的时候,会立刻想到返回入口位置,访问者进入您的网站也是这样,每页都有一个指向首页的链接可以帮助用户在感到迷失的时候,迅速返回入口重新开始。

网站的 Logo 指向首页


这一条似乎没有什么道理,但几乎所有望站都遵守这样的约定,当很多人都这样约定的时候,您没有理由例外。

对于连贯性内容(sequential content),应提供向导式导航

比如说,您在网站上发表很长的系列文章,您应该将文章分成多个章节,用户看完这一章以后,下面应该有两个链接,分别指向上一章和下一章,这样, 用户不必滚动回页面上方访问导航系统,他/她可以直接点这两个链接在文章中前进或后退,这样不仅节省用户的时候,还可以带来连贯阅读的快感。


全文搜索


如果用户不愿一页一页地翻看您的网站,您应当提供全文搜索功能,虽然您的搜索功能比起专业的搜索引擎还差很多,但可以帮助您的用户快速找到他们 感兴趣的内容,不要使用 Google 等商业引擎的搜索代码进行搜索,与其那样还不如让用户直接到 Google 中去搜索,您应当提供一个本地搜索功能,不需要象 Google 那样强大,因为您不需要支撑那么大的用户量,也不需要搜索那么庞大的海量信息,您网站的本地搜索功能对用户来说,可能比 Google 更有帮助。

不使用欢迎页

当 Flash 如火如荼的时候,设置一个欢迎页,向用户播放一段精美的动画是很多企业网站的追求的模式,然而这种想法实在糟糕,很多人没有耐心等待那段漫长的动画下载完 毕便离开了,您能想象去超市买东西前,需要先在门口看一段欢迎影片才能进去吗?您应当让用户直接进来,一进来就看到实质的内容,不要用您的浪漫想法浪费用 户的时间,而且,由于搜索引擎也要首先经过这个欢迎页面才能深入到网站内部,一个让搜索引擎无法解读的 Flash 动画会让搜索引擎认为您的网站上什么东西都没有。

任何图片必须设置 ALT 和 TITLE 属性


在您的图片完全下载之前,浏览器无法把它们显示出来,或者,某些浏览器可能关闭了图片显示,或者您的图片资源可能丢失了,这个时候,ALT 或 TITLE 属性会让浏览器将图片的描述性文字显示在图片的位置,让用户至少知道那个位置准备将要显示的是什么。这个属性也帮助搜索引擎更好地理解您的图片。


如果图片要以缩略图形式显示,使用真正的降低了尺寸的缩略图,不要只是改变图片的宽度和高度属性

这可以显著降低页面尺寸。

标签:内容,易用性,设计,css
0
投稿

猜你喜欢

  • SiteServer CMS 第一届模板大赛正式启动

    2010-01-16 11:45:00
  • 交互性与口碑传播 看博客的广告两大策略

    2009-01-20 10:37:00
  • 新手开店:心态是第一决定要素

    2009-07-09 14:11:00
  • Ubuntu创始人:Win7虽好却是私有并且昂贵

    2009-10-27 17:12:00
  • Windows下的Apache+PHP+MySql+虚拟主机设置全功略

    2007-08-13 14:48:00
  • 在内网IP建FTP服务器

    2007-03-29 10:21:00
  • 文化部称仍在审查魔兽新片《巫妖王之怒》

    2009-10-31 17:07:00
  • 传Google将于一周内发布Chrome操作系统

    2009-11-14 08:49:00
  • 构建反病毒反垃圾邮件系统(七)

    2007-10-10 14:39:00
  • Godaddy Windows主机组件支持情况 Godaddy

    2010-04-19 13:10:00
  • 盗链解决:服务器ISAPI Rewrite设置

    2011-08-14 06:34:29
  • 也许你会忽视:分析网站设计的10个坏习惯

    2009-01-04 09:23:00
  • Typecho如何升级

    2011-04-22 12:50:00
  • 没有技术,你也可以很优秀!—我的站长生涯

    2009-01-06 15:12:00
  • 博客网站优化的60个技巧

    2009-02-04 10:57:00
  • 揭开Windows Mail删除服务器邮件之谜

    2010-03-13 19:16:00
  • 如何SEO才是最好的

    2008-02-01 13:02:00
  • 朱鸿健:从另类的QQ群发推广看创新

    2010-03-04 10:22:00
  • PJBlog3评论整合Gravatar全球通用头像API教程

    2011-04-22 13:31:00
  • Google搜索引擎快速收录网页最佳方法

    2009-02-06 13:41:00
  • asp之家 网站运营 m.aspxhome.com