2021年改进网站设计的12项技能

访问者能在登录你的网站的五秒钟内确定你的公司在做什么吗？用户能否根据需要轻松导航到各栏？你的定价布局容易理解吗？你的网站跳出率低吗？

假如你发现自己对这些问题的回答是否，那么也许是时候仔细考虑一下你设计和优化网站的方法了。

网站的设计可以融入你网站的用户体验，功能和适当的补充你的内容，才能真正出类拔萃。

忽略这些事情可能很容易，认为这些更新是你不担心的网站优先事项，但成功的网站需要高质量的内容和优秀的用户体验来保持平衡。

你想做的最后一件事是花时间在信息中心或服务页面上写一些令人惊讶的内容，因为设计缺陷、导航问题、混乱的布局或错过的转换机会。

然而，影响网站用户体验的因素很多。了解最重要的事情可能是一个挑战。

那么，你需要知道什么才能开始改进你的网页设计呢？

为了回答这个问题，有12个网站设计技巧，以确保您在正确的方向上修改，并确保您不会拒绝访问者。

1.有一个计划

既然你已经意识到你的网站可能需要一些改进，你现在应该退一步，制定一个解释如何解决这些问题的计划。

从绘制你的客户之旅开始，从有人第一次访问你的网站到成为客户。

在执行此操作时，请考虑他们将查看哪些页面，他们将阅读哪些内容，他们将转换成什么样的报价。了解这一点将帮助您设计一个真正获得潜在客户的网站。

如果你试图获取这些数据，或者缺乏可以使研究更容易的数据CRM系统可以随时采访您的客户。花15-30分钟问他们几个问题(你甚至可以用100元的星巴克礼品卡补偿他们)。尽可能多地与人沟通，但不必费力。

然后，使用这些数据来制定你的策略。这将帮助您确定网站的关键接触点或用户与之互动的区域。

在这些接触点中，你应该能够画出需要唤起用户情感、思想、目标、痛点和机会的每一个接触点。

回答这些问题将帮助您指导设计。他们的图像是否将以您想要的方式最有效地解决这些领域？特定的调色板呢？开始你的客户旅程将有助于创建这些问题的答案，并更好地加强你的设计。

2.消除干扰元素

网站上的某些元素会损害你试图传达的价值和信息。复杂的动画、太长的内容和粗糙的网站图像会干扰用户。

对于只关注八秒钟的观众，你需要充分解释用户在他们正在查看的页面上会学到什么，你的设计不应该受到干扰。

在付诸实践之前，首先要确保你有一致的品牌标准。

本文应详细说明您的字体样式、颜色、图像、图标和徽标用法。没有这个，品牌在设计页面时很容易挣扎。你可能会开始看到任何颜色，使用各种字体风格和大小，这可能会分散你的新闻注意力，或者给试图转换的人造成视觉混乱。

避免过多的页面动画或交互也很重要。如果你滚动浏览页面，看到每个按钮都有跳动或每个图标部分都有自己的动画，你可能会感到不知所措，无法阅读页面上的内容。

在查看一个网站时，我们注意到的第一件事就是颜色。 一方面，用户很难决定眼睛应该去哪里。它应该是两个红色按钮之一吗？还是导航的顶部？

当用户到达页面时，你需要弄清楚他们的注意力转移到哪里，以及他们自然需要遵循的顺序。当这种颜色布局达到这个目的时，会产生干扰。

其次，部分网站区域间距不一致。若文本周围容器的宽度增加，则可轻松固定。 在标题下方的灰色部分，它们从一个按钮(上下文不多)开始，感觉被夹在图像的顶部。作为用户，我想知道它是否应该在下面留出空间，或者它是否应该与图像直接相关。网站加载错误吗？这种内部辩论引起了混乱。

让我们看一个页面，提供更好的用户体验，遵守品牌标准。

在我们上面，有IT该领域的一家公司Communication Square。乍一看，网站使用的外观更简洁，颜色更醒目，空白更多。

我们喜欢颜色Communication Square有两种按钮颜色，一种用于优先级较低的顶部或漏斗中的操作（蓝色），另一种用于漏斗底部的操作（橙色）。结果，我立刻看着橙色，这是他们希望我采取的更重要的措施。它们的字体也更有凝聚力，看起来只有一个字体家族，用于浅、中、粗。这样可以创造均匀性，使所有内容都能很好地合作。

总的来说，幻灯大图几乎没有分散注意力的空间。幻灯片本身并不是很详细，用白色覆盖层覆盖，使内容脱颖而出，而不是消失在图像中。

这些详细信息确实有助于改善您的整体网站体验，并帮助您的用户更好地了解您希望他们做什么，从而减少混乱。

3.添加社会证明

如果你像大多数人一样在天猫或京东购物，你可能更喜欢写四到五星级评论的产品。

通过查看这些评论，我们获得了对产品的信任，相信它会按照承诺执行我们需要做的事情，这反过来又促使我们购买它。

同样的效果适用于您的产品或服务和网站。如果用户从真实的人那里看到有影响力的推荐，则研究表明，您的潜在客户购买产品的可能性要高58％。

但是，你应该如何看待你的推荐信息，以便他们在看到用户时与用户建立有效的信任关系？你可以采取一些策略。但首先，你需要考虑证书、文本或视频的格式。视频推荐是历史上最好的。这是因为媒介自然可以让用户长时间保持注意力，建立更牢固的人际关系，从而听到声音，看到真人的脸。

也可以选择文本推荐信息，但如果设计合并正确，仍有助于与用户建立信任。

Upland Adestra是英国企业电子邮件和营销自动化软件公司。他们在个人鉴定页面上有四个视频，每个视频都包含在自己的部分。

