- Иметь планСейчас, когда вы признали, что ваш сайт, вероятно, нуждается в некоторых улучшениях, пришло время проделать обратный путь и создать план, подробно описывающий, как вы будете их решать.
Начните с составления схемы путешествия клиента от первого посещения сайта до момента, когда он становится клиентом.
При этом подумайте о том, какие страницы они будут просматривать, какой контент читать и на какие предложения конвертировать. Понимание этого поможет вам разработать сайт, который действительно будет способствовать продвижению потенциальных клиентов по воронке продаж.
читайте также Как увеличить посещаемость сайта бесплатно
Мне всегда нравилась карта пути клиента от Leadfeeder как отличный пример. Вам не обязательно делать ее такой же графической, как у них, но она хорошо передает суть. Она показывает, что делают пользователи при посещении их сайта и что общего между теми, кто становится и не становится клиентами.
инфографика leadfeeder
Если вам трудно собрать эти данные или у вас нет CRM, которая облегчила бы исследование, вы всегда можете опросить своих клиентов. Попросите уделить вам 15-30 минут их времени, чтобы задать им несколько вопросов (вы даже можете компенсировать это подарочной картой Starbucks или Amazon на 10 долларов). Опросите столько людей, сколько сможете, но не нужно перебарщивать.
Затем используйте полученные данные для разработки стратегии. Это поможет вам определить ключевые точки соприкосновения вашего сайта или области, с которыми взаимодействуют ваши пользователи.
вам может понравиться Как построение ссылок помогает seo
На протяжении всех этих точек соприкосновения вы должны быть в состоянии наметить эмоции, мысли, цели, болевые точки и возможности, которые должна вызывать каждая точка соприкосновения.
Ответы на эти вопросы помогут вам направить ваш дизайн. Есть ли изображения, которые помогут наилучшим образом затронуть эти области в нужном вам ключе? Как насчет определенной цветовой палитры? Начало работы над картой путешествия клиента поможет создать ответы на эти вопросы и лучше укрепить ваш дизайн. Креативные методы маркетинга офлайн-сайтов
- Уберите отвлекающие факторы и уменьшите трениеНекоторые элементы на вашем сайте будут отвлекать от ценности и сообщения, которое вы пытаетесь донести. Сложная анимация, слишком длинный контент и «коренастые» изображения на сайте — вот лишь несколько примеров.
Для аудитории, у которой период внимания составляет всего восемь секунд, вам необходимо четко определить, что пользователь узнает на просматриваемой странице, и ваш дизайн не должен отвлекать от этого.
Для начала необходимо убедиться, что у вас есть последовательные рекомендации по использованию бренда, на основе которых вы можете работать.
Здесь должны быть подробно описаны стили шрифтов, цвета, изображения, иконография и использование логотипа. Без этого бренды могут столкнуться с трудностями при оформлении страниц. Скорее всего, вы начнете видеть произвольные цвета и различные стили и размеры шрифтов, что, в свою очередь, может отвлекать от вашего сообщения или создавать визуальную путаницу для людей, пытающихся конвертировать.
Также важно избегать слишком большого количества анимации или взаимодействий на странице. Если вы прокручиваете страницу и видите пульсирующие кнопки или целый раздел иконок, каждая из которых имеет свою собственную анимацию, это может показаться подавляющим и отвлечь от чтения того, что написано на странице.
В качестве примера рассмотрим сайт ниже. Обратите внимание, поскольку я рассматриваю это как критику, я убрал логотип бренда с изображения, чтобы сохранить его анонимность.
устраните отвлекающие факторы и трение 1
При взгляде на этот сайт первое, что я заметил, — это цвета.
Во-первых, то, как они используются, не позволяет пользователю решить, куда должен быть направлен его взгляд. Должен ли это быть один из двух красных кнопок? А может, на панель приветствия? Или, может быть, на верхнюю часть навигации?
Вам нужно понять, куда направить внимание пользователя, когда он попадет на страницу, и в каком порядке, чтобы оно перетекало естественным образом. Нынешнее расположение цветов создает трудности в достижении этой цели.
Во-вторых, есть несколько областей с несогласованными интервалами. Подвеска в строке приветствия («Вы!») создает вторую строку, что можно легко исправить, если увеличить ширину контейнера вокруг текста. H1 также не совсем вертикально центрирован в белой области, привлекая взгляд к «проблеме», а не к основной части сообщения.
В серой части под заголовком размещена кнопка (которая не имеет особого контекста), а также изображение. Как пользователю, мне остается только гадать, должно ли быть место под кнопкой, или она должна быть непосредственно связана с изображением. Может, сайт просто неправильно загрузился? Эти внутренние споры создают трения и путаницу.
Давайте посмотрим на страницу, которая предлагает лучший пользовательский опыт и соблюдает рекомендации бренда.
Устраните отвлекающие факторы и уменьшите трение 2
Выше мы видим Communication Square, еще одну компанию в сфере информационных технологий. На первый взгляд, этот сайт выглядит намного чище, с менее яркими цветами и большим количеством белого пространства.
Что касается цветов, мне нравится, что Communication Square использует два цвета кнопок: один для менее приоритетных действий в верхней или средней части воронки (синий) и другой для действий в нижней части воронки (оранжевый). В результате мой взгляд сразу же переходит на оранжевую, более важное действие, которое они хотят, чтобы я совершил.
читать
Шрифты также выглядят намного более целостными. Похоже, что используется только одно семейство шрифтов — светлый, средний или полужирный. Это создает единообразие и заставляет все работать вместе.
читайте также
как выстроить качественный подход к созданию веб-сайта вашей компании
Изображение героя в целом дает мало возможностей для отвлечения внимания. Тот факт, что само изображение героя не слишком детализировано и маскируется белым наложением, позволяет содержимому выделяться, а не растворяться в изображении.
Подобные детали действительно помогают сделать или сломать общее впечатление от сайта и помогают пользователям лучше понять, чего вы от них хотите, оставляя меньше места для путаницы.
- Добавьте социальное доказательствоЕсли вы, как и большинство людей, делаете покупки на Amazon, то, скорее всего, вы тяготеете к товарам, которые содержат в основном четырех-пятизвездочные отзывы от людей, написавших о своем опыте использования товара.
Глядя на эти отзывы, мы начинаем верить в то, что продукт сделает то, что обещает и что нам нужно, что, в свою очередь, подталкивает нас к его покупке.
Тот же эффект применим к вашему продукту или услуге и веб-сайту. Если пользователи видят впечатляющие отзывы реальных людей, то, согласно исследованиям, вероятность того, что ваши клиенты купят ваш продукт, увеличивается на 58%.
Но как должны выглядеть ваши отзывы, чтобы они эффективно вызывали доверие у пользователей, когда они их видят?
вам может понравиться
Как создать сайт и сколько пропускной способности нужно вашему сайту?
Есть несколько стратегий, которые вы можете использовать. Но сначала вам нужно подумать о том, в каком формате вы хотите получить отзыв — текстовый или видео. Исторически сложилось так, что видео-отзывы являются лучшими. Это объясняется тем, что видео естественным образом удерживает внимание пользователя дольше, а также создает более тесную человеческую связь, поскольку вы можете слышать голоса и видеть лица реальных людей.
Однако у вас также есть возможность использовать текстовые отзывы, которые, при правильном оформлении и включении, помогут укрепить доверие пользователей.
Upland Adestra — это компания из Великобритании, занимающаяся корпоративной электронной почтой и программным обеспечением для автоматизации маркетинга. На их странице отзывов есть четыре видеоролика, каждый из которых содержится в отдельном разделе.
социальное доказательство видео
Вместо того чтобы произвольно размещать все видео рядом друг с другом, Upland разделила их и сопроводила заголовком и предложением с подробным описанием результата или выгоды, которую получил клиент, работая с ними. Теперь у пользователей есть контекст того, о чем они услышат в видеороликах.
Мне также нравится, что в некоторых видеороликах показаны миниатюры, на которых кто-то говорит, что визуально убеждает пользователя в том, что он, скорее всего, будет слушать самого клиента, а не смотреть текстовое видео.
Если у вас еще нет видео-отзывов, как у Upland, то у вас, скорее всего, есть страница тематических исследований, где вы можете подробно рассказать обо всем, что вы сделали, чтобы помочь своим клиентам.
Компания Zenefits отлично справилась с этой задачей на своем сайте.
тематические исследования zenefits
Каждая карточка оформлена изображением, демонстрирующим членов этой компании, что вызывает гораздо больше доверия, чем если бы они использовали стоковые фотографии или просто изображение своего логотипа.
А поскольку у них пять страниц отзывов, они добавили фильтр в верхней части страницы, который позволяет пользователям сегментировать, какие отрасли или решения искать. Теперь пользователи могут быстрее найти нужные им типы тематических исследований.
фильтрация zenefits
Наконец, если на вашем сайте представлены только текстовые отзывы без тематических исследований, есть аспекты, о которых нужно помнить при их оформлении.
Например, вы не можете просто поместить набор текстовых отзывов и одно только имя. Маловероятно, что они будут восприняты как правда, поскольку это заставит пользователей задуматься о том, в какой компании он работает, какова его должность и как выглядит этот человек (для визуального подтверждения того, что этот человек, скорее всего, реален).
Взгляните на раздел отзывов на сайте Drift.
отзывы о компании drift
В данном случае они используют отзывы из Твиттера, но вы можете легко дополнить этот макет тем, что не использует ленту Твиттера.
Независимо от того, что они приходят из Twitter, этот раздел делает много правильных вещей. Во-первых, здесь есть большое количество отзывов, которые можно увидеть сразу благодаря макету в стиле интересов.
Во-вторых, отзывы включают фотографии и имена людей/компаний, что делает их более легитимными.
Когда речь заходит о том, где разместить отзывы на вашем сайте, я всегда рекомендую главную страницу, страницы услуг и/или специальную страницу отзывов, которую вы включаете в навигацию. Каждая из этих страниц — лучшая точка соприкосновения для людей, которые узнают о вашей компании и рассматривают возможность покупки.
Если они подлинные, отзывы улучшат впечатление от вашего сайта и укрепят доверие с вашими посетителями, прежде чем они станут клиентами.
- Внедряйте призывы к действиюКогда посетители попадают на ваш сайт (скорее всего, через блог или главную страницу), вам нужно направить их к тем местам на вашем сайте, которые помогут довести их до конверсии. Люди ленивы, поэтому облегчите им эту задачу. Направьте их в нужную сторону, чтобы им не пришлось прилагать усилия, чтобы найти то, что они ищут.
Один из лучших способов улучшить веб-дизайн с учетом этого — использовать стратегически расположенные призывы к действию в таких местах, как правая верхняя часть навигации, под разделами, требующими действий, и в нижней части страниц вашего сайта.
Но не упускайте из виду путь покупателя. Легко сделать на своем сайте, завалив пользователей призывами к действию в самом низу туннеля (BOFU), где бы они ни находились, но если человек не готов к покупке, то он, скорее всего, вообще не предпримет никаких действий.
Вместо этого вы должны встречать пользователя там, где он находится, исходя из просматриваемой им страницы.
Например, если пользователь находится на веб-сайте, изучая материал, используемый для изготовления шкафа на заказ, то, скорее всего, этот человек все еще занимается самообразованием и осознает свою проблему. Вместо того чтобы заваливать их призывами «свяжитесь с нами», предложите им просмотреть исчерпывающее руководство по материалам для изготовления шкафов на заказ. Они с большей вероятностью обратятся к нам, поскольку это их текущая проблема.
Взгляните на реальный пример.
Статья называется «8 очевидных причин, по которым вам необходим редизайн сайта (но вы все еще игнорируете их)». Читатели, которые попали на эту статью, скорее всего, думают о редизайне сайта и пытаются убедиться, что это лучшее решение для них. Поэтому имеет смысл показать им призыв к действию, который поможет им узнать об этом больше.
Предложение, которое мы им предлагаем, — это окончательное руководство по редизайну вашего сайта, где они, надеюсь, смогут найти ответы почти на все вопросы, которые они ищут, в одном месте.
cta
Подобные предложения также способствуют укреплению доверия с вашими пользователями. Если они будут работать над их образованием, они начнут воспринимать вашу компанию как идейного лидера, что приведет к тому, что они будут чувствовать себя более комфортно, изучая ваши услуги.
- Используйте правильные стоковые изображенияМы всегда рекомендуем использовать оригинальные фотографии на вашем сайте, но если это невозможно, есть методы, которые помогут вам выбрать правильный тип стоковой фотографии.
Хотя стоковые фотографии позволяют сэкономить время на создание собственных изображений, на многих сайтах они выглядят как клише. Вы также увидите, что на многих других сайтах могут быть представлены такие же изображения, что, конечно, не способствует повышению доверия к вам.
Пользователи будут «подсознательно проецировать свой негативный опыт на эти стоковые фотографии, снижая доверие и увеличивая трение в процессе» конверсии.
Поэтому, выбирая стоковые фотографии, старайтесь держаться подальше от этих пошлых изображений. Это фотографии, на которых люди приветствуют друг друга с преувеличенными улыбками, группы людей, смотрящих в камеру, руководители в костюмах супергероев, группы людей в костюмах, прыгающих в воздух.
Когда в последний раз вы видели людей в таких сценариях в реальной жизни?
Вместо этого ищите фотографии, на которых изображены реалистичные сцены в хорошо освещенной обстановке. Это могут быть люди в офисе, разговаривающие за столом переговоров в деловой повседневной одежде, снимки через плечо людей, печатающих на ноутбуке, людей, рисующих на доске в открытой комнате. Именно такие кадры другие начнут признавать легитимными. Ищите откровенные снимки и снимки в реальной обстановке, а не в студии.
Так, вместо того чтобы использовать фотографии вроде этой:
bad stock image-minBad Stock Photo-minbad stock photo 2-min
которые кажутся нереальными по вышеупомянутым причинам, попробуйте перейти к таким фотографиям:
хорошее стоковое изображение 3хорошее стоковое изображениеХорошее стоковое изображение 2
Как только вы найдете подобные фотографии, которые вам нравятся, вам следует прогнать их через TinEye, чтобы получить представление о том, сколько людей используют эту фотографию на своих сайтах. Если цифры исчисляются тысячами, лучше использовать более редкую фотографию.
tineye
Это поможет привнести больше реализма в ваш бренд и убедиться, что изображения соответствуют тому, кто вы есть и что объясняет ваш контент.
Вы также можете ознакомиться с этой статьей, чтобы узнать о некоторых замечательных предложениях сайтов стоковых фотографий, если вы испытываете трудности с получением более реалистичных фотографий на своем сайте.
Более внимательное отношение к фотографии поможет лучше представить ваш бренд и то, как вы хотите, чтобы другие воспринимали его.