UI笔记——网站可用性原则

没有一个网站设计师不希望得到旁观者对他们网站的意见。

把可用性的操作知识铭记在心，分阶段设计、及早测试和经常测试是非常重要的。

要与用户保持一致，我们必须不仅仅专注于网站的外观，而这很难做到。只有提供了最佳用户体验的网站才能胜出。

那些细节就是你的用户会反复留意的东西。

用户如何思考？

用户上网的习惯与顾客逛商店的习惯基本上没有太大的不同。他们以访客的目光浏览每个新页面，扫视某些文本，然后点击第一个让他们感兴或是大体上与它们正在寻找的东西类似的链接。

实际上，有大量网页他们几乎不看一眼。

• 用户重视质量和可靠性。如果他们看到高质量的内容，他们通常愿意忍受广告和糟糕的设计。这就是为什么多年来那些设计平庸而内容优良的网站会获得许多流量的原因。内容本身比用来支撑它们的设计更为重要。
• 用户不会阅读，而会扫视。当他们分析一个网页时，他们通常会寻找一些能够帮助他们略过页面其他内容的固定点或是锚点。
• 网站用户是没有耐心的。如果一个网站没有达到用户预期，设计者就没有成功完成他的工作，公司就会蒙受损失。用户处理一个网站的信息所需认识负荷（cognitive load）（问题解决和学习过程中的各种认知加工活动均需消耗认知资源，若所有活动所需的资源总量超过个体拥有的资源总量，就会引起资源的分配不足，从而影响个体学习或问题解决的效率）越高、导航的直观性越差，用户就越容易离开，寻找其他替代的网页。
• 用户并非总会做出最佳的选择。他们并非总是探寻如何以最快的方式查询想要的信息。他们也不会以一种直线方式，一部分接着一部分地扫视页面。相反，用户会选择那些“充满”（既“充分”而又令人“满意”）的信息。它们会选择第一个合理的、表述恰如其分的选项。用户一旦发现一个可能就会达到他们目的的链接，他们非常可能会立即点击它。优化是艰难的，需要很长的时间。使网站变得“充满”效率会更高一些。
• 用户遵循他们自己的直觉。在大多数情况下，用户会靠自己的摸索而不是靠阅读设计者提供的信息解决问题。（一个基本原因是用户对此并不在意。“如果我们发现一些方法行得通，我们就会坚持这么做。对我们来说，只要我们能够使用它们，是否理解他们的工作与原理就无关紧要。如果你的观众按你设计的广告牌的方式行事，那么你就设计出了绝佳的广告牌”）。
• 用户希望能够进行控制。用用户希望能够控制他们的浏览器，并依赖那些遍布网站、展现连贯的数据。（比如，它们不希望出乎意料地看到弹出的新窗体，它们希望能够使用“后退”按钮，返回它们刚才浏览过的网站。）

使用整洁连贯的视觉设计

视觉设计告诉一个用户如何同网站进行交互。界面设计的良好，用户将会花费较少时间去学习如何使用一个网站，而会有更多的时间去实际使用它。我们在设计中经常会让自己的创意占据上风，以至于界面设计的太过于创新，导致客户第一眼难以理解。

当进行一个网站的视觉设计时，理解一些通用的惯例，会有助于创建一个看起来很棒而又不需费脑力去想如何使用的网站。

固定元素属于固定位置

当人们访问一个网站时也会有某种预期，这些预期如果没有被满足，就会导致用户难以理解网站的工作原理。让用户预见到网站该如何操作，以及那些固定的元素会出现在什么地方，对网站设计来说是很重要的。

网站设计的一般惯例

• 链接到主页的网站标题（header）通常会在网站的左上方显示。不管用户在浏览什么网站，如果想返回主页，这都是他们期待的设计。
• 宣传语（taglines）和二级标题（secondary headlines）通常紧靠在网站标题的下面。宣传语会迅速的传达出网站用途。
• 网站的搜索框（search box）通常会出现在网站的右上方或中部的上方。
• 不同类型的网站也许会有一些共同的习惯。比如，当访问一个提供RSS订阅的博客时，用户几乎毫无疑问地会先去页面的右上方查看订阅选项。

搜索是简单的

搜索并不是一直像现在这样简单。

搜索框必须清晰可见、容易识别，同时使用方便。