Upland所有的视频都不是随意放在一起的，而是分开的，旁边加上标题和句子，详细说明客户与他们合作的结果或收入。现在，用户可以理解他们将在视频中听到的内容。

我们喜欢一些视频如何显示某人演讲的缩略图，让用户在视觉上放心。他们可能会听到客户的声音，而不是基于文本观看视频。

假如你还没有像Upland这样的客户推荐视频，那么你可能会找到一个案例研究页面，你可以详细讨论一切来帮助客户。

Zenefits在他的网站上做得很好。

每张卡都有图像来展示公司的成员，这比他们使用图库照片或只使用徽标图片更值得信赖。

此外，由于他们有五页的解决方案，他们在页面顶部添加了一个过滤器，允许用户细分行业或解决方案类型。现在，用户可以更快地找到他们想要的案例研究类型。

最后，如果你的网站只包含文本证明而没有案例研究，在设计它们时需要注意一些方面。

例如，你不能只把一组文本推荐和一个名字放在一起。这些都不太可能被视为事实，因为它们会让用户怀疑他们在哪家公司工作，他们的职称是什么，以及他们的形象（视觉上确认他们可能是真实的）。

在Drift查看网站上的推荐部分。

他们使用推特评论，但你可以很容易地使用不使用Twitter feed补充此布局的内容。

无论它们来自Twitter，这部分可以让你完成很多事情。首先，由于采用了兴趣风格，可以立即查看大量评论。

其次，推荐信息包括照片和人物/公司名称，使评论更加合法。

如果您想在您的网站上添加推荐信息，则应在您的主页、服务页面或导航中包含特殊客户推荐信息。对于那些了解你的公司并考虑购买的人来说，这些页面中的每一个都是最好的接触点。

只要是真正的推荐，推荐就真正的推荐，推荐就能改善你的网站体验，赢得潜在客户的信任。

4.实施号召性语言

访问者一旦登录到你的网站(可能通过主页)，就需要引导他们访问网站的位置，帮助他们转换。人很懒，所以对他们来说很容易。为他们指明正确的方向，这样他们就不必费心去寻找他们想要的东西。

考虑到这一点，改善网页设计的最佳方法之一是在导航的右上角使用战略吸引力术语，需要采取措施的部分和网站页面的底部。

但别忘了你的买家之旅。在你的网站上做的一件简单的事情是，无论用户在哪里，他们都可以通过底层渠道呼吁语言（BOFU）淹没用户，但如果有人不愿意购买，他们很可能不会采取任何措施。完全没有

相反，你应该根据他们正在查看的页面与用户见面。

例如，如果他们知道网站上用来构建自定义壁橱的材料，他们更有可能仍然教育自己，意识到自己的问题。与其给他们一个联系我们的号召性语言，不如给他们一个关于定制壁橱建材的综合指南。由于这是目前的担忧，他们将更有可能转变。

看一个现实的例子。

标题是建立一个企业网站要少钱？”。接触本文的读者可能会考虑修改网站，并试图确定这是否是他们的最佳决定。因此，只有向他们展示一个号召性用语来帮助他们了解更多信息才有意义。

我们提供给他们的报价是修改你的网站的最终指南，希望他们能在一个地方找到几乎所有必要的答案。

这类折扣也有利于与用户建立信任。如果他们通过这些工作来教育他们，他们就会开始把你的公司视为思想领袖，让他们更容易研究你的服务。

5.使用正确的库存图片

我们总是建议你在网站上使用原始摄影作品，但如果这不是一个选择，你可以使用一些技能来帮助选择正确类型的照片。

虽然库存照片可以节省你生成自己图像的时间，但是很多网站上的图像还是陈词滥调。你还会发现许多其他网站可能会显示相同的图像，这当然对你的声誉没有帮助。

用户会潜意识地质疑你的图片，从而减少信任，增加转换的难度。

因此，在选择库存照片时，请尽量远离这些俗气的图像。这些照片是人们夸张的微笑，看着相机的照片，穿着中国服装的高管，以及一群人在空中跳跃的照片。

你在现实生活中什么时候见过这种情况？

相反，在光线充足的环境中寻找描绘逼真场景的照片。这可能是办公室里人们在商务休闲服装会议桌上打字的人的肩镜头，在白板上画画的人在开放的房间里交谈。其他人将开始认识到这些场景。而不是在工作室里寻找真实的图像。

因此，不要像这样使用照片：

由于上述原因，请尝试使用以下照片：

找到自己喜欢的照片后，应该通过TinEye为了了解有多少人在他们的网站上使用这张照片。若数千，则最好使用更不常见的照片。

这将有助于给你的品牌带来更多的真实感，并确保图像与你的身份和内容的解释一致。

如果你发现自己在网站上获得更逼真的照片时遇到了麻烦，你也可以联系浪潮来获得一些很好的图库网站建议。

更加关注你的摄影将有助于更好地代表你的品牌，以及你希望别人怎么看待它。

6.有组织的导航

导航是网站设计的关键。本质上，它是显示用户可以访问的核心地用户可以通过这种方式轻松深入地研究您的服务、产品等领域。

没有比导航界面混乱的网站更糟糕的了。糟糕的设计实践（例如，过度使用导航、模糊或混乱的超文本和缺乏组织）可能会使访问者很难找到他们想去的地方。

如果用户找不到所需的内容，就没有理由留在你的网站上。相反，他们肯定会退出并找到能够提供更好用户体验的竞争对手。

在改进网站导航时，确保访问者能够轻松找到他们想要的。这将包括简化的内容、导航层次结构和响应设计 ，因