网页设计的原则

可用性和实用性，而不是视觉设计，决定了网站的成败。由于页面的访问者是唯一点击鼠标并决定一切的人，因此以用户为中心的设计已成为成功和以利润为导向的网页设计的标准方法。毕竟，如果用户不能使用某个功能，它还不如不存在。 

可用性和实用性，而不是视觉设计，决定了网站的成败。由于页面的访问者是唯一点击鼠标并决定一切的人，因此以用户为中心的设计已成为成功和以盈利为导向的网页设计的标准方法。毕竟，如果用户不能使用某个功能，它还不如不存在。

我们不打算讨论设计实现细节（例如应该放置搜索框的位置），因为它已经在许多文章中进行过；相反，我们专注于有效网页设计的主要原则、启发式和方法——如果使用得当，这些方法可以导致更复杂的设计决策并简化感知呈现信息的过程。

良好网站设计的原则和有效的网页设计指南: #埃德蒙顿网站制作

为了正确使用这些原则，我们首先需要了解用户如何与网站的关联，他们是如何思考的，以及用户行为的基本模式是什么。

用户怎么想？#多伦多网站制作

基本上，用户在 Web 上的习惯与顾客在商店中的习惯并没有太大区别。访问者浏览每个新页面，浏览一些文本，然后单击第一个引起他们兴趣或与他们正在寻找的东西模糊相似的链接。事实上，他们甚至不看页面的大部分内容。

大多数用户搜索有趣（或有用）且可点击的东西；一旦找到一些有希望的候选人，用户就会点击。如果新页面不符合用户的期望，则单击返回按钮并继续搜索过程。

• 用户看重质量和信誉。如果一个页面为用户提供了高质量的内容，他们愿意用广告和网站设计来妥协内容。这就是为什么具有高质量内容的设计不佳的网站多年来获得大量流量的原因。内容比支持它的设计更重要。
• 用户不阅读，他们扫描。分析网页时，用户会搜索一些固定点或锚点，以引导他们浏览页面内容。
  

  

• 其实我们都没有什么耐心，坚持即时满足。很简单的道理：如果一个网站不能满足用户的期望，那么设计师就没有做好他的工作，公司就会赔钱。认知负荷越高，导航越不直观，用户越愿意离开网站并寻找替代方案。
• 用户不会做出最佳选择。用户不会寻找最快的方式来找到他们正在寻找的信息。他们也不会以线性方式扫描网页，从一个站点部分到另一个站点。相反，用户满意；他们选择第一个合理的选项。一旦他们发现一个看起来可能会导致目标的链接，很有可能会立即被点击。优化很难，而且需要很长时间。满足更有效
• 用户遵循他们的直觉。在大多数情况下，用户不会阅读设计师提供的信息，而是得过且过。根据史蒂夫克鲁格的说法，其基本原因是用户不在乎。“如果我们找到有效的方法，我们就会坚持下去。只要我们能使用它们，我们是否了解事物的运作方式对我们来说并不重要。如果你的观众会表现得像你在设计广告牌，那么设计好的广告牌。”
• 用户希望拥有控制权。用户希望能够控制他们的浏览器并依赖于整个站点的一致数据呈现。例如，他们不希望意外弹出新窗口，并且希望能够通过“返回”按钮返回到他们之前访问过的站点：因此，最好不要在新的浏览器窗口中打开链接。

1. 不要让用户思考

根据 Krug 的可用性第一定律，网页应该是显而易见的和不言自明的。当你创建一个网站时，你的工作是去掉问号——用户需要有意识地做出决定，考虑优点、缺点和替代方案。

如果导航和网站架构不直观，问号的数量就会增加，使用户更难理解系统的工作原理以及如何从 A 点到达 B 点。结构清晰，视觉线索适中，易于识别链接可以帮助用户找到实现目标的路径。

尽管设计本身简单直观，但要了解页面是关于用户的，需要搜索答案。这就是一个不必要的问号。设计师的任务是确保问号的数量接近于 0。视觉解释放在右手边。只是交换两个块将增加可用性。