搜索框必须是一个框。你的访客不会阅读页面，他们只会扫视。用户倾向于在网页中通过扫视寻找这个图样，这种观念已经根深蒂固，所以应尽量避免使用其他设计，比如带链接的文字或不带输入框的按钮。

搜索框也需要简单。根据对可用性的研究，在默认的情况下不显示高级搜索选项会显得更加友好一些。

有很多地方可以放置搜索框，但是只有几个是正确的。对用户来说，最常见的地方就是网站中每个页面中部上方或右上方。当用户通过F形的扫视网站的时候，很容易发现他们。

链接要像链接

永远不要让用户去猜测一个项目是否可以点击。

在创建链接时值得记住的一些事情

• 可点击的项目应该突出。颜色并不总是能显示出链接，因为一个网站通常有一些不是链接的有色元素。这就是为什么颜色和下划线的组合是一种稳妥的显示链接的标志。
• 不要通过使用颜色和下划线的组合使非链接项目显得像个可以点击的按钮。这将使用户对于什么可以点击感到困惑。
• 在固定的区域内和页面间尽量使用相同风格的显示列举。不要使用不同的颜色显示链接，也不要在一些链接中使用下划线，而另一些中不使用。
• 链接应该有不同的状态。当为链接设定样式时，注意鼠标悬停（hover）、被激活（active）和访问过（visited）这三个状态。这样，用户在他们正掠过一个链接、点击了一个链接或已经访问过这个链接时，将会有所察觉。

仅在必要的时候使用下拉菜单

下拉菜单并不是没有用处，他们在网上绝对有自己的一席之地，但它们也经常会被误用。总体来说，下拉菜单允许用户从备选属性列表中选出一个属性。

因为下拉菜单通常占用很少的空间，对一些设计者而言，它们成了最佳的导航方式。（在这种倾向大行其道的时候，下拉菜单的缺点也暴露出来。）

缺点：

• 下拉菜单中的链接可见性较低，用户将只能看到一个选项，除非菜单被全部展开。
• 当下拉菜单包含太多选项时，用户不得不通过滚动来查看选项。在这种情况下，传统的列表会更好一些。
• 用户在凭直觉浏览时，下拉菜单不是最先被察觉到的东西。在选用它们之前与普通的导航菜单进行测试和比较，看它们的效率如何，不失为明智之举。

下拉菜单并不一定要很小。大的二维下拉面板通过对导航选项进行分组，把用户从不得不进行的滚地中解脱了出来，通过有效的使用版式、图标和工具提示，它可以精确地呈现用户选项。

下拉菜单能将内容组织成整洁的小元素，如果没有做好，它就爱那个和糟糕的布局一样。

当多于两个级别时应避采用下拉菜单。

如果子菜单通过悬停展开，只要用户的鼠标指针离开他们，就会失去焦点。

如果子菜单通过点击展开，将需要太多的点击操作，使菜单难于使用。

为了使子菜单可见而且可读，将下拉导航中的工具提示全部移除是个好主意。

有一个解决方案也许可以增进悬停功能和多级导航的可用性。

一旦用户把鼠标指针移开菜单，下拉列表连同大部分菜单会立即消失。

这个解决方案是延缓它们的消失过程。或者增加一个单击功能，要求用户点击下拉菜单外部的区域来关闭它，这和遮罩层（Lightbox）的工作方式类似。

增加多个层级的焦点区（focus range），广阔的焦点区使你必须把鼠标移开一定距离才能关闭它。

使注册表单尽量简洁

设计高效的网页表单并不容易，一个简单的原因是：没人喜欢填表单，无论是在线上还是在线下。

做出合理的设计决策，使用户完成表单变得轻松、容易、舒服是很重要的。

根据调查：

注册链接最常用的标题是”注册“（Sign up），并且会放置在页面的右上角。注册表的通常有一个简单的布局，以防分散用户的注意力。它们通常会占一个页面，并通过解释注册将会带来什么好处来吸引用户注册。

输入框通过粗体突出（62%），输入标签（当它们放在输入框左侧时）通常右对齐。表单的设计通常要尽可能地简单：设计师倾向于使用少量强制性的输入框（3~5个）和少量的可选择输入框（2个或更少）。垂直排列文本框要比水平排列好一些。还没有一种标签排列方式成为主流。

注册表单通常不包含分散注意力的内容，这样有助于用户专心完成注册。他们通常不包含悬浮、动态和聚焦等效果。提示通常放在输入框的下边（57%）或者放在输入框的右边（26%）。

