Как отличный дизайн влияет на путь покупателя

Почему дизайн имеет значение? Кажется само собой разумеющимся, что это так. Мы тратим на это много времени, пытаясь сделать так, чтобы все, над чем мы работаем, «хорошо выглядело».

Но понимаете ли вы, насколько это важно? И есть ли что-то большее, чем просто «хорошо выглядеть»?

Функция маркетингового дизайна

Не углубляясь в дебри, где мы заканчиваем разговор о том, почему тостер выглядит как тостер, давайте просто ответим на этот вопрос с точки зрения маркетинга. Почему дизайн важен в маркетинге?

Я бы сказал, что дизайн выполняет три основные функции в мире маркетинга:

• Дизайн — это руководство. Дизайн направляет людей, которые заинтересованы или, возможно, потенциально заинтересованы в вашей компании, по пути установления связи с вами. Отличный дизайн дает понять, какая информация является важной, и направляет пользователя в отношении того, что вы хотите, чтобы он сделал. Дизайн веб-страницы помогает показать пользователю, куда нажимать и как перемещаться. Дизайн кнопки должен говорить: «Я кнопка, нажмите на меня».
• Дизайн — это посол. Ваш дизайн представляет вашу компанию. Ваш логотип, ваш веб-сайт, электронная почта… часто это первое, что видит потенциальный клиент, когда впервые узнает о вашей компании. Как представитель, отличный дизайн выделяет вас среди конкурентов. Он определяет ваш визуальный стиль. Он сообщает вещи, которые делают вашу компанию уникальной. Это также укрепляет доверие. Люди инстинктивно доверяют хорошо спроектированному современному веб-сайту больше, чем дрянному сайту, который последний раз обновлялся в 2006 году.
• Дизайн — это продавец. Дизайн действительно может выполнять часть работы по продвижению людей по пути покупателя. Дизайн помогает продвигать перспективы вперед, от осознания к рассмотрению и принятию решения. Это формирует связь, которая стимулирует продажи. Отличный дизайн входящего маркетинга обращается непосредственно к вашим покупателям. Это разжигает интерес и продвигает потенциальных клиентов по пути покупателя, поддерживая этот интерес и подчеркивая ваши ключевые отличия.

Три C отличного дизайна

Так что же делает дизайн великолепным? Мы уже говорили, что это больше, чем просто хорошо выглядеть. Самый простой ответ, который я мог придумать на вопрос «что делает дизайн великолепным?» состоит из трех слов, которые по волшебному совпадению начинаются с буквы С.

• Отличный дизайн это понятно . Мы знаем, что одна из функций дизайна — направлять вашу аудиторию туда, куда вы хотите, не только от страницы к странице на веб-сайте, но и направляя взгляд к важной информации. Хороший дизайн делает это эффективно, будучи максимально понятным. Вы не хотите, чтобы ваши клиенты или потенциальные клиенты догадывались, куда нажать, или пропускали важную информацию. Поэтому мы хотим, чтобы дизайн был четким.
• Отличный дизайн чистый . Сократите свое сообщение до основных компонентов. Это означает сведение к минимуму количества слов в вашем письменном контенте, но это также означает сведение к минимуму содержания вашего дизайна. Обрежьте лишнее и сохраните свой дизайн постным.
• Отличный дизайн последователен . Определите свой бренд, последовательно используя свой логотип, цветовую палитру, шрифты и стиль иллюстраций, значков или фотографий. Постоянство может быть сильным фактором, который поможет покупателю пройти через его путь.

Давайте углубимся в каждый из них и посмотрим на примеры того, о чем мы говорим для каждого из этих трех ключей к отличному дизайну.

