伟大的设计如何为买家的旅程提供动力
已发表: 2021-07-19
为什么设计很重要？ 这似乎是不言而喻的。 我们花了很多时间在这上面，试图让我们正在做的任何事情都“看起来不错”。
但是你知道它有多重要吗？ 设计不仅仅是“看起来不错”吗？
营销设计的功能
在没有陷入杂草的情况下，我们最终会谈论为什么烤面包机看起来像烤面包机，让我们简单地用营销术语回答这个问题。 为什么设计在营销中很重要？
我会说设计在营销领域执行三个主要功能：
- 设计是指南。 设计引导对您的公司感兴趣或可能只是潜在感兴趣的人与您建立联系。 出色的设计清楚地说明了重要信息是什么，并引导用户了解您希望他们做什么。 网页的设计有助于向用户展示点击位置和导航方式。 按钮的设计应该说“我是按钮，点击我”。
- 设计是大使。 您的设计代表您的公司。 您的徽标、您的网站、一封电子邮件……这些东西通常是潜在客户第一次了解您的公司时首先看到的东西。 作为大使，出色的设计让您在竞争中脱颖而出。 它定义了你的视觉风格。 它传达了使您的公司与众不同的事物。 它还建立信任。 人们本能地相信一个设计精良的现代网站，而不是一个上次更新于 2006 年的劣质网站。
- 设计是销售人员。 设计实际上可以执行一些工作，让人们通过购买者的旅程。 设计有助于推动潜在客户向前发展，从意识到考虑再到决策。 它形成了推动销售的联系。 出色的入站营销设计直接吸引您的买家角色。 它通过保持兴趣并突出您的关键差异化来激发兴趣并在买家的旅程中推动潜在客户。
伟大设计的三个 C
那么是什么让设计变得伟大？ 我们之前说过，它不仅仅是看起来不错。 我能想到的最简单的答案是“什么让设计变得伟大？” 由三个单词组成，巧合的是，这三个单词都以字母 C 开头。
- 伟大的设计是明确的。 我们知道，设计的功能之一是引导你的观众去你想让他们去的地方，不仅仅是在网站上从一个页面到另一个页面，还可以通过引导人们关注重要信息。 好的设计通过尽可能清晰来有效地做到这一点。 您不希望您的客户或潜在客户猜测点击的位置，或错过重要的内容。 所以我们希望设计清晰。
- 伟大的设计是干净的。 将您的信息减少到其基本组成部分。 这意味着将您的书面内容中的字数保持在最低限度，但这也意味着将您的设计内容保持在最低限度。 修剪脂肪并保持设计精益。
- 伟大的设计是一致的。 通过始终如一地使用您的徽标、调色板、字体以及插图、图标或摄影的风格来定义您的品牌。 一致性可以成为推动买家完成旅程的强大力量。
让我们更深入地研究其中的每一个，并看看我们正在谈论的关于伟大设计的三个关键的例子。
{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}
设计不明确的例子
也许最好通过查看一些不明确的设计示例来定义什么是清晰的设计。 我们可以在日常生活中看到它……
按下哪个按钮？ 你可以猜测，你有一个 50/50 的投篮，但你不应该去猜测。 这些按钮的设计者没有考虑 UI。 确保设计使这样的事情更容易理解，而不是更难。
这是一个……嗯，一家做……某事的公司的网站。 看这个我说不出来。 这个网站的诀窍是，要阅读消息，您必须将鼠标悬停在左上角的蓝色过滤器上。 然后，您可以看到它说：
哦。 哼。
我的意思是，它很可爱，对吧？ 但他们已经比自己聪明了一点，不是吗？ 他们已经做到了，因此用户必须花几秒钟的时间看它，试图弄清楚他们是否应该能够阅读它，或者他们是否患有眼部偏头痛。 然后，他们必须想办法将鼠标悬停在某个区域上以显示消息。
这样他们就可以说：“哦。 哼。”
这就是所有用户要说的，对吧？ “哦。 哼。” 但我向你们保证，当 Bolden 的设计师们提出这个想法时，他们都互相击掌。
不要让你的网页设计师，或者你内心的设计师，为了你自己的利益而变得太聪明。 聪明很好，但他们应该想出一种聪明的方法，同时即时、清晰地传达他们的信息。
我看着这张照片，读了所有这些，但仍然不明白。 白天停车一小时，但 6 点后会发生什么？ 我不知道。
然后我们有周一和周日的具体方向，然后我们跳回到周五和周六。 其他日子呢？ 我想这就是顶部标志的用途，但我不确定。
我应该确定。 有人确定。 我向你保证这条街上的售票员知道他们什么时候可以给汽车开票，精确到分钟。 知道这条街上的规则的人肯定可以使用更清晰的设计来传达它。
什么可能更好？ 想象一张桌子，顶部是一周中的几天，一侧是一天中的小时。 颜色编码的块会告诉您何时可以停车。 如果你在绿色，你的好！ 像这样的标志会很清晰，易于理解，并且占用不到这个标志一半的空间，只使用一小部分单词。
清晰的设计几乎总是以最简单的方式进行沟通。
这导致了我们的下一个 C：清洁。 因此，让我们再次尝试通过查看相反的示例来定义它。
我们每天都会收到这样的邮件。 真的有人看他们吗？ 我猜有人会做，或者他们不会做。 就像我猜有人从垃圾邮件和自动电话中购买东西一样。 这样做的人正在毁掉其他人的生活。 但我离题了……
所以在这里，我们真的不知道该看什么，不是吗？ 我的眼睛无法注视任何一件事，所以它们只是呆滞了。 这是一个极端的例子，但它是我们设计的一切的潜在陷阱。 将其归结为一条信息。 有效地传达该信息。 那是干净的设计。
这个网站主页是一个不太极端的例子，但它仍然是一个更清洁的例子。 繁忙的背景图片及其所有颜色和纹理使主要标题几乎无法阅读。 也许更糟糕的是，应该是主要的号召性用语的内容更加隐蔽！ （看到那里箭头旁边的那个小“立即购买”吗？）更简洁的设计将确保这些重要信息不会丢失。
在这里，我们有一个完全错误的大理石背景，奇怪的标志——其中一个出现了 3 次！ – 以及设计师可以使用的每种字体和明亮的原色。 让我们把它放在吓人的引号中。 “设计师。”
所以我不必告诉你这里出了什么问题。 它看起来很糟糕。 要弄清楚这是为了什么，需要付出一些认真的努力。 干净设计的一部分是创建消息的层次结构。
想想你的听众想知道什么。 首先他们会想知道我们在说什么？ 信息一应该是“第一届 Pennington Hamfest”。 这应该比其他一切都更加突出。
然后观众问“好的，那是什么？” 所以这应该是第二位，但我认为答案隐藏在角落里：“Ham Radio Swapmeet 。” 在外面的任何人兴奋之前，对不起，你错过了。 那是几年前的事了。
诸如时间和地点之类的信息应该是突出的第三个层次。 等等。
您可以使用设计来引导您的听众了解他们想知道的内容：“Pennington Hamfest 是一个业余无线电交换会议，于 2012 年 6 月 2 日举行。” 简洁的设计不会阻碍这一点，它使它更快更容易。
这不是干净的设计，但它也为我们的下一个“C”提供了一个很好的转义，因为它也根本不是……
持续的。 这是我们要讨论的最后一个“C”，然后我们将讨论如何将这三个出色设计的“C”应用到买家的旅程中。
那么让我们从一致性的角度来看上图。
就像我说的那样，那里有很多字体。 所有不同的重量，所有不同的颜色，有些是斜体，有些不是，有些是轮廓，有些带有阴影。 这里绝对没有一致性。 就好像每一段文字都是完全独立于其他一切“设计”的，然后它们都被放在页面上。
应该建立一致的外观，然后所有设计都应该从外观的细微变化中产生。
良好设计的规则
在任何项目中，都应该有几个级别的一致性。 最高的、最重要的水平是适用于公司所做的一切的品牌一致性。 创建一致性本质上是关于创建规则。 您的基本品牌一致性至少包括以下几组规则：
- 标识。 每个拥有标志的公司都应该有关于如何使用该标志的规则。 不要拉伸它，不要留下它的一部分，不要在它后面放一个丑陋的大爆炸，诸如此类。
- 字体。 在印刷设计中，我通常说你应该只选择两种字体。 对于很多在线应用程序，最好只选择一个。 然后，您可以使用该一种字体的不同大小和粗细。 选择一个字体系列对于建立一致的外观并在其他地方允许更多的创造力大有帮助。
- 调色板。 如果你还没有，你应该为你的品牌建立色彩指南——让它们成为你品牌的一部分。 有很多资源可以帮助您选择可以很好地协同工作的调色板，具体取决于您想要传达的感觉或您想要创造的情绪。
然后对于特定的项目，比如入站营销报价，您也将在其中创建一致性。 牢记您的品牌一致性，对于每个项目，您应该……
- 确定一个主题。
- 根据该主题创建外观。
- 并为图像设置样式以及如何使用它们。 这可能意味着选择一组具有一致外观或坚持某种摄影风格的图标。
伟大的营销设计的例子
现在让我们看一个我们已经讨论过的所有事情的例子，在行动中。 我们将查看我们为在 madison/miles media（网页设计机构）创建的入站营销漫画书创建的活动。 我们花了数年时间写这本书，所以我们真的很想围绕它创建一个有效的活动。
我们如何创建一个使用设计来推动买家前进的入站优惠活动？
让我们从我们的号召性用语按钮开始：
现在让我们检查一下，确保它符合我们优秀设计的标准。 首先，清楚吗？ 信息简单明了：“以有趣的方式了解入站营销。 获取你的免费漫画书。” 并且设计不会妨碍这一点。 事实上，它试图让信息更加清晰，通过用我们的金色着色来强调我们的主要主题——入站营销。 此外，我们在一个盒子里有“获取你的免费漫画书”，所以它看起来像一个按钮。 请记住，在清晰的设计中，我们希望引导潜在客户朝着我们的方向前进。 使整个 CTA 图像看起来像一个按钮，或在图像中创建一个类似按钮的元素，有助于通过说“单击此处”来引导潜在客户。
干净吗？ 我们限制了我们的元素：我们有我们的主角，一些简单直接的文本，以及漫画书的图像。 所有这一切都建立在漫画的背景之上。 它给了它一些视觉上的兴趣，但完全不干扰其他元素。
是否一致？ 嗯，这是大多数人会看到的第一件作品，所以我们在这里建立外观，以便以后的作品与之保持一致。 但是，我们已经通过从“WILD！”中提取金色来建立与漫画书本身的一致性！ 在标题中，我们用于标题的“驱动您的客户”部分的字体以及我们用于副标题的封面中更传统的字体。 那是 Benton Sans，这是我们主要的 madison/miles 媒体品牌字体。 我们将其用于“获取免费漫画书”按钮。
我们也是一家印刷杂志设计机构，因此您会看到我们的品牌字体体现在我们不同形式的营销中。 这对我们的品牌塑造非常重要。 一家公司应该始终是可识别的，所以在你的设计过程中记住这一点。
所以，是的，我们与我们公司的既定外观和报价本身保持一致，我们正在制定一些其他指导方针，说明我们将如何在我们的活动中使用其他元素。
这是另一个 CTA 按钮。
这个设计用于电子邮件。 同样，我们确保设计是……
- 清除。 简单的信息，以明确引导潜在客户的方式传递。
- 干净的。 元素数量有限，以增强且不干扰消息的方式使用。
- 持续的。 与我们之前的作品相同的字体、颜色和图像。 我们设定了外观并坚持下去。
这是登陆页面。
当然，登陆页面是一个非常重要的部分，因为这是建立信任的地方。 潜在客户会给你一些信息，尤其是现在，他们需要信任你。 遵循我们“清晰、干净、一致”的设计原则是建立这种信任的好方法。 精心设计的登陆页面显示“您在这里与专业人士打交道。”
很明显。 我们漫画书的标题很大，并且位于英雄艺术的下方。 很清楚访客的期望。 填写三个表单字段，然后单击易于查看的大按钮。 十分简单。
它很干净。 我们最初有一个浅蓝色背景。 只是一个干净的白色最终效果更好。 这里没有什么花哨的，但它不是必需的。 仅在漫画艺术中，我们就有很多视觉上有趣的元素。
它与 CTA 一致。 来自相同来源的图像，唯一的事情是我们现在让他们在漫画书中窥视。 您可能会注意到我们还引入了另一种字体，但这是来自我们网站 Playfair Display 的 madison/miles 的辅助字体。 所以我们现在引入了一些，但保持一切与既定外观一致。 我们还有底部的绿色条，这是我们的麦迪逊/英里媒体绿色。 再说一次，只是以一种非常微妙的方式介绍我们的一些品牌。
现在我们到达感谢页面。
再次，很清楚。 下载内容提供的大按钮。 非常明确的次要行动号召，引导访问者现在更多地了解我们是谁。 它很干净。 我们确实在此页面上保留了蓝色背景，以稍微区分它。 但它非常微妙和不引人注目。 最后，它是一致的。 相同的颜色、字体和图像。
感谢页面的希望之一是访问者随后将遵循这些链接之一。 我们也希望这是一个平稳的过渡。 因此，如果他们点击进入我们网站上的资源页面，感觉就像是他们旅程的延续。
因为我们在此过程中使用了品牌字体和颜色之类的东西，所以我们与我们的品牌建立了一致性，并实现了从我们的报价平稳过渡到我们的主站点。 在设计方面没有什么不和谐或令人困惑的，因为我们以微妙的方式引入了品牌一致性。
因此，通过在我们的入境营销中使用清晰、干净和一致的设计，我们正在为买家的旅程提供动力。 在您的设计中使用这些相同的原则，让您的潜在客户沿着他们与您建立联系的道路前进。
madison/miles media 在 DesignRush 上被公认为顶级内容营销公司。{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}