通过减少认知负荷，您可以让访问者更容易掌握系统背后的想法。一旦实现了这一点，您就可以传达系统为何有用以及用户如何从中受益。如果他们找不到解决方法，人们将不会使用您的网站。

2.不要浪费用户的耐心: 网站设计最重要的一环

在每个项目中，当您要为访问者提供一些服务或工具时，请尽量减少用户需求。用户测试服务所需的操作越少，随机访问者实际尝试的可能性就越大。首次访问者愿意使用该服务，而不是为他们将来可能永远不会使用的帐户填写长长的网络表格。让用户浏览网站并发现您的服务，而无需强迫他们共享私人数据。强制用户输入电子邮件地址来测试该功能是不合理的。

正如 37Signals 团队的开发人员 Ryan Singer 所说，如果用户在看到该功能的工作后被要求提供电子邮件地址，他们可能会急于提供电子邮件地址，因此他们对自己会得到什么有所了解作为回报。

Stikkit 是用户友好服务的完美示例，它几乎不需要访客提供任何内容，既不显眼又令人舒适。这就是您希望您的用户在您的网站上感受到的。

显然，Mite 需要更多。然而，注册可以在不到 30 秒的时间内完成——因为表单是水平方向的，用户甚至不需要滚动页面。

另外一个例子：Shopify网站的立刻购买按钮， 一样的效用。

理想情况下消除所有障碍，不需要先订阅或注册。仅用户注册就足以阻碍用户导航以减少传入流量。

3. 设法集中用户的注意力

由于网站同时提供静态和动态内容，因此用户界面的某些方面比其他方面更受关注。显然，图像比文本更引人注目——就像标记为粗体的句子比纯文本更有吸引力一样。

人眼是一种高度非线性的设备，网络用户可以立即识别边缘、图案和运动。这就是为什么基于视频的广告非常烦人和分散注意力的原因，但从营销的角度来看，它们完美地完成了吸引用户注意力的工作。

人性化完美地运用了专注的原则。唯一对用户直接可见的元素是“免费”这个词，它具有吸引力和吸引力，但仍然平静且纯粹信息丰富。微妙的提示为用户提供了有关如何找到有关“免费”产品的更多信息的足够信息。

通过适度使用视觉元素将用户的注意力集中在网站的特定区域可以帮助您的访问者从 A 点到达 B 点，而无需考虑实际应该如何完成。访问者的问号越少，他们的方向感就越好，他们对网站所代表的公司就越信任。换句话说：幕后需要的思考越少，用户体验就越好，这首先是可用性的目标。

4. 争取功能曝光

现代网页设计通常受到批评，因为它们通过视觉上吸引人的 1-2-3 完成步骤、具有视觉效果的大按钮等来引导用户。但从设计的角度来看，这些元素实际上并不是一件坏事。相反，此类指南非常有效，因为它们以非常简单和用户友好的方式引导访问者浏览网站内容。

ChinaSEO将视觉吸引力与清晰的网站结构相结合。该网站有8个主要导航选项，乍一看即可。不过，颜色的选择可能太浅了。

让用户清楚地看到可用的功能是成功的用户界面设计的基本原则。如何实现这一点并不重要。重要的是内容易于理解，访问者对他们与系统交互的方式感到满意。

5. 利用有效的文字说明： 多伦多网页设计 | 建站

由于 Web 与印刷不同，因此有必要根据用户的偏好和浏览习惯调整写作风格。宣传文字不会被阅读。将跳过没有以粗体或斜体标记的图像和关键字的长文本块。夸张的语言将被忽略。

谈生意。避免使用可爱或聪明的名称、营销引起的名称、公司特定名称和不熟悉的技术名称。例如，如果您描述一项服务并希望用户创建一个帐户，“注册”比“现在开始！”更好。这再次比“探索我们的服务”更好。

有效写作的最佳解决方案是