电子邮件地址通常不需要确认（82%），但是密码通常需要确认（72%）。若不使用表格形式，“取消”按钮几乎没有用，”提交“按钮左对齐（56%）或居中（26%），然而Captchas使用了完全不同的表单。最后，感谢信息通常用来激发用户进一步对网站的服务进行探索。

考虑添加“返回首页”链接

对于页面或文章短小的网站，它新的毫无必要。

对于那些很长的网站，提供这个极好的功能既可以节省时间，又可以省去鼠标的垂直滚动操作。

“返回页首”链接的主要问题是它影响浏览器的导航功能并会“污染”浏览器的历史记录。另外“返回页首”链接在概念上是模糊的，在网站之间很难连贯地完成它的功能，同时会影响到基于话语的用户代理的使用。

“返回页首”链接会在FAQ、帮助和站点地图中使用，它有助于分割章节和段落，并为用户提供一个快速跳回到开始页的方式，而主导航就在开始页。

尽可能地避免使用Splash页面

Splash页面是网站首页的一种，它除了让用户获得一些网站的信息和背景知识和之外，不提供任何实质的内容。设计师使用他们，是为了通过赏心悦目的的效果吸引用户的注意力或把用户的注意力吸引到公司最新的产品上去。

但是它们却增加了加载时间，除了“进入网站”之外，几乎没有任何导航选项。

虽然大多数网站不使用它们，Splash页面仍然很流行，因为他们有时是必须的，比如免责声明、重要信息（活动截止、重要升级）、浏览网站的软件要求（Flash、Java、QuickTime等）或浏览提示（通常用于Flash网站）。

底线是：用户不喜欢Splash页面，“创造性”的Splash页面会惹人烦。

链接应该在同一个窗口打开

从可用性的角度考虑，强制在新的窗口中打开链接破坏了UI设计的一个基本原则：用户应该始终能对界面进行控制。用户需要界面具有连贯性，用户需要知道他们的交互活动不会被打断。任何偏离了这条原则的做法都会使网站变得更加设计导向（design-oriented）而不是用户导向（user-oriented）。

有经验的用户有强烈的欲望希望知道他们正在控制系统，以及系统将会对他们的动作做出反应。

考虑一下用户在新的窗口还是在同一窗口打开链接的两种情况

1. 用户希望在新的窗口打开链接，但是网站却在同一窗口打开链接。
2. 用户希望在同一窗口打开链接，但是网站却在新的窗口打开链接。

第一种情况，用户可以通过上下文菜单（context menu）或快捷方式选择在新的窗口打开链接。在这里，用户是动作的发出者，因为他或她决定如何展示链接所指的页面。网站的行为满足用户的预期，用户获得了良好的体验。

第二种情况，用户点击链接，仅仅发现网站跳转到了新的页面。在这种情况下，用户仅仅是动作的接受者，无法控制打开新页面的行为。网站的行为不符合用户的预期，用户获得的不是很完美的体验。

当一个网站的行为不可预期时，用户会被惹恼。如果在新的窗口打开链接会带来更多的便利，那么就让用户自己去完成这个动作。不要通过替用户来做决定的方式来侮辱用户的智力。不要强迫用户打开新的窗口，除非你有非常充分的理由。

你需要注意以下可用性检查点