{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

Примеры нечеткого дизайна

Может быть, лучше всего определить, что такое четкий дизайн, взглянув на несколько примеров нечеткого дизайна. Мы видим это в нашей повседневной жизни …

Какой кнопкой опуститься? Вы можете угадать, и у вас есть шанс 50/50, но вам не нужно угадывать. Дизайнер этих кнопок не думал об интерфейсе. Убедитесь, что дизайн упрощает понимание таких вещей, а не усложняет их.

Вот сайт для … ну, компании, которая делает … что- то. Я не могу сказать, глядя на это. Хитрость этого веб-сайта заключается в том, что, чтобы прочитать сообщение, вам нужно навести курсор мыши на синий фильтр в левом верхнем углу. Затем вы можете увидеть, что он говорит:

Ой. Хм .

Я имею в виду, это мило, правда? Но они немного перехитрили самих себя, не так ли? Они сделали так, что пользователь должен потратить несколько секунд, глядя на него, пытаясь понять, должны ли они его прочитать или у него начинается глазная мигрень. Затем им нужно понять, как навести курсор мыши на определенную область, чтобы открыть сообщение.

Все для того, чтобы они могли сказать: «О. Хм .

Это все, что скажут пользователи, верно? "Ой. Хм. Но я гарантирую вам, что все дизайнеры Bolden дали друг другу пять, когда придумали это.

Не позволяйте вашему веб-дизайнеру или дизайнеру внутри вас слишком умничать для вашего же блага. Быть умным — это хорошо, но они должны были найти способ быть умным, сообщая свое сообщение мгновенно и четко.

Я смотрел на эту картинку и читал все это и все еще не понимал этого. Часовая парковка днём, а что будет после 6? Я не знаю .

Затем у нас есть конкретные направления на понедельник и воскресенье, затем мы возвращаемся к пятнице и субботе. А в другие дни? Я предполагаю, что для этого предназначен верхний знак, но я не уверен.

Я должен быть уверен. А кто-то уверен. Я гарантирую вам, что контролеры на этой улице знают, когда они могут выписывать билеты, с точностью до минуты. Кто-то, кто знает, каковы правила на этой улице, наверняка мог бы использовать более четкий дизайн, чтобы сообщить об этом.

Что может быть лучше? Представьте себе таблицу с днями недели вверху и часами внизу. Блоки с цветовой кодировкой сообщают вам, когда вы можете припарковаться. Если вы находитесь в зеленом, ваш хорошо! Такой знак был бы ясным, легким для понимания и занимал бы меньше половины места этого знака, используя только часть слов.

Четкий дизайн почти всегда передает информацию самым простым способом.

И это ведет к нашему следующему C: Clean. Итак, давайте еще раз попробуем определить его, глядя на примеры обратного.

Мы все получаем такие вещи по почте каждый день. Их реально кто-то смотрит? Я думаю, кто-то делает, иначе они не сделали бы их. Точно так же, как я предполагаю, что кто-то там покупает вещи из спам-писем и автоматических звонков . Тот, кто это делает, портит жизнь всем остальным. Но я отвлекся …

Так что здесь мы действительно не знаем, на что смотреть, не так ли? Мои глаза не могут зафиксироваться на чем-то одном, поэтому они просто тускнеют. Это крайний пример, но это потенциальная ловушка во всем, что мы проектируем. Сведите это к одному сообщению. Эффективно донесите это сообщение. Это чистый дизайн.

Эта домашняя страница веб-сайта является гораздо менее экстремальным примером, но все же это тот случай, когда чище было бы лучше. Занятое фоновое изображение со всеми его цветами и текстурами сделало основной заголовок практически нечитаемым. Возможно, даже хуже, то, что должно быть главным призывом к действию, скрыто еще больше! (Видите маленькую надпись «Купить сейчас» рядом со стрелкой?) Более чистый дизайн гарантирует, что эти важные сообщения не потеряются.

Здесь у нас совершенно неправильный мраморный фон, странные логотипы — один из них 3 раза! — и каждый шрифт и яркий основной цвет, который был доступен дизайнеру. Давайте поместим это в пугающие кавычки. «Дизайнер».

Так что мне не нужно говорить вам, что здесь не так. Это просто выглядит ужасно. Требуется серьезное усилие, чтобы понять, для чего это нужно . Частью чистого дизайна является создание иерархии ваших сообщений.

Подумайте о том, что ваша аудитория хочет знать. Сначала они захотят узнать, о чем мы говорим? Сообщение должно быть «Первый ежегодный Pennington Hamfest». Это должно быть гораздо более заметным, чем все остальное.

Затем аудитория спрашивает: «Хорошо, что это?» Так что это должно быть вторым по значимости, но вместо этого я думаю, что ответ спрятан здесь, в углу: «Ham Radio Swapmeet ». Прежде чем кто-то там заволновался, извините, вы пропустили это. Это было несколько лет назад.

Такая информация — время и место — должна быть на третьем уровне по значимости. И так далее.

Вы можете использовать дизайн, чтобы направлять свою аудиторию к тому, что они хотят знать: «Pennington Hamfest — это встреча радиолюбителей, которая состоится 2 июня 2012 года». Чистый дизайн не мешает этому, он делает его быстрее и проще.

Это не очень чисто, но также обеспечивает хороший переход к нашему следующему «C», потому что это также совсем не…

Последовательный. Это наша последняя «С», которую мы собираемся обсудить, а затем мы перейдем к тому, как применить эти три «С» отличного дизайна к пути покупателя.

Итак, давайте посмотрим на изображение выше с точки зрения согласованности.

Как я уже сказал, там много шрифтов. Все разного веса, разных цветов, некоторые выделены курсивом, некоторые нет, некоторые обведены контуром, некоторые с тенью. Здесь совершенно нет последовательности. Это как если бы каждый фрагмент текста был «разработан» совершенно независимо от всего остального, а потом все вместе было сброшено на страницу.

Должен быть установлен единый внешний вид, тогда весь дизайн должен исходить из незначительных вариаций этого внешнего вида.

Правила хорошего дизайна

В любом проекте должно быть несколько уровней согласованности. Верхний, всеобъемлющий уровень — это постоянство бренда, которое применимо ко всему, что делает компания. Создание согласованности — это, по сути, создание правил. Базовая согласованность вашего бренда будет состоять как минимум из следующих наборов правил:

• Логотип. У каждой компании, у которой есть логотип, должны быть правила использования этого логотипа. Не растягивайте его, не оставляйте его части, не кладите за ним большой уродливый звездопад и тому подобное.
• Шрифты. В полиграфическом дизайне я обычно говорю, что вы должны выбрать только два шрифта. Для многих онлайн-приложений действительно лучше просто выбрать одно. Затем вы можете использовать разные размеры и насыщенность этого шрифта. Выбор одного семейства шрифтов имеет большое значение для создания согласованного внешнего вида и позволяет немного больше творчества в других местах.
• Цветовая палитра. Если вы еще этого не сделали, вам следует установить рекомендации по цвету для вашего бренда — сделать их частью вашего бренда. Существует множество ресурсов, которые помогут вам выбрать палитру цветов, которые хорошо сочетаются друг с другом, в зависимости от чувства, которое вы хотите передать, или настроения, которое вы хотите создать.

Затем с конкретными проектами, скажем, предложением по входящему маркетингу, вы также создадите согласованность внутри него. Помня о согласованности вашего бренда, для каждого проекта вы должны…

• Определитесь с темой.
• Создайте образ на основе этой темы.
• И установите стиль для изображений и то, как вы их используете. Это может означать выбор набора значков, которые имеют одинаковый внешний вид, или придерживаться определенного стиля фотографии.

Примеры отличного маркетингового дизайна

Теперь давайте посмотрим на пример всех вещей, о которых мы говорили, в действии. Мы рассмотрим кампанию, которую мы создали для комикса по входящему маркетингу, который мы создали в madison/miles media (агентство веб-дизайна). Мы потратили годы на работу над этой книгой, поэтому нам очень хотелось создать вокруг нее сработавшую кампанию.

Как мы создали входящую рекламную кампанию, в которой использовался дизайн, чтобы продвигать покупателя по его пути?

Начнем с нашей кнопки призыва к действию:

Теперь давайте проверим и убедимся, что он соответствует нашим критериям отличного дизайна. Во-первых, понятно? Сообщение простое и ясное: «Узнайте о входящем маркетинге в увлекательной игровой форме. Получите свой бесплатный комикс». И дизайн этому не помеха. На самом деле, он пытается сделать сообщение еще более ясным, подчеркивая нашу основную тему — входящий маркетинг — окрашивая ее в наш золотой цвет. Кроме того, у нас есть «получи свой бесплатный комикс» в коробке, так что это выглядит как кнопка. Помните, что в четком дизайне мы стремимся направить потенциального клиента в нашу сторону. Сделать все изображение CTA похожим на кнопку или создать на изображении элемент, похожий на кнопку, помогает направить потенциального клиента, говоря «нажмите здесь».

Это чисто? Мы ограничили наши элементы: у нас есть наш главный герой, простой и прямой текст и изображение комикса. Все это на фоне комикса. Это придает ему некоторый визуальный интерес, но совершенно не мешает другим элементам.

Это последовательно? Что ж, это первая часть, которую увидит большинство людей, поэтому мы устанавливаем внешний вид здесь, чтобы последующие части соответствовали ему. Но мы уже добиваемся согласованности с самим комиксом, используя золотой цвет из «WILD!» в заголовке, шрифт, который мы использовали для части заголовка «Привлекайте своих клиентов», и более традиционный шрифт с обложки, который мы использовали для подзаголовка. Это Benton Sans, наш основной шрифт медиа-бренда madison/miles. Мы используем это для кнопки «Получить бесплатный комикс».

Мы также являемся агентством по дизайну печатных журналов, поэтому вы увидите, что наш фирменный шрифт представлен в различных формах маркетинга. Это очень важно для нашего брендинга. Компания всегда должна быть узнаваемой, поэтому помните об этом на протяжении всего пути к дизайну.

Итак, да, мы придерживаемся устоявшегося образа нашей компании и самого предложения, и мы устанавливаем некоторые другие правила того, как мы будем использовать элементы в других элементах нашей кампании.
Вот еще одна кнопка CTA.

Этот был разработан для использования в электронной почте. Опять же, мы убедились, что дизайн…

• Чистый. Простое сообщение, доставленное таким образом, чтобы четко направлять потенциального клиента по нашему пути.
• Чистый. Ограниченное количество элементов, используемых таким образом, чтобы усиливать сообщение и не мешать ему.
• Последовательный. Те же шрифты, цвета и изображения, что и в предыдущей части. Мы задаем внешний вид и придерживаемся его.

Вот целевая страница.

Конечно, целевая страница — очень важная часть, потому что именно здесь устанавливается доверие. Потенциальный клиент собирается предоставить вам некоторую информацию, и, особенно в наши дни, он должен доверять вам ее. Следование нашим принципам дизайна «четкий, чистый, последовательный» — отличный способ установить это доверие. Хорошо продуманная целевая страница говорит: «Здесь вы имеете дело с профессионалами».

Ясно. Название нашего комикса большое и расположено под изображением героя. Совершенно ясно, что ожидается от посетителя. Заполните три поля формы и нажмите большую, хорошо заметную кнопку. Очень просто.

Это очень чисто. Изначально у нас был светло-голубой фон. Просто чистый белый в итоге работал лучше. Ничего особенного здесь нет, но это и не нужно. У нас есть много визуально интересных элементов только в нашем комиксе.

И это согласуется с CTA. Изображения из тех же источников, единственное, что мы сейчас даем им заглянуть внутрь комикса. Вы могли заметить, что мы также представили еще один шрифт, но это вторичный шрифт Мэдисон/Майлз с нашего веб-сайта Playfair Display. Так что мы вносим немного этого сейчас, но сохраняем все в соответствии с установленным внешним видом. У нас также есть зеленая полоса внизу, которая соответствует зеленому цвету мэдисон/майлз. Итак, еще раз, просто представляем некоторые из наших брендов очень тонким способом.

И вот мы подошли к странице благодарности.

Опять же, ясно. Большая кнопка для загрузки предложения контента. Очень четкие вторичные призывы к действию, направляющие посетителя к тому, чтобы узнать немного больше о том, кто мы такие. Чисто. Мы сохранили синий фон на этой странице, чтобы немного выделить ее. Но очень тонко и ненавязчиво. И, наконец, это последовательно. Те же цвета, шрифты и изображения.

Одна из надежд страницы благодарности состоит в том, что посетитель перейдет по одной из этих ссылок. Мы также хотим, чтобы этот переход был плавным. Так что, если они нажимают, чтобы перейти на страницу ресурсов на нашем веб-сайте, это похоже на продолжение их путешествия.

Поскольку мы использовали такие вещи, как наши фирменные шрифты и цвета, мы установили согласованность с нашим брендом и сделали плавный переход от нашего предложения к нашему основному сайту. Ничего не раздражает и не сбивает с толку с точки зрения дизайна, потому что мы тонко привнесли постоянство бренда.

Поэтому, используя четкий, чистый и последовательный дизайн в нашем входящем маркетинге, мы ускоряем путь покупателя. Используйте эти же принципы в своем дизайне , чтобы подтолкнуть ваших потенциальных клиентов к установлению связи с вами.

madison/miles media признана ведущей компанией по контент-маркетингу на DesignRush.{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}