10个提高网站可用性的实用技巧[译]
来源：菠菜博 发布时间：2009-06-12 12:37:00
不论是企业网站、个人博客，或者购物网站、游戏网站，我们都希望能吸引访问者并且给他们留下愉快的访问体验。
可用性是用户体验的一种度量，它可以用访问者完成网站功能的方便程度来描述——无论是通过自身知识还是通过学习新方式来完成这种功能。我认为Jakob Nielson的解释非常到位，他说：
可用性是评估网站易用程度的一种属性。同时“可用性”这个词也指在设计过程中提高易用性的方法。
在本文中我希望能够提供一个可用性清单，内容覆盖了从视觉设计，到可以用在任何项目中的简单导航提示等多个方面。
1. 当前位置导航
要让用户在任何时候都知道自己身处哪个模块，或者在浏览那个分类。对任何网站来说，这都可以极大提升可用性。在这一点上，创建当前位置导航可以算是最有效的提升可用性方式。
当前位置导航的理想方式是在服务端创建，这样可以大量节省HTML和CSS代码。如果不方便在服务端创建导航，那么使用CSS操纵你的body元素 从而直接定义每个导航标签也是一个不错的方法。
另外，你可以方便的 使用JavaScript创建当前位置导航菜单。
要注意，你的当前位置导航最好和鼠标滑过样式保持不同，这是很多网站缩不注意的。
2. 可用的表单标签和按钮
使用HTML的label属性，可以让用户通过点击注释标签来激活表单元素，这是HTML的一个伟大的内置功能，但不幸的是，很少有用户知道这回事。
怎样让用户了解这个功能呢？你可以通过改变鼠标指针形状的方式来提醒用户，这只需要一两行代码就可以实现。
做成这样之后，用户就很容易的知道这标签是可以点的，我经常觉得HTML标准里没有把这些可以点的元素统一设置为小手指针是非常不应该的，所以我通常我会这样统一定义：
label, button, input[type="submit"]{cursor:pointer;}
3. 将你的LOGO链接到首页
我认为logo不链接到你的网站首页是一件令人沮丧的事情，恰恰有很多网站没有这样做。用户研究表明，这样做是很有必要的，用户需要它！
如今越来越多的网站意识到，给LOGO加链接的重要性。用户已不满足于一个标记为“主页”的文字链接，用户希望点一下logo就可以回到首页。
拿Facebook为例，它为每一个导航元素增加了“ref”属性来跟踪用户点击。如下图：
0
投稿猜你喜欢
- Dean Edwards 最近有篇文章很精彩，忍不住在这里翻译下。-- Split --很多 Javascript 框架都提供了自定义事件（
- 内容摘要：本文介绍了使用js来实现下拉伸缩导航菜单的功能，并带有渐显的效果，值得收藏。正好这几天公司不忙，学校又没有事情，所以想抽空架一个个
- 今天下午主要做了个实验，是针对 测试表的列，进行添加，修改，删除的。做法如下： 增加一列： alter table emp4 add tes
- 近日因为升级系统的需要，将旧mysql数据库从3.23升级到5.0.41先从mysql3.23中mysqldump出数据文件data.sql
- 开放源代码社区为了扩展MySQL的使用范围，开发出了.Net框架(.NET Framework)中可以使用的数据库连接器。我们就来学习一下如
设计师常常使用一些独特的字体效果和页面效果，阴影是其中一个，它可以让页面中的文字和元素具有立体的效果，从而被突出出来。比如对于文字阴影，传统- 你和用户之间的网站堆栈（简化版）在TXJS大会的最后一天，一个开发者问我：面向对象的CSS没有给你留下一大堆基于表现的class名?网络堆栈
- 写程序的人在编写由asp页面生成静态页面html的时候，如果同时生成大量页面，一定遇到过浏览器下方的进度条上显示着3％，6％，10％等缓慢增
- 分区表的概念 分区致力于解决支持极大表和索引的关键问题。它采用他们分解成较小和易于管理的称为分区的片(piece)的方法。一旦分区被定义，S
- 前两天特意装了一下IETester，用以方便测试，装好后使用发现IE8有两个地方需要大家注意。IE5MAC的过滤器对IE8 Beta 1版同
- 今天看了微软JScript官方blog上去年的两篇文章： http://blogs.msdn.com/jscript/archive/200
- access中可以将文本中的数据轻松导入表中，mysql中用起来没那么方便，其实起来也很简单。首先将数据记录按行处理好用特定的字符分开如：“
- SQL中的单记录函数1.ASCII返回与指定的字符对应的十进制数;SQL> select ascii('A') A,a
- 如何用Cookie进行登录验证？很简单，看看这两个文件：login.htm请注册登录随风起舞<FORM ACTION=&qu
- 以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila FF1. document.form.item 问题
- 小小程序猿SQL Server认知的成长 1.没毕业或工作没多久，只知道有数据库、SQL这么个东东，浑然分不清SQL和Sql Server
- 初学者可以看看。在的img标签有两个属性分别为alt和title，对于很多初学者而言对这两个属性的正确使用都还抱有迷惑，当然这其中一部分原因
- IE在处理透明度上真够恶心，而且在IE7必须让元素的hasLayout为ture，要不会失效。以下是我最新处理透明度的代码：var
- 如何做一个全面的探测器？ 我们也可以做一个功能类似的探测器，见下：<Script lan
- 哪的资料都不如官方资料权威。今天总算从MSDN中择出了ASP编码问题的解决方案。下面是MSDN中的一段话。Setting @CODEPAGE
