你须要知道的18个Web可用性原则

使用网格线来作网站页面结构

在你为一个有创意的网格页面框布局兴奋并尖叫的时候，你要保证你的整个网站的页面布局都在框子（Box）里边。网格结构能让访问者视线流固定在本页面，这是很关键的。一旦你将页面拉下来，页面也是很清晰简洁的 - 创造有趣的东西你须要放进优秀的设计放到网格里边。

不要忘记搜索表单

在你为一个有创意的网格页面框布局兴奋并尖叫的时候，你要保证你的整个网站的页面布局都在框子（Box）里边。网格结构能让访问者视线流固定在本页面，这是很关键的。一旦你将页面拉下来，页面也是很清晰简洁的 - 创造有趣的东西你须要放进优秀的设计放到网格里边。

让导航保持可寻性与可读性

若是你正在设计一个网站，你的导航如果要引导用户从点A到点B，你会使用什么方式来作呢，你是否会利用一些比较怪异文字或者图片而不是通常传统链接(例如：一座房子标识主页，可是一个圆圈里边放一条闪电就不是什么好主意)。尽可能保持导航容易阅读的，使访问者能够轻松浏览你的网站。

不要把联系信息连接使用“Mail to”连接

在点击一个连接以前，不少人（包括我本身在内）会在一个连接上悬停，而后看一下咱们的浏览器状态栏，特别是联系信息连接，有些人认为联系信息连接直接向电子邮件地址来打开一个邮件程序是一个好主意。但我要告诉你这不是一个好UX的作法。建立一个联系信息页面，它把你的电子邮件地址，并添加一个联系表格 - 您的用户会感谢你 - 并且实际上会更常常地向您发送电子邮件。

尽量使用UX的应用程序为Web测试

若是你对内容尚未把握，记录各类各样形式数据是个不错的主意。Google Analytics是一个完美的能看到你的网站访客都来自什么网页，他们在你的网站那上呆多久。你一样可使用一个网站像Feedback Army去测试用户怎么浏览和使用你的网站。了解这些网站记录能让你尽可能利用你的站点展现好的内容给有须要的人。

不要在网站的侧边栏上滥用小工具

假如你正在使用一个博客，里边有1万widgets，你可能会使用其中的一些widgets，但不是所有。你能够把博客想象成一间卧室，若里边有不少杂物，很乱没有条理，可能你的客人就不喜欢逗留。因此须要保持整洁，且有条理。博客访问者不（在大多数状况下）须要看到你的Google的好友，mybloglog 的好友，FriendFeed的好友和其余各类社交状况，所以这些都不用关心，重要的是你的站点的用户体验，而不是其余网站的东西。

你要确保在各类浏览器显示您的网站

咱们都知道的IE6已经举行过了葬礼，没有人抱怨，可是不要忘记，还有不少用户在IE7，IE8的，Opera，Safari，FF等浏览器。仅仅由于你的网站有一两个亮点看起来不错，但这并不意味着访问者能容忍使用其余浏览器时展现出来的乱七八糟的界面。花一两个小时，分析代码并确保它在各类浏览器都正常显示。

不要幻想用户会为你表单赴汤蹈火

站点的联系方式表单不该该过长，注册表单也同样。把事情尽可能简化。把表单简化到只剩三个问题（名字，Email，内容）极可能能够把之前丢失的用户拉回来。

要确保各个页面在结构一致

除非你是一个博客，你的结构是为不少人设计，支持多用户的，要不你就得要记住，访问者但愿看到熟悉一致的结构。若是他们以为本身不一样的地方时，它们加载了新的一页了，他们就会很快速的点击后退按钮。

不要忘了打印内容用的样式表

这一点是针对博客/内容等网站而言的。若是你的访问者要打印内容（相信我，许多人仍然这样作，尤为是年龄较大的旅客），你不该该要求他们打印整个页面，上边包含了评论和全部广告。这是很乱的，不必。若是看了《better blogging equals better business for freelancers》这篇文章，你会知道打印出来的文正，很干净，很清晰，没有黑色和白色，没有图像，没有评论，没有工具栏。内容是印刷的问题，因此确保它突出。

要保证你的内容布局适合扫描并符合视角路线

通常来讲，人的注意力维持不久。所以，利用章节标题（h2，H3的或H4的标记）分隔你的文章，让访问者快速扫描的文章，找到他所关心的内容。当你写你的内容，你也应该注意，用户可能看到20+行的一个段落后，视力可能就疲劳了，通常5-10行比较合适。

不要把东西塞得满满的

简化。拥挤的一个小空间，并不能让用户眼睛集中于重要的东西反而拔苗助长。是的，你有大量的信息，但并非说要把这些信息对折？尽可能让你的设计和内容能保持呼吸。你的用户会感谢你的。

必定要使用面包屑导航

面包屑是对于用户来讲，能告诉他们在哪，下一步能够去哪。若是他们访问的是网站子页，你的面包屑导航可能如此（首页>子页面标题>）。这告诉用户他们正是页面上，以及如何各级回去，若是他们想。

不要忘了利用颜色对比度，转移焦点

若是您使用的大标题，和一个栏目标题，能够尝试各类颜色的深浅，让访问者知道第一重要的东西（即：为标题和副标题为＃c1c1c1＃464646）。这些变化的颜色和对比度将决定你的用户知道下一步去哪。

确保站点没有无效连接和图像

在你的旧文章图片检查无效的连接和图片是一件很重要的事情，由于可能有访问者从搜索引擎来到你的网站，若是有断开的连接，他们将要承担一两件事情：1，你是一个老网站，再不会被更新；2，你没有尽力去保障你的网站内容价值，因此他们将去其余地方。若是你是一个WordPress的用户，有一个插件：Broken Link Checker。您还能够到iwebtool and use their free broken link checker使用其免费损坏的连接检查器（每小时最多5个请求）。

不要忽视你的页脚和做用

所当用户拉动滚动跳到页面底部，看到的是一个平淡，单行文本的网站版权说明是一件很无聊的事情。为何不点缀一下你的页脚，把它添加一些额外的内容，如受欢迎的文章，一个搜索框，电子邮件订阅，等。若是您想了解如何设计一个网站杀手页脚一些想法，你应该看看Footer Fetish，不要与其余的混为一谈。

设计过程当中尽可能使用线框图

在纸上使用线框图能让你可视化的看出最重要的内容，并怎么将他们展现出来。经过这样作，你也能够随意的试验各类布局，而没必要担忧破坏设计。对于线框灵感，我看了《I love Wireframes》 - 线框图是很惊人的。

为你的读者写内容而不是搜索引擎

你应该为你的读者用户而写，而不是搜索引擎。关键字可能在过去（并且可能仍是今天）有用，但若是一个真实访问者访问了你的一面，发现3个段落就有100次“设计师”的时候，你以为他们的点击后退按钮，仍是继续看？无疑，点击后退的可能性很是高。