改善网页设计的14个基本技巧

　改善网站设计的14个技巧

　　1.有一个计划

　　不要只是开始设计您的网站。 为了确保您的网站能够有效满足访问者的需求，您需要规划买家从首次访问您的网站到成为客户之间的旅程 。

　　他们将要查看哪些页面，它们将要阅读哪些内容，以及它们将转换成什么报价? 了解这一点将帮助您设计一个可以通过销售渠道培养潜在客户的网站。

　　您要为下一步而不是最后一步设计网站。 这都是关于以正确的顺序回答正确的问题。 这可能是 上下文 起作用的地方。 利用您已经了解的当前客户(甚至采访他们)，研究他们如何从访问者变成客户。 然后，使用这些数据来制定您的策略 。

　　2.从您的网站中删除以下内容

　　网站上的某些元素会损害 您试图传达 的价值和 信息 。 复杂的动画，内容太长的内容，丰富的网站图片只是列表中的几个因素。

　　对于只有8秒的注意力跨度的受众，您需要创建第一印象即可轻松理解要点。 应该使用简短，有力的内容部分和适用的照片/图标来完成，这些内容应由清晰简洁的标题分开。

　　如果您没错，请对其进行检查，并确保其中不包含专业术语或模棱两可的术语 。 它只会使您的内容变得混乱并使用户困惑。

　　避免使用的词语包括下一代，灵活，健壮，可扩展，易于使用，领先，突破性，同类最佳，关键任务，创新...这些都是数百甚至数千个词都已被过度使用的词语。公司，不要让您的内容更具吸引力。

　　3.包括社交分享和关注按钮

　　仅当您没有给用户提供分享您所拥有内容的机会时，才能制作出优质的内容和要约。

　　如果您的网站当前缺少社交共享按钮，则可能已经错过了许多已经在阅读您的博客的人所产生的社交媒体流量 !

　　如果您觉得这很陌生，则社交共享按钮是博客文章顶部或底部的小按钮。 它们包含不同社交媒体网站的图标，并允许您直接在您选择的社交媒体频道上共享页面。

　　这些按钮是一种非伪造的工具，可鼓励您的购买者角色进行社交共享。

　　如果您正在寻找一些 入门 工具，请查看两个免费的社交共享工具 SumoMe 和 Shareaholic 。

　　4.实施号召性用语

　　一旦访问者登陆您的网站，他们是否知道下一步该怎么做? 如果您不给他们提供某种指导，他们将不知道要查看哪些页面或采取何种操作。

　　号召性用语 按钮 是指示用户应在页面上进行的下一步 操作 的众多元素之一。 尽管我们许多人都知道这一点，但是很容易无法准确地使用它们来引导用户浏览您的网站。

　　使用最底层渠道(BOFU)号召性用语向您的网站发送垃圾邮件很容易，而使用其他排名靠前/中途的号召性用语甚至无法恰当地培养用户 。

　　要了解您是否对此感到内,，请开始阅读网站上的所有页面。 您是否发现大多数页面，甚至是博客文章，都只有一个号召性用语来进行演示/审判/咨询? 然后，该更新了。

　　花时间添加号召性用语，使他们有能力进行自我教育并帮助他们解决痛点 。

　　一旦他们确定您的公司是提供可减轻这些负担的材料的公司，他们就会更乐于研究您的服务，看看您是否可以亲自实现这些解决方案。

　　一些号召性用语示例是单击此处以获取更多信息，下载我们的示例GamePlan，注册网络研讨会，观看视频，查看所有入站营销服务以及查看价格。

　　有关更多信息， 请查看此优惠，以使您以正确的方式使用号召性用语来生成更多潜在客户。

　　5.使用正确的图像

　　并非每张图片都适合您要向受众展示的消息类型。

　　幸运的是，您有很多选择( 甚至是一些免费的 )。 但是，原因仍然引起了我们中许多人的困扰，他们决定用极其库存的照片困扰我们的网站。

　　仅仅因为股票网站具有图片，并不意味着它看起来真实，并且会引起您对公司的信任。 理想情况下，您想要使用能够描绘出在公司和办公室本身工作的真实人物的照片的照片。

　　如果不能选择真实照片， 则可以使用一些技巧 来帮助选择正确类型的库存照片 。 这将有助于为您的品牌带来更多真实感，并确保图像与您的身份和内容所说明的内容相匹配。

　　6.导航

　　在设计网站时，导航是关键，它实际上是显示用户可以访问的核心位置的地图。

　　没有比导航界面混乱或混乱的网站更糟糕的了。 在改善网站的导航时，重要的是要确保访问者可以轻松找到他们想要的东西。

　　精益导航栏的 一些 特征 包括精简的内容，导航层次结构和响应式设计，因此在移动设备上的体验不会发生太大变化。

　　如果用户找不到所需的内容，则没有理由留在您的网站上。 相反，他们一定会反弹并找到可以提供更好用户体验的竞争对手。

　　7.让访问者在您的主??页上滚动

　　褶皱上方是旧的 不要担心设计稍长的首页。 包括3-5个有助于将新用户和老用户吸引到您网站的适当区域的部分，可以帮助您创建无缝的体验。

　　但是这些部分应该是什么?

　　该列表可能会永远存在，但是一些更关键的元素的快速列表包括：

　　价值主张

　　介绍视频

　　服务概述

　　产品特色

　　关于我们

　　感言