1. 不要改变用户窗口的大小。这个观点和反对弹出窗口（pop-up）的观点是类似哦。（认为自己比用户更清楚软件环境如何配置是非常不合情理的）
2. 不要使字体太小。字体如果太小，长篇的文章阅读起来会比较困难。也不要把链接、表单、搜索框和其他元素弄的太小。（确保任何内容块都在每行字符50～85个之间，在文字的周围提供充足的空白）
3. 链接文本要清晰。链接文字应该用来描述它所指向的目的地。避免使用含糊的描述。
4. 去除死链。网上有太多死链。不要把你的用户引入死路。
5. 校对。通读全部内容，即使你已经度过了，再读一遍。另外，也请别人来读一读。你总会找到一些可以改进的地方。（在保持特性不变的情况下，压缩文本、把大文本块分成小的段落、添加醒目的标题、使用列表以便用户扫读）校对时也不要忘记动态文本。（弹出窗口的文字）通过检查，确保重要文字在显示时不会成为孤立的一行，确保表单符号使用正确，尤其是撇号、引号、连字符和破折号。
6. 检查功能。仔细检查每一处。如果你有一个建立联系的表单，测试一下它的结果。看用户如和用你网站的，其他人使用网站的方式和你的预期不同是会发现什么。通常要坚持的东西是建立联系的表单、搜索功能、购物框和注册区域。
7. 使表单尽可能简洁。使用适合的表单元素（选择按钮、复选框、输入区域、文本区域）来完成相应的任务，提供充足的空白（以及足够的边框）以便输入内容，移除不必要的区域，为每个输入区域提供描述性标签（如果有必要添加帮助信息和提示信息）。不要强迫用户使用严格的输入格式。提供有用的、信息充分的错误提示信息。
8. JavaScript不起作用时，展示效果仍要优雅。你的网站在JavaScript不起作用时也要能正常工作。因为出于对安全因素的考虑，用户通常会关闭浏览器对JavaScript的支持功能，所以对此要有所准备。通过测试，确保你的表达在这种情况下仍然能完成服务器端有效性检测，同时对你使用的AJAX效果进行测试。
9. 不要忘记保护性设计。最容易被忽略的保护性设计元素就是404页面。当用户请求一个不存在的页面时，就会显示404页面。通过提供一个有用的404页面把你的用户引导回来，这个页面可以导向主页，也可以向其他用户推荐他们可能感兴趣哦页面。同样检查你需要验证的表单。通过提交异常信息进行测试，看一看是否会发生错误，以及是否为用户提供了足够的反馈信息以便修正它。
10. 考虑页面打印。如果用户想要打印网站上的网页，他们只希望打印主要内容而不是导航和额外的设计元素。这就是为什么要创建一个专门用来打印的模板。
11. 为获得最佳性能而努力。你将会为了获得最佳性能而配置你的网站。在网站发布后应持续进行这一工作，但是你也可以在发布前通过简单的几个步骤进行操作。（减少HTTP请求、尽可能使用CSS sprite、优化网站图片、压缩JavaScript和CSS文件）这样你的页面会载入得更快，并且占用更少的服务器资源。
12. 要使与你的联系变得容易。也许你不想与用户联系，但是如果你的用户想要和你联系，但是却找不到任何联系信息，他们将失去兴趣和对你的信任。这对于网站而言是个灾难，它会使网站错失良机。

传达你的网站的组织结构

网站骨架的概念：简单的说，网站骨架有助于决定哪些表单对网站的功能而言是不要的。

假定网站用户体验领域可以通过两个不同的角度进行探索：一个是软件界面（比如在网站应用中），另一个是超文本系统（这将是内容管理系统的内容部分）。

虽然一个网站很少能完全通过它的内容进行描绘，但是也很少能完全通过它的功能进行描绘。不管情况如何，我们都总是必须传递它的组织结构。

重申一下：界面设计帮助用户做事情，导航设计帮助用户找到想要的东西，信息设（帮助用户弄清我们网站上的那些信息对他们可能是有用的）计帮助我们的网站与用户进行交流。

在为一个网站进行视觉设计时，这些都需要考虑。

使用标记来构建上下文

标记（每一部分使用不同的颜色、页眉和按钮，可以帮助用户定位），用户知道他们在你的网站中的位置，会有助于建立一种目的感，并使他们问自己“我能在这做什么？”。这就是信息设计的目的：使用户能够对他们可及的信息进行选择。

建立良好的导航

除了内容外，导航可能是网站最重要的部分。

总体来说，用户在使用内容为主的网站时，希望任何页面都能提供三种类型的导航。

全局导航（Global Navigation）：在整个网站中我都能去哪？

全局导航通常以表格式导航的形式出现，还会包含一个便捷的指向网站主页的链接。全局导航应该包含“受控制的”文字和短语（如各栏目名称、行业标准术语和外行使用的语言），并且突出网站的结构。因为全局导航如果放置得体的话，将会成为用户最先去的地方，它的设计至关重要。

本地导航（Local navigation）：在这个部分为能去哪？

许多用户喜欢进一步浏览和他们正在浏览的内容相关的内容，本地导航正好能满足这一需求。如果网站组织得很好，当用户访问某一栏目时会知道他们将会发现什么，本地导航就是他们获得此类内容的入口。

因为本地导航时用户在网站停留的一个共同的原因，很多网站现在采用了一种混合导航的方式。

