美满的内容是用来使用的，，，，，不论您的内容多么精彩，，，，，若是它们很难接见，，，，，用户照样会脱离，，，，，易用性不仅仅牵扯到技术，，，，，更多的是优良的 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 属性会让浏览器将图片的描述性文字显示在图片的地位，，，，，让用户至少知路那个地位筹备将要显示的是什么。。。。。。。这个属性也援手搜索引擎更好地理解您的图片。。。。。。。

若是图片要以缩略图大局显示，，，，，使用真正的降低了尺寸的缩略图，，，，，不要只是扭转图片的宽度和高度属性

这能够显著降低页面尺寸。。。。。。。

链接必须占有可标识的视觉特点 

蓝色字体加下划线是所有人都认可的链接的视觉特点，，，，，人们会用鼠标去点这样的处所，，，，，然而每个网站都有自己的配色风格，，，，，您的页面布景可能导致蓝色字体无法明显地显示，，，，，这没有关系，，，，，您该当为全站的链接设置一致的视觉特点，，，，，已经接见过的链界要与分歧的视觉特点。。。。。。。

任何页都有一个打印敦睦版本 

网页是用来在屏幕上显示的，，，，，不是设计为用来打印的，，，，，所以，，，，，使用 IE 浏览器的打印职能打印出来的网页总是不梦想，，，，，若是您但愿用户能顺利地打印您的内容，，，，，您应该对每个页面都提供一个打印敦睦版本，，，，，打印敦睦版本中能够将导航系统等过度浪费空间的器材暗藏起来，，，，，让真正的内容成为页面主体，，，，，同时，，，，，要使用白底黑字，，，，，不要使用布景图案。。。。。。。

请把稳，，，，，若是用户想到要打印您的内容，，，，，注明他/她对您已经极度感兴致了，，，，，他们是极度有价值的用户，，，，，肯定要援手他们实现这个欲望。。。。。。。

页面都使用一致的配色和一致的结构

和全站使用一致的导航系统一样，，，，，所有页面使用一致的配色和结构能够援手用户将把稳力只集中在内容上面，，，，，您不应该强婆酌户在新页面中沉新适应新的布局。。。。。。。

您的站点该当预防让绝大无数用户左右滚动窗口

此刻（今天是2007年9月1日）的主流显示器尺寸是 1024 x 768，，，，，您能够比力安全地如果，，，，，绝大无数用户的屏幕尺寸至少是这个值，，，，，但我的确看到不少依然使用 800 x 600 分辨率屏幕的用户，，，，，无论若何，，，，，您的页面布局应尽量预防让幼屏幕用户左右滚动，，，，，高低滚动已经够麻烦，，，，，再加上左右滚动险些是个噩梦。。。。。。。您能够让您的网业自动适应屏幕尺寸，，，，，从技术上说，，，，，这并不难题；；；；；也能够如果一个宽度，，，，，这个如果的宽度关照到您以为已经适度的用户群，，，，，这是一个衡量问题，，，，，事实上，，，，，对幼尺寸屏幕过度绝对地关照也不定是功德，，，，，一个低于 800 像素宽度的页面在 1024 宽度的屏幕上显示尚可，，，，，在 1280 宽度的屏幕上会显得很不协调。。。。。。。

但无论若何，，，，，90年代流行的那种使用 Javascript 判断屏幕尺寸，，，，，而后凭据分歧尺寸输出分歧布局的做法已经行不通了，，，，，此刻的屏幕尺寸已经无法严格 QVGA, VGA 那样划分，，，，，好多非尺度尺寸的屏幕大量出现，，，，，您险些无法意料您的网站将来会遇见什么尺寸的屏幕。。。。。。。

站点必须在第一级导航深度处，，，，，让用户看到您的齐全联系方式

对于陌生的企业网站，，，，，若是不能在第页景Ｍ看到企业的联系方式，，，，，甚至，，，，，联系电话若是不是固定电话号码，，，，，我城市感应不安心，，，，，您该当在第一级导航深度的页面中，，，，，便提供企业的具体联系方式，，，，，要让用户看到您的地址，，，，，联系电话，，，，，同域名下的邮件地址，，，，，在四处都有糊弄存在的网络世界，，，，，您该当极度确切地将您现实中真实的联系方式体现出来，，，，，这会让用户安心。。。。。。。

每个页面的尺寸该当幼于50K 

必须接受，，，，，若是算上图片，，，，，表部 Javascript, 表部 CSS，，，，，我们自己的网站有好多页面的尺寸也无法低于50K，，，，，但这是一个指标，，，，，您该当尽可能降低页面尺寸，，，，，不论如今的宽度速度已经多么快，，，，，要知路，，，，，无数人的 ADSL 接入速度不低于 120KBS 并不料味着人们能以这样的速度接见您的网站，，，，，分歧网络运营商之间还存在着网络瓶颈，，，，，您的网站的表地接见速度可能远远低于本地接见速度。。。。。。。

在所有主流浏览器中占有一致的阐发

IE内核的浏览器在今天（今天是2007年9月1日）的市场份额已经降低到 60% 左右，，，，，另表的 40% 被 Mozilla,Firefox, Safari, Opera 等占据，，，，，您的网站应该服务 W3C 尺度，，，，，这样，，，，，能够被所有主流浏览器无阻碍地接见，，，，，若是您的网站只支持 IE，，，，，就可能将 40% 的用户挡在门表。。。。。。。

在用户操作现场提供援手，，，，，而不是进入专门的援手系统

