1.页眉和页脚
页眉和页脚几乎是每个现代网站的主要内容。尝试将它们包括在您的大多数页面上,从首页到博客,甚至是“未找到结果”页面。
你的网页头部应该包含你的品牌的标志和公司名称,菜单导航,也许一个CTA的形式,和搜索栏,如果间距能控制的好那就更完美了。另一方面,许多用户会本能地滚动页脚以获取基本信息。在页脚中,放置联系信息,注册表单,指向您的常用页面的链接,法律和隐私政策,指向您网站的翻译版本的链接以及社交媒体链接。
2.菜单导航
无论是标题上方的链接列表,还是角落中整洁紧凑的面包屑导航,每个网站都至少在首页和其他重要页面的顶部需要一个导航指南。良好的菜单将访问您网站的任何部分的点击次数限制为很少。
3.搜索栏
除了菜单导航之外,强烈考虑在页面顶部放置一个搜索栏,以便用户可以按关键字浏览您的网站内容。如果合并了此功能,请确保您的结果是相关的,可以避免错别字,并且能够进行近似关键字匹配。我们大多数人每天都会使用高质量的搜索引擎,无论是百度、优酷、抖音还是其他地方。这些都为您自己的站点搜索设定了标准。
4.品牌推广
还记得我们讨论过的约定吗?在左上角几乎可以看到一个LOGO。首次着陆时,许多游客的眼睛会本能地转移到该区域,以检查他们在正确的位置。不要让他们进错网站。
为了强化这一概念,请将公司品牌纳入您添加的每个元素,发布的内容和创建的配色方案中。这就是为什么我们建议您建立品牌准则(如果您还没有的话)的原因。
5.调色板
颜色选择在站点的可用性和用户体验中也起着重要作用。该决定往往比此列表中的其他要求更加主观。但是,像我们讨论过的其他所有内容一样,请尝试简化-将颜色选择最多限制为3-4种突出颜色。
从头开始创建调色板可能非常困难。我们似乎从直觉上选择了哪些颜色可以很好地协同工作,而哪些则不能,但是当尝试从可用的无限组合中进行选择时,我们会遇到困难。
解决方案?尝试使用已证明可在其他网站上使用的调色板。充分利用您喜欢的网站的影响力,并查看我们最喜欢的网站配色方案列表以开始使用。
6.粗体标题
标题是建立我们前面讨论的视觉层次结构的关键,特别是在文本繁多的页面上。当用户浏览您所需的页面时,清晰的标题标题会提醒读者在找到所需内容后停止滚动。请仅使用页面不同部分的标题,因为过多的爆破和粗体文本会削弱这种效果。
7.清除标签
每当用户在您的网站上执行操作时,必须清楚地知道他们在做什么和/或要去哪里。所有按钮均应具有清晰的文字或图标,以准确,简洁地表明其用途。文本链接和小部件(简单的交互式元素,如下拉列表和文本表单)也是如此。
例如,链接到定价页面的按钮应仅显示“定价”,除此之外的任何内容(例如“查看我们的价格”,“查看交易的定价页面”)都是多余的。搜索栏/按钮仅需要一个搜索玻璃图标,可能还需要单词“搜索”来表示其目的。
用户测试在这里可能是主要的帮助。虽然您自己知道所有交互式页面元素都可以做什么,但对于新用户而言却不能说相同。测试将提供有价值的洞察力,让您深入了解用户认为您的标签的含义。
8.视觉与媒体
将静态图像,gif,视频和其他媒体合并到页面中时,请记住要保持一致。这些元素将引起大多数其他文本的注意,并且可能会留在用户的脑海中,因此请明智地选择。
这只是首页上有效媒体的一个示例。

同样,所有图像和视频都应针对搜索引擎进行优化,并包括描述性替代文本以实现可访问性。
9.号召性用语(CTA)
拥有一个令人愉悦的网站非常棒,但是您如何知道您的访客是否实际上在做您想要的事情?他们与您的内容互动吗?这就是CTA发挥作用的地方。
CTA是任何提示用户操作的页面元素。该操作可能是将产品添加到卡,下载内容报价或注册电子邮件列表。使您的CTA元素在视觉层次结构中突出显示(请记住我们的派迪建站案例),但不要像许多点击广告那样容易引起干扰。
10.空格
没错,有时候是关于您不包含的元素。阅读这些指南和要求后,您可能会想将网页完美地塞入完美UX所需的所有细节。不要忘记,您的观众需要空间来消化所有这些新信息,因此请为您的元素提供呼吸的空间。
但是,您应该有多少空格?那是另一个私人问题,因站点而异。因此,用户测试在这里也很方便。人们关注的是什么?他们是否对内容的密度感到不知所措?再一次,这一切都与我们的第一个指导方针-简单性有关。
用户至上的设计
确实,网页设计在很大程度上是主观的-您网站的外观和体验不会使所有人满意。但是,还有一些经过实践检验的UX原理,经过仔细考虑和整合后,可以帮助访问者感到宾至如归。
根据Amazon Web Services的数据,不良体验使88%的网站访问者不太可能返回网站。你怎么能责怪他们?我们肯定都去过那里。