优秀网页设计的7条原则

时间：2023-07-23 06:15:02 | 来源：网站运营

时间：2023-07-23 06:15:02 来源：网站运营

优秀网页设计的7条原则：可用性和实用性，而不是视觉设计，决定了网站的成败。由于页面的访问者是唯一点击鼠标的人，因此他决定一切，以用户为中心的设计已成为成功和以利润为导向的网页设计的标准方法。

极简慕枫Pithy MFweb将用一篇文章带你了解关键的7各原则，在本文我们不打算讨论设计实现细节（例如搜索框应该放在哪里），因为它已经在很多文章中完成了；相反，我们专注于有效网页设计的主要原则和启发式方法——如果使用得当，这些方法可以导致更复杂的设计决策并简化感知呈现信息的过程。

---

好的网站设计的原则和有效的网页设计指南

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

用户怎么想？

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

大多数用户搜索有趣（或有用）且可点击的内容；一旦找到一些感兴趣的内容，用户就会点击。如果新页面不符合用户的期望，则单击后退按钮并继续搜索过程。

·用户欣赏网页质量和信誉。如果一个页面为用户提供了高质量的内容，他们愿意在内容与广告和网站设计之间做出妥协。这就是为什么设计不佳但内容质量高的网站多年来获得大量访问量的原因。内容比支持它的设计更重要。

·用户不阅读，他们扫描。浏览网页时，用户会搜索一些可以引导他们浏览页面内容的固定点或锚点。

用户不阅读，他们扫描。注意句子中间的“热”区域十分重要。这是典型的扫描过程。

·Web用户没有耐心，坚持即时满足。很简单的原则：如果一个网站不能满足用户的期望，那么设计师就没能很好地完成他的工作，公司就会赔钱。认知负荷越高，导航越不直观，用户就越愿意离开网站并寻找替代品。

·用户不会做出最佳选择。用户不会搜索找到他们正在寻找的信息的最快方法。他们也不会以线性方式扫描网页，从一个站点部分顺序到另一个站点部分。取而代之的是用户满意；他们选择第一个合理的选项。一旦他们找到一个看起来可能通向目标的链接，很有可能会立即点击它。

·用户遵循他们的直觉。在大多数情况下，用户得过且过而不是阅读设计师提供的信息。根据 Steve Krug 的说法，其根本原因是用户不关心。“如果我们找到有用的东西，我们就会坚持下去。只要我们能使用它们，我们是否了解事物的工作原理对我们来说并不重要。如果您的观众会像您在设计广告牌一样行事，那么请设计出色的广告牌。”

·用户想要控制。用户希望能够控制他们的浏览器并依赖整个站点中一致的数据呈现。例如，他们不希望新窗口意外弹出，他们希望能够通过“后退”按钮返回到他们之前访问过的站点：因此，永远不要在新浏览器窗口中打开链接是一个好习惯。

-

当知道了用户的想法，以下7条原则就是我们在网站设计时需要遵守的：

1.不要让用户思考

根据 Krug 的可用性第一定律，网页应该是显而易见的和不言自明的。当您创建网站时，您的工作是去掉问号。
如果导航和站点架构不直观，问号的数量就会增加，使用户更难理解系统的工作原理以及如何从 A 点到达 B 点。清晰的结构、适度的视觉线索和易于识别的链接可以帮助用户找到通往目标的路径。


让我们看一个例子。http://Beyondis.co.uk 号称“超越渠道、超越产品、超越分销”。这是什么意思？由于用户倾向于根据“F”模式浏览网站，因此这三个语句将是用户在页面加载后首先看到的元素。
尽管设计本身简单直观，但要了解页面的内容，用户需要搜索答案。这就是不必要的问号。确保问号的数量接近于 0 是设计师的任务。视觉解释放在右侧。只需交换两个模块就可以提高可用性。

2.不要浪费用户的耐心

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

Stikkit 是用户友好服务的完美典范，它几乎不需要访问者提供任何不引人注目且令人舒适的服务。这就是您希望用户在您的网站上感受到的。

3.设法吸引用户的注意力

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

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

4.争取特征曝光

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

5. 利用有效的写作

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

涉及商业时避免可爱或聪明的名字、营销诱导的名字、公司特定的名字和不熟悉的技术名称。例如，如果您描述一项服务并希望用户创建一个帐户，“注册”比“立即开始！”更好。这又比“探索我们的服务”更好。

6.力求简单

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

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

Finch 清楚地展示了有关该站点的信息，并为访问者提供了多种选择，而不会使他们过度拥挤不必要的内容。

7. 不要害怕空白

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

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

-

如果您需要建站的话，欢迎私信我们进行联系！

更多优质内容持续更新中，极简慕枫-Global，帮助更多创新型企业实现品牌全球化！