网站的援手系统该当分散到各类操作现。。。。。。。，，，不必要象通例软件那样使用专门的援手系统，，，，，随时随地为用户提供有效的援手信息，，，，，让援手单一化，，，，，改善用户的接见履历。。。。。。。

用户能够对某些内容进行评论或反馈

在 Web2.0 时期（今天是2007年9月1日），，，，，该当注沉用户的参加，，，，，网站上的绝大无数内容应该允许并激励用户参加评论和反。。。。。。。，，，让用户不用注册就能够参加评论，，，，，若是用户必须注册能力够参加某些内容，，，，，注册过程也应该尽可能单一。。。。。。。

页面不成过度拥挤

不要象此刻的某些门户网站那样，，，，，将令人目眩缭乱的信息塞满首页，，，，，即便您必须放那么多内容，，，，，也要留出足够多的空缺和天堑，，，，，不然用户会感触很累，，，，，Web 页面的媒介是屏幕，，，，，不是纸张，，，，，您切实没有必要去节俭屏幕的空间，，，，，让内容之间宽松地散布在页面上，，，，，给用户以安逸感。。。。。。。

用分歧色彩标识未接见和已接见过的链接

Web 公认的配色为，，，，，未接见过的链接使用蓝色（Blue），，，，，接见过的链接使用紫色（Purple），，，，，但您能够凭据您全站的色彩搭配设定自己的配色，，，，，只有维持全局一致即可。。。。。。。

使用所有人都能够正确显示的字体

肯定不要使用生僻或美术字体，，，，，您的接见者使用和您分歧的系统，，，，，可能是分歧版本的 Windows，，，，，可能是 Mac 机，，，，，或 Linux 甚至掌上电脑，，，，，您无法保障在您这里正常显示的某种字体，，，，，在用户那里也正常显示，，，，，尽可能使用尺度字体，，，，，并在分歧环境下进行测试，，，，，保障您的字体不会给任何人带来麻烦。。。。。。。

除非真正必要，，，，，不然不用新窗口打开链接

自动用新链接打开窗口时时让好多人生气，，，，，由于他们的桌面上会有几十个开启的窗口，，，，，若是用户想使用新窗口打开链接，，，，，他们能够自己按 SHIFT 键。。。。。。。只有新窗口是用来显示一些提醒性的新闻，，，，，或者辅助性的内容的时辰，，，，，它们才是必要的。。。。。。。

不使用满屏模式显示网页，，，，，让用户自己决定窗口的大幼 

不要自动为用户打开全屏窗口，，，，，好多用户并不知路应该怎么从全屏幕状态转回来，，，，，全屏窗口可能让用户感应发急，，，，，由于出了什么问题，，，，，不论怎么，，，，，全屏窗口是极度糟糕的事件，，，，，肯定不要使用。。。。。。。

不要弹出窗口

很多浏览器，，，，，或者它们的插件会阻止弹出窗口，，，，，若是您必须使用弹出窗口以便向用户显示某个意表新闻，，，，，如严沉谬误新闻，，，，，或者通知等等，，，，，您能够思考使用 Lightbox，，，，，Lightbox 是一种拥有很好的视觉成效，，，，，又兼容各类主流浏览器的技术，，，，，适合在网站上显示通知，，，，，谬误新闻等等弹出内容，，，，，然而它并不使用弹窗技术，，，，，它弹出的内容依然位于母窗体，，，，，任何浏览器弹窗阻止系统都不会组织这种弹出内容。。。。。。。关于 Lightbox 的道理和利用，，，，，您能够参考 huddletogether.com 的 Lightbox JS v2.0 项目。。。。。。。

用户注册的时辰，，，，，只填写必要的内容

事实上，，，，，应该只填写用户名和密码就够了，，，，，齐全没有必要要求用户提供更多具体信息，，，，，由于无数人会提供假的。。。。。。。除非您的系统是一些类似 B2B, B2C 的系统，，，，，必要用户提供真实身份发展业务。。。。。。。

网页上的告白必要有明确的告白标志

要通知用户那是告白，，，，，告白要和您的内容有肯定的分隔天堑，，，，，以免二者混在一路让用户蛊惑，，，，，请记。。。。。。。，，，用户在不知情，，，，，或被糊弄时点击的告白是没有任何效用的，，，，，带不来任何销售，，，，，即便您的告白是来自 Google Adsense 那样的点击付费告白，，，，，也不要糊弄用户点击，，，，，这是一个从业者最根基的操守。。。。。。。

告白不成使用糊弄手法，，，，，糊弄不纯熟的用户点击

您肯定遇到过这样的告白，，，，，页面上忽然弹出一个幼窗口，，，，，说您的系统习染了某某盛行病毒，，，，，请点击该按纽断根；；；；；或者说某某人给您发来一个新闻如此，，，，，这种显著的诓骗性告白是极度低劣的，，，，，是对用户显著的愚弄，，，，，不要挑战您的用户的智商，，，，，尤其当好多人都上过当并怒不成遏的时辰。。。。。。。

剥离了 Javascript, CSS 等支持文件，，，，，您的网页依然能正确的显示 

在某些情况下，，，，，用户可能禁用 Javascript，，，，，CSS 文件可能迷失，，，，，这时您的网站页面仍能正常显示。。。。。。。网页设计的一个根基准则是，，，，，首先不使用任何 CSS 装璜将内容正确显示，，，，，而后套用 CSS 将内容建饰。。。。。。。另表，，，，，Javascript 不应该用在导航等关键场所，，，，，一旦 Javascript 被禁用，，，，，用户可能导航都使用不了。。。。。。。