精明的营销人员知道，智能的网页设计可以大大提高转化率。数字化第一印象可以建立或破坏您作为企业的信誉。我们提供了一些设计技巧，可帮助您在网站的访问者中获得最佳印象。
加载时间
每个人都知道漫长的加载时间会增加网站的跳出次数并减少转化次数。但是，根据网站速度监视服务MachMetrics的说法，理想的加载时间仅3秒钟，您就开始失去访问者。
只需点击一下鼠标，消费者不断缩短的关注范围就不愿等待较长的加载时间，这可能会导致他们进入竞争对手的速度更快的网站。
如果您想增加转化次数，则需要找到提高网站加载速度的方法。
压缩图像是执行此操作的一种简便方法。除了关注文件类型之外，您网站上的图像可能也足以在屏幕上变小了-实际上，较小的图像肯定会更适合移动设备。
删除不必要的动画，自动播放的视频以及旋转横幅还可以使网站运行更加流畅。
在2018年，所有网站流量的52.2％是通过移动设备进行的，因此请务必在评估网站的桌面版本后检查网站的移动功能。
希克定律
希克定律或希克-海曼定律描述了一个人根据其选择的次数做出决定所花费的时间。选择数量的增加对应于更长的决策时间。
2000年著名的果酱实验很好地说明了这一点。一天，在一家杂货店，向购物者展示了24种果酱和1美元的优惠券。在另一天，商店显示了仅包含6种果酱的表格。
尽管一桌24个果酱引起了更多关注，但当该表仅展示6个品种时，商店收到了更多的购买。根据巴里·施瓦茨（Barry Schwartz）的观点，这种“决策瘫痪”或“分析瘫痪”可以影响最小的事物，从早餐所需要的东西到更重要的事情，例如从事职业。
这与网页设计有什么关系？一次向网站访问者提供太多选项可能会让人不知所措，从而导致决策陷入僵局。这最终可能导致消费者放弃网站而根本不购买任何东西。进行转换的客户可能会花费很长时间，这可能会减慢您的业务发展速度并给营销策略带来负面影响。
为了获得最多的在线转化次数，简化选项至关重要。希克定律是为什么像Buffer这样的企业通常具有3-4个包装选项的原因之一，而不是针对每个消费者的实际需求量身定制的选项。
如果你有很多的项目，如你至少要销售包可用于观看，它可能是有帮助的链接含有不太受欢迎的选择，不同的页面，根据UX设计师保罗Boag。
遵循希克定律可以帮助您的访问者在您的网站上感到宾至如归，而不会被各种选择所淹没。
三分法则
多达38％的人承认，如果他们认为网站没有吸引力，他们将离开网站。那是很多错过的线索！尽管“三分法则”并不能解决您所有的网页设计问题，但它无疑是最开始的地方之一。
三分法则是摄影和摄影的原理，其原理是将框架分成三等分。眼睛自然偏向中间的矩形及其周围的点，如下图所示。
例如，锐步（Reebok）的主页在其中两个位置突出了鞋子。左边两点的文字吸引了CTA（号召性用语）按钮。
使用三分法则，您可以将网站设计为在这些点附近包含重要的图片，文字或CTA，以吸引转化。
负空间
给您的元素一些呼吸的空间！空格（或负数空间）有助于防止您的设计混乱而局促。它还可以帮助重要项目（例如CTA）脱颖而出。
负空格不仅指标题或边栏中的空白点。它还指的是文本中的空格，例如此段与上面的段之间以及单独的行和字母之间的段。如果所有这些文字都集中在一起，那将是不可读的！
在当今网站被扫描的频率高于逐字阅读的时代，可读性至关重要。如果您的消息没有弹出，则不会被注意到。
快速提示：
选择清晰的字体，而不是装饰性的字体。
避免用广告或文字填充负数空间的冲动。
确保您的网站适合移动设备使用。
在侧边栏附近留负空间；这对于滚动空间有限并且可能受局促的设计阻碍的移动用户特别有用。
颜色请
注意您为网站选择的颜色。保持品牌色彩的一致性是一个好主意，但如果您不考虑网站上的色彩之间的相互关系以及色彩如何用于影响决策，那么您可能会损失很多转化次数，制作。
文本
页面上的文本应具有高对比度。对于大多数网站，这意味着您应该在白色背景上有黑色文字，反之亦然。
CTA（号召性用语）
您的网站上是否有想要提高转化率的按钮，例如“订阅”或“添加到购物车”？使它们具有高对比度，并确保谨慎使用对比色。例如，红色的CTA按钮将在具有白色背景的网站上脱颖而出，而该背景尚未经常使用红色。
确定网站最佳对比度颜色的一种简单方法是使用色轮，然后将颜色定位在网站设计中与主要颜色相对的位置。如果您的网站背景为蓝色，请考虑将按钮设置为橙色。
如果您的网站原色是白色，而您的副色（也许是您品牌的颜色）是黄色，请考虑使用蓝色的CTA按钮。
拍下Verizon网站的图片。尽管号召性用语的按钮非常醒目，但它们的颜色却与网站的其余部分融合在一起，因此并没有引起人们的注意。例如，将按钮的背景颜色更改为简单的蓝色（Verizon徽标中与红色相对的色轮）可能会提高网站的转化率。
无论选择哪种颜色，请确保它们在整个网站上保持一致。例如，一页上没有黄色的CTA按钮，而另一页上没有蓝色的CTA。具有一致的颜色有助于建立品牌知名度，并使消费者更轻松地浏览您的网站。
此规则的一个例外：社交媒体图标。如果您的网站访问者使用平台的原始颜色，可能会更容易发现他们。也就是说，品牌在自己的营销中使用的颜色。蓝色的Twitter鸟可以立即识别，但是如果将图标更改为另一种颜色以与您的网站融合，则用户可能会完全错过该图标。
为您的网站选择最佳颜色可能需要一段时间。随心所欲选择，直到您喜欢所看到的为止。
引人注目的图像或视频，
想象一个除了文字，导航和号召性用语之外，什么都没有的网站。太无聊了吧？
图片和/或视频将有助于分解这些信息。他们还将帮助访问者扫描站点并找到重点。这家公司可以为我提供什么？他们在做什么？
例如，如果您在网站首页上看到牙医的照片，则您甚至无需阅读文本即可了解该公司的业务。
麻烦的是，许多DIY网站设计师都不知道如何获取要在其网站上放置的高质量照片或视频。
幸运的是，这是2019年，互联网已经为大多数内容需求提供了解决方案。如果不能选择雇用摄影师，摄像师或网页设计师，则可以考虑使用以下其中一个网站来获取图片，有时免版税：
Pexels
Unsplash
Shutterstock
Envato
Pixabay
Burst
Kaboompics
Canva
Flickr
Getty Images
还值得注意的是，您可以直接在Google上搜索免版税图片。也可以嵌入社交媒体帖子，因此不一定总是自己想出一个完全独特的图像。
考虑最适合您品牌的视觉内容，并记住在媒体中包含人们的面孔可以帮助消费者与您的品牌建立联系。人的表达是无价的，并且可以是非常有力的动机。
菲茨定律（
Fitts'Law）您知道吗，转换率会受按钮位置和大小（与光标需要移动的距离有关）的影响？
这是正确的。听起来很傻，但是想象一下在浏览网站时光标自然会落在哪里可以帮助提高CTR（点击率）。
听起来复杂吗？不要想太多。导航栏是适用菲茨定律的一个很好的例子。由于菜单选项可以使您直接找到所需的内容，因此您无需滚动到遗忘处。您可以先进入体育页面以节省时间，而不是在新闻首页上搜索凯尔特人的得分。了解访问者发现哪些快捷方式可能有用，以及如何应用它们，将会改善用户体验。
另一个示例：WordPress的UI。如果您曾经注意到大多数帖子发布选项位于页面的右上角，那不是偶然的。
请注意，“更新”按钮如何包含较大的字体和独特的背景色，并且位于易于查找的位置：
“编辑”链接的视觉效果较差，这是因为典型用户不会像点击“更新”按钮那样频繁地点击它们。但是，以防万一，它们都在同一个地方。
遵守菲茨定律不必太复杂。只需将您网站的设计重点放在使消费者尽可能容易地找到所需内容即可。
熟悉的设计
独特可能会让人个人满意，但并不总是更好。
在一个电子商务网站上设计一个新的“添加到购物车”按钮。他们正在研究三个选项，每个选项具有橙色背景，但文本不同：
+
添加到购物车
+购物车
您认为哪种文字更有效？如果您说第二个选项“添加到购物车”，那您是对的。
这是因为像Amazon这样的网站已经根深蒂固，以至于您决定购买商品时，都点击了“添加到购物车”按钮。击中其他任何东西都会感到不自然。您甚至可以完全浏览按钮。
导航栏中也出现了新趋势，用户必须等待动画，然后必须单击几次才能获得所需的信息。这样的复杂设计可能会造成混乱，甚至使某些人感到烦恼。
不必重新发明轮子来创建一个美观，高效的网站。
着陆
页为自然搜索和付费广告创建不同的着陆页。为什么？因为消费者到达每个登录页面的方式从根本上是不同的。在此示例中，让我们假设您在德克萨斯州达拉斯经营一家本地面包店。
来自自然搜索或SEO的自然流量
如果您已经建立了网站SEO，则访问者可能会搜索“在德克萨斯州达拉斯市迎合的面包店”并发现您的网站。伟大的！当他单击到您的着陆页的链接时，他可能会找到有关您的机构，您提供的产品，推荐书以及营业时间和时间的全面说明。您可能已经注意了关键字，并花了一些时间来完善其他SEO元素。
但是，如果您的潜在客户通过付费广告发现了您的网站...
来自付费广告的流量
如果您从Facebook或Google之类的服务购买了广告，那么这些平台足够智能，可以为您找到潜在的客户，而您不必担心SEO 。但是，由于用户有可能在做其他事情的同时点击了广告，而不是在达拉斯搜索适合面包店的面包，因此让他们尽快通过转化过程很重要。该着陆页应该整洁有序。
面包屑
您不能吃这些面包屑。相反，访问者使用它们可以轻松浏览您的网站。他们看起来可能像这样：
设计公司ABC >>博客>>转换>>增加转换的电子邮件营销技巧
面包屑在大型网站以及具有大量自然流量的网站上非常有用。访问者可能会搜索电子邮件营销技巧并找到您的文章，但表示访问者希望在您的网站上看到其他类似的文章。除非您将它们指向正确的方向，否则他们将不知道在菜单中哪里可以找到这些文章。
向您的网站访问者提供更多信息只能提高您品牌的信誉。
格式塔相似
性原理与网站设计相关的格式塔相似性原理可以总结如下：人脑将相似的对象组合在一起。在数字世界中，重要的是要能够快速准确地建立连接。
您可以通过将要彼此关联的项目彼此相邻放置来利用此设计法则。例如，您可能有难以置信的推荐。如果您的目标之一是增加对邮件列表的订阅，则可以考虑在推荐词旁边放置一个CTA按钮。
格式塔相似性原则全是关于利用现有内容并以可以带来更高转换率的方式对其进行组织。
最后的想法
这些只是关于如何设计一个能带来转化的漂亮网站的一些想法。由于SEO和设计趋势不断发展，因此必须紧跟变化的步伐。
使用这些设计技巧中的任何一项时，进行A / B测试也很重要，因为没有任何原理是绝对可靠的。实际上，在大多数网站上无效的内容可能对您有用。