上下文导航（Contextual navigation）：在这个页面我能去哪？

在用户已经深入到你的网站，并发现了他们正在寻找的内容，上下文导航会把用户留在同一页面，但是允许他们通过容易理解的内容区域四处活动。（上下文导航是一种未被充分使用，但十分具有价值的导航形式）

当创建上下文导航时，把菜单放在内容的顶部（通常是一个目录表或文章分类列表），同时在页面的各部分都包含“返回页首”链接。如果执行正确，上下文导航会把你的网站上的页面变成资源，鼓励用户经常来回寻找信息。（例子：维基百科）

更重要的是，上下文导航提供了一个独特的（但是经常被忽略）机会，它可以在构建网站的品牌的同时，进行交叉销售、促销和使用户获得资讯。

补充导航

在浏览你网站的一个页面后，许多用户离开了，访问其他网站或关闭了浏览器。这时，一个好的主意是在内容的下面紧跟上补充导航。补充导航通常包含相关内容，以便用户能够停留并获悉你的网站行能提供什么。

面包屑（“面包屑路径”）是一种典型的二级导航模式，它用来定位用户在一个网站或一个网络应用中的位置。面包屑在正式的网站应用中为用户提供了一种返回到他们出发点的途径。

那些包含很多按级别排列内容的网站，你经常会发现面包屑。你也会发现他们在网站应用中不仅仅只有一步，他们的作用像一个进度条。最简单的形式是由水平排列的、并由“大于号”（>）分割的文字链接构成，这个符号显示了当前页面哦级别。

因此，如果你的网站很大并且需要按级别排列页面，使用面包屑导航是一个很好的主意。

对于没有任何分级和分组、只有一级的网站不应该使用面包屑导航。用来决定一个网站是否可以从面包屑导航中获益的一个方法是建立一个站点地图或网站导航结构图，并且分析面包屑导航能否提高用户在不同类别之间导航的能力。

面包屑导航应该被看作一种额外的导航特例，不应该取代基本的导航菜单。它是一种便利，一种二级导航方案，它可以提醒用户他们在那里，并提供一种不同的浏览网站的方式。

因为通常水平放置并且样式简单，面包屑路径不会占据太多页面空间。

面包屑路径是一种吸引第一次来访的用户通过登录页面（landing page）细读网站的绝佳方式。（如果用户通过引擎搜索到某个页面，看到面包屑后，他们可能会点击更高一级的页面去看相关的主题）。作为回报，降低了网站的整体跳出率。

重要的易用性法则和原则

7±2原则

因为人脑处理信息的能力是有限的，所以它通过把信息分成块和单元来处理复杂问题。（根据研究，人们的短期记忆每次能处理5～9件事情，这经常作为把导航菜单的元素限制在7个以内的依据）

2秒钟法则

这是一个松散的原则，用户在使用某类系统时的等待反应（比如：功能切换和功能载入）的时间不应该超过2秒。选择2秒也许有一点随意，但是这却是一个合理的数量级。一个更可信的原则是，用户等待的时间越短，用户体验越好。

3次点击法则

根据这条原则，用户在3次点击之内如果还没有找他们想要的的信息或了解网站的特色，他们就会离开该网站。这条原则突出了清晰的导航、符合逻辑的结构和易于理解的网站层级的重要性。在大多数情况下，与点击次数是无关的，但是用户始终知道自己现在在哪、从哪里来和他们能去哪是很重要的。如果用户觉得他们对系统如何工作有一个全面的理解，即使点击10次也没问题。

80/20法则（Pareto定律）

Pareto定律（也被称为“少数关键定律”或“因素稀释定律”）表明80%的结果，由20%的原因产生。这是商业中一条基本的经验法则，但是也同样适用于设计领域和可用性领域。

界面设计的8个黄金法则

Ben Shneiderman通过对用户界面的实际的研究，提出了一系列的原则，这些原则来自经验和启发，适用于大多数交互系统。这些原则和所有用户界面设计都相关，严格意义上说，也适用于网站设计。

1. 努力做到连贯；
2. 允许频繁使用系统的用户使用快捷方式；
3. 提供信息反馈；
4. 为关闭这一动作设计对话框；
5. 提供简单的设计处理；
6. 允许简单的撤消操作；
7. 提供控制感。支持内部控制点；
8. 降低短期记忆载荷。