• 使用简短的短语（尽快进入重点），例如： 谷歌SEO， 网站制作等等
• 使用可扫描的布局（对内容进行分类，使用多个标题级别，使用视觉元素和项目符号列表，这会破坏统一文本块的流动），
• 使用简单客观的语言（促销不需要听起来像广告；给您的用户一些合理和客观的理由，说明他们应该使用您的服务或留在您的网站上）

6. 力求简单： 网页设计其实简单比复杂的好

“保持简单”原则（KIS）应该是网站设计的主要目标。用户很少在网站上享受设计；此外，在大多数情况下，尽管有设计，他们仍在寻找信息。力求简单而不是复杂。

从访问者的角度来看，最好的网站设计是纯文本，没有任何广告或进一步的内容块与访问者使用的查询或他们一直在寻找的内容完全匹配。这就是为什么用户友好的网页打印版本对于良好的用户体验至关重要的原因之一。

图片来源

看看这个反面教材， 您就知道我们说什么了。 

7. 在建站的过程中不要害怕空白的空间

实际上，很难高估空白的重要性。它不仅有助于减轻访问者的认知负担，而且可以感知屏幕上呈现的信息。当新访问者接近设计布局时，他/她尝试做的第一件事是扫描页面并将内容区域划分为可消化的信息片段。

复杂的结构更难阅读、扫描、分析和使用。如果您可以选择通过可见线或一些空白分隔两个设计段，通常最好使用空白解决方案。层次结构降低了复杂性（西蒙定律）：你为用户提供的视觉层次感越好，你的内容就越容易被感知。

留白很好。使用空白作为主要设计元素。结果是一个易于扫描的布局，它为内容提供了应有的主导地位。

8. 使用“可见语言”进行有效沟通：多伦多网站制作

在他关于有效视觉交流的论文中，使用所谓的“可见语言” ——用户在屏幕上看到的内容——所涉及的三个基本原则。

• 组织：为用户提供清晰一致的概念结构。一致性、屏幕布局、关系和可导航性是组织的重要概念。相同的约定和规则应适用于所有元素。
• 节约：用最少的提示和视觉元素做最多的事情。需要考虑四个要点：简单性、清晰性、独特性和强调性。简单性仅包括对沟通最重要的元素。清晰性：所有组件的设计都应使其含义不模糊。独特性：必要元素的重要属性应该是可区分的。重点：最重要的元素应该很容易被察觉。
• 沟通：将演示与用户的能力相匹配。用户界面必须在易读性、可读性、排版、符号、多视图以及颜色或纹理之间保持平衡，才能成功进行交流。使用最大值。3 种字体，最多 3 点大小——每行文本最多 18 个单词或 50-80 个字符。

9. 测试，测试， 测试您的网站

测试不要太晚，不要太少，也不要因为错误的原因。在后一种情况下，有必要了解大多数设计决策都是本地的。这意味着您无法普遍回答某个布局是否比另一个更好，因为您需要从非常具体的角度（考虑需求、利益相关者、预算等）对其进行分析。

要记住的一些要点：

• 根据 Steve Krug 的说法，测试一个用户比不测试好100%，并且在项目早期测试一个用户比在接近结束时测试 50 个用户好。根据 Boehm 的第一定律，错误在需求和设计活动中最常见，而且越晚被删除的代价越大。
• 测试是一个迭代的过程。这意味着你设计一些东西，测试它，修复它，然后再次测试它。可能存在第一轮没有发现的问题，因为用户实际上被其他问题阻止了。
• 可用性测试总是产生有用的结果。要么你会被指出你遇到的问题，要么你会被指出没有重大设计缺陷，这在这两种情况下都是对你的项目有用的洞察力。
• 根据温伯格定律，开发人员不适合测试他或她的代码。这也适用于设计师。在你在一个网站上工作了几周之后，你就不能再从一个全新的角度来观察它了。您知道它是如何构建的，因此您确切地知道它是如何工作的——您拥有独立测试人员和站点访问者所不具备的智慧。