　　案例研究 /成功案例

　　资源资源

　　如果您想要更广阔的列表，请查看此 真棒图表 或Ramona Sukhraj的博客文章之一，其中揭示了 此处未提及的 其他 重要主页元素 。

　　8.不要害怕空白

　　空格是必不可少的设计元素，可帮助您分解页面并提高可读性。

　　空白空间也称为“负空间”，是指页面上元素为空且缺少内容或视觉项的区域。

　　尽管多余的空间似乎是多余的，但实际上它负责可读性和内容优先级。 它在设计过程和网站设计元素定位中也起着重要作用。

　　如果您知道某些页面缺少空白，请查看该页面并去除不必要的元素或内容。 然后，确保将这些内容正确分组，以便用户能够区分他们在页面上的位置。 如果您需要一些网站做得很好的示例， 请查看这些全明星，以帮助您进行改进 。

　　9.移动优化

　　不要忘记 优化您的移动网站 。 如果您还不知道，则有 80%的互联网用户拥有智能手机 ，“ Google表示61%的用户不太可能返回访问困难的移动网站，而有40%的用户访问竞争对手的网站”。

　　如果我是你，我会有点担心。

　　有必要根据您的访问者的需求量身定制您的网站。 您可能想问自己，为什么有人要通过移动设备访问我的网站? 他们会寻找什么? 我的经验目前是否允许他们轻松地做那些事情?

　　如果您的网站在移动优化方面滞后， 请查看其中一些很棒的移动网站， 以了解它们如何为用户创造无缝的移动体验。

　　10.找到

　　如果您想发展大量的在线业务，则需要创建一个可以找到的网站。

　　首先要制定 搜索引擎优化策略 ，其中要考虑您的买家角色和受众要搜索的搜索词。

　　该策略术语应包括创建与访问者需求相关的内容。 视频，博客文章和电子书是可以做到这一点的一些内容示例。

　　确保您不会对排名无穷无尽的内容感到困惑。 首先，确定您的受众群体实际在搜索的适当关键字，这样您就不会吸引太多永远不会转换为您的产品的访问者，更不用说您的报价了。

　　11.永不停止测试

　　评估转换路径，用户滚动的距离以及用户单击的位置等是可以揭示您的网页是否按预期方式显示的重要素质。

　　如果您要浏览大量页面，则可能会在很多页面上发现此问题，尤其是较旧的目标页面。

　　此类页面实际上可能表现不错，但是包含您知道可以更新的过时信息。

　　其他人可能只需要一些调整更新或设计更改。 简单的更改(例如按钮颜色，标题或在副本中添加一些句子)可能会导致页面性能发生令人难以置信的变化。

　　但是，与其更改并设置它们的方式(特别是如果您不知道要更改什么)，您可以使用工具为它们创建A / B测试，多变量测试，甚至设置热图以查看哪些内容用户正在做。

　　每个测试可以揭示更多的数据，这些数据可以识别用户为什么以特定方式与页面进行交互。

　　12.识别未知的404或断开的链接

　　根据您网站的大小或浏览时间的长短，您实际上可能在这里和那里有一些无法使用的页面或链接。 最重要的是，您的访客甚至不会告诉您。

　　花时间评估您的网站是否有损坏的页面。 您可能会惊讶地发现以前未发布的高性能登录页面或链接不正确的网站页面。

　　您可以 在此处 和 此处 找到一些使用 入门的工具。

　　13.创建新的或独特的产品

　　转化访客是评估您的营销渠道中有多少用户的核心方式。 我们中的许多人都知道，通常转换访客的方式是呈现要约，演示或吸引人的项目。

　　但是，由于Internet上有如此多的资源，现在要比以往任何时候都更难以突破噪音并促使人们转变为您。

　　这意味着比以往更加重要的是，不仅要关注服务区域内提供的优惠和资源，而且要注意的不是。

　　也许您是一家社交媒体公司，注意到许多其他竞争对手正在制作有关如何创建社交媒体日历的电子书。

　　除了创建类似的报价之外，您还可以进一步开发一种工具，使人们可以输入一些信息来帮助生成与他们的Google日历同步的时间表吗?

　　如果这看起来太复杂，您还可以尝试识别当前尚不广泛使用的模板，然后快速创建并推广它。

　　无论您做出什么决定，重要的是要确保您做的是超越竞争对手的一步 。 复制当前提供的内容优惠只会使您迷路。

　　14.更新您的内容以吸引您的个性

　　当您要写给您的网站访问者留下深刻印象的副本时，我们中的许多人往往会陷入危险的陷阱。

　　内容以“我们”和“我们的”为重点。

　　“我们将增加收入……”，“我们的收益包括……”仅仅是整个网页中许多标题使用的示例。 尽管您可能会因为 自己 和 产品的 出色表现而在展示自己的业务可能会有所帮助 ，但是这并不能说明问题。

　　删除“我们的”和“我们的”，并用“您的”和“您的”代替。 您的潜在客户希望您与他们面对面 ，了解他们的痛点并直接说明如何解决。

　　因此，请尝试使用“我们的潜在成功案例”这样的标题，而不是“ Our Case Studies”这样的标题。

　　而不是专注于公司的成就的职业页面，而是过滤一些内容，以解释申请人的未来如何重要以及他们定义自己在企业中的未来工作的能力。

　　这种语法上的转换似乎微不足道，但在潜意识中，它将影响客户看待您的业务的方式。