Fitt‘s定律（Fitts1954年提出）

它是人类活动的一种模式，它可以根据到目标的距离和目标的大小，预估出快速移动到目标需要的时间。这个原则断言，在定位时存在一个速度和精度的平衡，目标越小和（或）距离约远需要的时间越久。这个定律在处理鼠标活动（用户把鼠标从A点移动到B点）时通常表现明显。即内容越容易被点击到，它的点击率越高。

倒金字塔法则倒金字塔是把摘要放在文章前面的一种写作方法。这种方式使用了新闻业中著名的“瀑布效应”——新闻作者试图让他们的读者即刻知道他们报道的主题。文章以结论开头，接着是关键词，最后那些次要的细节，比如背景资料。由于网络用户需要即时的满足，这种倒金字塔分风格对于提高用户体验是非常重要的。

给用户一个5万英尺的视角来看你的程序

当第一次到访你的网站是，一些用户可能会感到无所适从。他们要对于你的网站传达的东西有一个整体的了解并不容易，除非有效的展示了你的信息。

组织任何有很多内容或很强功能性的网站，这些方面的知识都必不可少，但是在网站中，我们把它称为信息架构（Information Architecture，简称IA）。信息架构就是对网站的内容进行组织，以便达到最佳的信息传递效果。

一些可以向用户传达网站理念的方法：

心智模式和象征物

用户访问你的网站也是来完成某项任务的。他们会欣赏网站设计，但是在第一次到访后，他们会仅仅按照日常习惯使用你的网站。

因此，考虑下用象征物来展现你的服务。象征物是一种介绍你的产品或服务的捷径，几乎不需要解释，好的象征物已经把你的产品或服务和用户头脑中的信息（或心智模型）结合起来。

组织网站的内容

人们在头脑中会有日常生活中事物如何发挥功能的“路径图”。

如果你的网站包含大量的内容，则需要找一个合理的方式组织它。进行分类是一个好的起点，也就是把内容分成语义相关的组。这个理想解决方案只需要极少的开支，但却对用户非常有用。按读者的预期设计一个合理的分类方案，建立一套基于文字和短语的分类方法。

另一种组织内容（以及优化网站搜索结果）的方式是使用元数据，也就是关于数据的数据。“元数据”听起来有点难懂，但是实际上你引进与它打了很长时间的交道。（如一篇博文章的元数据包括作者、出版时间、浏览次数和评论次数等）这类数据允许用户对网站的内容进行搜索和排序，这将为他们提供可以操作的内容列表，进一步逼近他们的目的。

提供站点地图

如果你的网站包含很多内容，站点地图是一种很好的导航方式。站点地图就是一个页面或栏目，它以直观的方式展现网站上可以访问的页面子集。考虑一下把这个结构展示在页脚中或提供指向它的链接。

使用帮助

提供“使用帮助”是一种最直接的想用户介绍网站的方式。不幸的是，这也是你的网站上最可能被忽略的部分。大部分用户会直接忽略那些对服务进行描述的大块文件。这不过是人们使用网站的方式。

正因如此，一些有助于向用户展示网站如何工作的最佳实现方案脱颖而出，这些实现方案不依赖于大块的文本。

这里有一些了提供使用帮助的方法，它们使用很少的文本或根本不使用文本。

白板

白板提供了一种可视化的引导用户的方法。（展示一张图片，它显示了在包含数据的情况下你的网站看上去是什么样子的。看了这个如何使用网站或是应用的例子，用户就会知道该怎样与之进行交互）

产品介绍和内嵌帮助

可以考虑把对产品介绍融入到界面的各个部分。（现在流行的多栏布局，使网站包含这类文档变得比以往任何时候都容易。如果用户对某个特殊功能有疑问，他不用离开当前页面就可以获得答案）

建立信任

信任是你的网站在用户中必须营造的最重要的事情之一。信任是一条基本原则，难以表述但是极为重要。（很多研究将正面的用户体验等同于对网站本身的信任感）

考虑一下可信度、透明度和慷慨程度。尊重你的用户，显示出你对他们的信任和专注的感激之情。

不要让用户毁掉自己的用户体验度

现代网站通常会遵循这条建议。虽然它主要应用于互联网应用程序中，但是对内容驱动的网站同样适用。用户会测试你的应用程序的极限。（如果用户可以删除内容，那么请为他们提供一个“恢复”功能。如果用户可以在输入信息时关闭浏览器，在没有询问之前不要抛弃他们的数据。如果用户在保存文档的过程中可以关闭有浏览器，不要删除保存的数据）要考虑到用户不会按照你预期的方式使用你的服务，因此尽量不要使结果让人无法接受。

不要要求太多而给予太少

在为设计最新、最好的用户交互努力的过程中，应该遵循的一条原则：不要破坏任何事情。

任何作为用户浏览器一部分的功能，都不应该偏离用户使用网站的经验。

最基本的元素通常被最先破坏。（不要屏蔽用户的“后退”按钮，不要限制用户为你的网站添加书签的能力，不要在并非必要的情况下修改用户已浏览和未浏览的链接的颜色。很多刚入门的用户和中级水平的用户，很大程度上要依赖这些特性来浏览网站。）浏览器的这些功能对他们的体验十分重要。

许多交互活动应该跨浏览器进行测试，在那些能被用户屏蔽的功能不起作用的情况下，交互活动仍能表现良好。一个好用的网站本质上应该是一个可以使用的网站。

要让用户知道你的网站是否支持他们正在使用的浏览器。不要让他们自己去猜想。只有在你告诉他们之后，他们才会知道他们也可以应征加入浏览器的战争。

及早测试、经常测试

所谓的TETO原则应该被应用到每一个设计项目，因为可用性测试经常会为布局的问题和难题提供至关重要的参考。

测试不要太晚、测试不要太少，也不要为错误的理由进行测试。测试又有正当的理由，大多数设计决定都是局部的（理解这一点很重要）。你不能准确无误地回答一个布局是否优于另一个布局，因为你需要从特定的视角进行分析（要考虑需求、股东和预算等因素）。

一些需要记住的要点

• 根据Steve Krug的观点，测试一个用户一定要比一个用户都不测试好，在早期测试一个用户要比在后期测试50个用户好。根据Boehm第一定律，错误最常发生在需求阶段和设计阶段，越晚发现这些错误，修改的代价越高。
• 测试是一个反复的过程，这意味着你设计一些东西，测试它，修正它，然后继续测试它。你可能会发现一些在第一轮测试时被忽略的问题，因为用户的注意力已经被其他问题吸引。
• 可用性测试总是会产生有用的结果。他们既指出了功能上和交互性上的错误，也指出了主要的设计瑕疵，它们从以上这两个方面为你的设计提供了有益的见地。
• 根据Weinberg定律，一个开发者不适合测试自己写的代码。这也适用于设计师。在为一个网站工作了数周之后，你已经再也无法凭借肉眼识别任何问题。你知道一个网站是如何构建的，因此你非常清楚它怎样工作。你具有独立测试者和访客所不具备的背景知识。

底线：如果你想做一个非常棒的网站，你必须进行测试

 

最后需要考虑的事情

这里有很多你可以考虑的方式，来使你的网站更加有吸引力。

• 虽然创意是个好东西，但是不要让创意盖过了设计本身。不要把界面设计的太过新颖，以至于一般的网络用户难以意识到该如何使用它。
• 创建可以预见的网站，设计用户期望的东西。不用试图使用未来网站的特色，除非它对完成旧的任务具有明显的优势或更加直观。
• 用户会快读浏览网页，不会停下来看那些设计者花了很多小时精心雕琢的细节。如果你能够使他们更加容易地从一处跳转到另一处，或帮助他们找到自己需要的东西，他们会更加欣赏你的工作。记住，很多用户仅仅希望把使用网站当做日常事务的一部分。
• 在投入视觉设计之前，花一些时间规划你的用户将如何使用网站（界面设计），他们会如何在网站上进行导航（导航设计），以及网站将会如何与他们进行交流（信息设计）。
• 总是通过路标告诉用户他们在网站中的位置。知道自己方位的用户更容易建立目标感。
• 沿用导航管理。如果用户不清楚他们能够去哪里，在进行导航的时候会遇到困难。在设计导航的时候，不要停在第一个层级：为每个网页都设计全局导航、本地导航和上下文导航。通过让内容按语义关联进行分组，来帮助用户找到他们正在寻找的内容。
• 总是预想用户不会按你的预期使用你的网站。设想一下他们会如何误用你的网站，不要让误用造成难以接受的后果（比如，在没有提供“恢复”选项的情况下删除一个文档）。