Как насчет адаптивного дизайна?
Мы поговорим об адаптивном дизайне в главе 12, посвященной мобильным сайтам, но я хочу кратко упомянуть о нем, ведь он связывает стандартный и мобильный сайты. Как вы уже заметили, большинство не просматривают интернет через персональные компьютеры или ноутбуки. Люди используют мобильные телефоны, планшеты, игровые панели и другие устройства. То есть через разные экраны. Сайты с использованием адаптивного дизайна автоматически определяют размер экрана пользователя и содержимое сайта так, чтобы оно отображалось корректно. Сайт будет выглядеть одним образом на ноутбуке, другим образом на iPad и третьим — на телефоне.
Если вы можете применить адаптивный дизайн и тестировать различные стратегии для стандартного сайта, значит, потенциально ваш показатель конверсий должен быть огромным. Однако не совершайте ошибку, делая дизайн адаптивным только лишь потому, что это модно. Пока детально не проработаете конструкцию воронки продаж, будете иметь низкий показатель конверсии на мобильном сайте. В конце концов нужно определиться, стоит ли создавать адаптивную версию стандартного сайта. На данный момент адаптивные сайты по сравнению с фиксированными довольно сложны для сплит-тестирований и отслеживаний. Так что не создавайте себе дополнительную головную боль, если есть возможности роста в других местах. Думайте комплексно.
Типичные ошибки стандартных сайтов
Если вы формируете сайт-брошюру для создания доверия, конверсии не должны пострадать. Такие элементы, как призыв к действию, стратегии выхода, линия сгиба и простая навигация, важны по-прежнему. Они действительно способны помочь вашему сайту-брошюре стать более ценным для бизнеса.
Не бойтесь сочетать стили. Вполне нормально иметь несколько сайтов или комбинацию стилей на отдельных страницах. Например, вы хотите стандартный сайт, но с несколькими целевыми страницами. Или поместили форму подписки в верхней части стандартного сайта, если ваши пользователи готовы быстро подписаться. В этом случае принципы целевой страницы естественным образом сливаются со стандартным сайтом. Все зависит от вашей стратегии.
Не забывайте, что многие консалтинговые компании и компании по поисковой оптимизации могут увести от конверсий. Как правило, в их задачу входит повышение рейтинга сайта в поисковых системах, но никак не получение конверсий. Для поисковой оптимизации контент — это все. А эти компании часто хотят сформировать побольше страниц, добавить слишком много отвлекающего контента или ссылок на панели навигации, включить множество ссылок для выхода и слишком уж оптимизированные слова для поиска. Несмотря на то что поисковая оптимизация — мощный инструмент, необходимо отыскать золотую середину или обходной путь. Все легко получается, если у вас один сайт для поисковой оптимизации или большая часть контента ниже линии сгиба, а пространство выше остается чистым и ясным.
Не помещайте ненужные вещи в навигацию. Слишком часто люди думают, что нужно добавить страниц в навигацию. Но не забывайте, что навигация должна отражать конструкцию воронки продаж. Пусть она будет простой. Например, если консультант говорит, что в целях поисковой оптимизации нужно вести блог, очевидно, что вы не должны помещать его в панель навигации. Если вы не хотите, чтобы пользователи читали блог в целях конверсий, и это не план воронки продаж, то это будет только отвлекать.
Позвольте пользователям найти вас. Если вы создаете сайт-брошюру, добавьте в подходящее место номер телефона и другие контактные сведения. Они должны быть легкодоступны: люди хотят знать, как с вами связаться. Единственное исключение: если вы не можете или не хотите поддерживать последующий объем звонков.
Не тратьте впустую пространство в шапке сайта. Каждый бизнес имеет свои бренд и логотип, но слишком часто место в заголовках тратится впустую. Хотя брендинг важен, он не должен занимать четверть экрана. Чтобы разместить наиболее важный контент в шапке сайта, необходимо пространство. Если же заголовок занимает все пространство, значит, место надо оптимизировать.
Не забывайте про естественное направление текста. Если сайт на английском, пользователи будут читать его слева направо. Если ориентируетесь на страны с письмом справа налево, при разработке сайта учитывайте эту особенность.
Не мудрите с сайтом до такой степени, что это откладывает его запуск. Стандартные сайты требуют немало времени для разработки. Стоит заняться созданием сайта, ориентированного на конверсии, который будет совершеннее прежнего, который не способствовал преобразованиям и не вызывал доверия. Только если ваша компания не огромная, где все, что вы делаете, должно приносить чистый объем трафика, запускайте сайт, тестируйте его и настраивайте. Возможности имеют реальную стоимость.
Включайте иконки социальных сетей в заголовок, только если они действительно необходимы. Эта тенденция сводит меня с ума. Люди используют значки социальных сетей в заголовках в основном потому, что кто-то сказал им, как была важна социальная медиаинтеграция на их сайтах. Эти значки в шапке сайта не имеют никакой ценности, если только вы не сосредоточены на факте присутствия в этих социальных сетях или количество последователей вашей компании в них не показатель вашей надежности. Если у вас потрясающий контент, отличное сообщество, заинтересованность или блог, предназначенный для заработка в социальных сетях, можете показать значки в обычном месте. Иначе я бы просто разместил данную информацию внизу страницы.
Не нанимайте дизайнера, который не ориентирован на оптимизацию конверсии. Как мы уже обсуждали в главе о графическом дизайне, большинство таких компаний проектируют сайты для своих заказчиков, а не для потенциальных клиентов заказчиков. Это очень важное отличие. Дизайн, радующий заказчика, не приносит дохода. Дизайнеры предлагают то, что вы хотите видеть, а не то, что хотят видеть ваши потенциальные клиенты, чтобы стать реальными. Конечно, они делают это не намеренно. Как правило, всем нравится привлекательный сайт. Это так красиво, так свежо, так модно... Конечно, это хорошо. Но вы должны знать только одно: приносит ли это конверсии? Конвертирует ли новый дизайн лучше, чем старый? Или — как мы можем конвертировать еще лучше? Так вот, когда вы ищете дизайнера, обращайте внимание на вопросы, которые он задаст. Отметьте, упомянул ли он прибыль или конверсии. Если нет — уточните. Убедитесь, что дизайнер тестирует преобразования. Если они смотрят сквозь все это — вероятно, конверсия не входит в их бизнес-модель. Узнайте, выросла ли прибыль у их прошлых заказчиков. Скорее всего, ответом вам будет пустой взгляд. В таком случае продолжайте поиски (если конверсия действительно важна для вас)!
ГЛАВА 11 Стратегии сайта-корзины
Познакомьтесь с Ларри. Ларри — владелец традиционного магазина, но он также хочет предоставить клиентам возможность делать покупки в интернете. Он нанял дизайнера, который должен создать электронную версию реального магазина и настроить систему оплаты. В итоге клиенты получат возможность просматривать товар и покупать не выходя из дома.
Третий распространенный сайт — электронной торговли, онлайн-магазин, или модель «корзина», на примере той, которую хочет создать Ларри (рис. 11.1). Позвольте объяснить, что я имею в виду, когда говорю о «корзине». Вы можете расценивать эту модель как интернет-магазин. Название подразумевает, что сайт имеет корзину. Со временем термины «интернет-магазин», «сайт электронной торговли» и «сайт-корзина» стали синонимами. Я уверен, что вы слышали другие названия этой модели. В контексте этой главы такие сайты подобны онлайн-каталогам, в которых люди просматривают списки продуктов или других товарных категорий, затем добавляют выбранные категории в виртуальную корзину и проверяют, когда смогут оплатить покупку. Стандартные и целевые сайты могут использовать технологию корзины, так что некоторые концепции, обсуждаемые в данной главе, будут применимы к этим сайтам тоже.
Рис. 11.1
Еще в 1999 году я разработал первый интернет-магазин для заказчика. Это был простой каталог продукции, кодировавшейся от нуля и далее, с кнопкой, позволявшей добавлять в корзину выбранную продукцию, и системой проверки оплаты. В наши дни электронная коммерция использует специальное программное обеспечение для сайта-корзины, включающее витрину, корзину для покупок и платежные инструменты.
Когда речь идет о сайтах-корзинах, удобство и легкость их использования непосредственно влияют на показатель конверсий. Вы хотите создать максимально быструю и понятную платежную систему. Как правило, чем больше вы уходите в сторону экспериментов и креатива с корзинами и пользовательским интерфейсом, тем сильнее будет снижаться показатель конверсии.
Когда речь идет о сайтах-корзинах, удобство и легкость их использования непосредственно влияют на показатель конверсий. Вы хотите создать максимально быструю и понятную платежную систему. Как правило, чем больше вы уходите в сторону экспериментов и креатива с корзинами и пользовательским интерфейсом, тем сильнее будет снижаться показатель конверсии.
В отличие от других глав, в которых мы обсуждали универсальную логику конверсий и психологию поведения, то, что мы будем рассматривать здесь, имеет отношение к удобству и легкости использования. Главная задача заключается в том, что вы должны помочь пользователю найти необходимое и сделать покупку как можно быстрее. На сайте-корзине универсальная логика конверсий дает людям то, что они ищут, или то, к чему они привыкли, делает процесс поиска и принятия решения легким. Начнем с того, что люди обычно ожидают: обратим внимание на дизайн навигации, чтобы он позволял успешно конвертировать.
Навигация
Когда вы идете в любимый продуктовый магазин, то имеете четкое представление о том, как в нем перемещаться, верно? Даже если никогда не были в этом магазине, сможете найти все продукты из вашего списка, если они лежат на видных местах. Просто у вас это займет немного больше времени. Каждый проход обычно обозначен названием расположенной там товарной категории, что позволяет найти нужный продукт быстрее. Иногда вы можете заблудиться, но, как правило, большинство магазинов размещают товары в аналогичных секциях. В лучших магазинах вы всегда их найдете. Вы, вероятно, также бывали в магазинах, в которых вроде все расставлено и обозначено, но найти нужный товар очень сложно.
Оба этих примера имеют что-то общее. Оба магазина имели проходы и товарные категории, но были неодинаково эффективны. Лучшие торговые центры создают интуитивно понятную навигацию: товары находятся там, где вы ожидаете их найти. В менее успешных гораздо труднее найти искомое. Это очень неприятно, верно?
Аналогичная ситуация: незнакомец впервые посещает типичный неоптимизированный интернет-магазин. Это все равно что ходить по новому торговому залу, в котором выкладка товара оставляет желать лучшего. Посетитель не имеет понятия, где ему найти то, что он ищет. Невразумительные кнопки сбивают с толку, товары помечены неясными категориями, сами категории довольно странные — нет ничего, за что можно зацепиться. И весь сайт, кажется, написан на чужом языке. Пользователю гораздо легче покинуть этот сайт и найти другой, с более простой навигацией, который предложит ему то, что он ищет.
В традиционных магазинах значительное время тратится на поиск нужного товара. Люди могут бросить корзину в проходе и отправиться в другое место. В этом их отличие от онлайн-магазинов. Клиенту не требуется ехать к вам или тратить время, физически добавляя товары в корзину. Никто не заметит, если покупатель просто оставит корзину. Клиенты анонимны и находятся в одном клике от прощания с сайтом. Вот поэтому так важно оптимизировать сайт-корзину, чтобы уменьшить разногласия с клиентом.
В идеале ваш сайт должен казаться знакомым. Цель в том, чтобы как можно скорее заставить пользователей почувствовать себя как дома. Необходимо сделать сайт легким для поиска. Хорошая структура навигации поможет надежности и релевантности, придавая ощущение профессионализма и доверия всему сайту в целом. Это незаметный, но эффективный способ воздействия на конверсии. В общем, чем больше усилий вы прикладываете к созданию и совершенствованию сайта-корзины, тем более сложным он будет в использовании, что снизит показатель конверсий. Вот несколько способов, позволяющих улучшить сайт-корзину для оптимизации показателя конверсий.
Сосредоточьтесь. На страницах, описывающих продукт, не давайте пользователям лишней отвлекающей информации, уводящей от кнопки «Добавить в корзину» или «Заказать». Многие компании загромождают продуктовые страницы ссылками на другие продукты или даже объявления и сайты. Если пользователь ушел с вашего сайта, вероятно, он больше никогда не вернется. (Если только вы не пользуетесь Amazon.com, где ваш случай будет исключением.)
Будьте конкретны. Не используйте путающие названия и имена в навигации, категориях или продуктах. Сделайте навигационную кнопку «Подиум», чтобы по-умному обозначить галерею для сайта бутика одежды. Но пользователи, скорее всего, не воспользуются этой кнопкой, и лишь немногие захотят потратить время на выяснение, что эта кнопка означает. Кроме того, старайтесь не использовать непонятные названия категорий. Если пользователь пришел на ваш сайт купить лопату, не вынуждайте его выяснять разницу между озеленительными инструментами, дачными и садовым инвентарем первой необходимости.
Не нужно много креатива. В отношении сайтов мыслите более узко. Вещи должны быть максимально ясными и знакомыми. Например, разместите панель навигации там, где пользователи ее ожидают увидеть более всего.
Будьте чрезмерными. Разместите одни и те же товары в разных категориях, чтобы пользователь точно мог их найти. Не существует правила, запрещающего указывать один продукт в нескольких категориях. Вы — босс сайта. Добавьте лопату в категорию «Озеленительные инструменты», в «Садовый инвентарь первой необходимости» и в «Дачные инструменты».
Создавайте списки. Большинство пользователей не любят сортировать длинные списки случайных товаров. Помогите им найти искомое, разделяя длинные списки на подсписки. Разместите товары по алфавиту, добавьте категорию «бестселлер» или значки наиболее популярного товара — там, где это необходимо.
Сопутствующие товары и техника повышения продаж
Интернет-магазины не останавливаются на индивидуальной конверсии пользователя. Речь идет о повышении дохода и возвращении большего числа клиентов. Я часто сталкивался с распространенной ошибкой, когда люди пытаются сделать страницу слишком короткой, похожей на целевую, без ссылки на выход и других возможностей. Такой подход может дать единичную конверсию, но не дает шанса заполучить клиента и на порядок повысить доходы. Именно поэтому такие магазины, как Walmart, размещают все веселые, необычные и классные продукты в конце проходов, а дешевые и высокомаржинальные продукты — возле касс. Они хотят, чтобы вы потратили как можно больше за один визит. Иногда супермаркеты помещают мячи для пинг-понга в проходе с пивом. Зачем они это делают? Потому что шары для пинг-понга используются в игре бирпонг и эти два вида товара друг для друга сопутствующие.
Amazon.com сделал целое состояние, предлагая сопутствующие товары клиентам, просматривающим сайт и там же покупающим. Все больше и больше сайтов используют этот способ, чтобы побудить вас проверить заказ до или во время оплаты, предлагая новые товары из аналогичной категории. Это еще один клиентоориентированный способ оптимизации конверсий. И это метод сделать сайт более клиентоориентированным.
Другой популярный способ оптимизации конверсий основан на использовании продуктоориентированных версий рекомендованных товаров. Вы когда-нибудь видели подобные товарные секции на ваших любимых сайтах? Продуктоориентированное кросс-продвижение товаров происходит в тот момент, когда вы добавляете товар в корзину, а сайт рекомендует аксессуары или другие продукты, связанные с выбранным лотом. Например, если вы покупаете онлайн мобильный телефон, корзина может показать изображения зарядного устройства к нему, автомобильного зарядного или дополнительных батарей с пометкой «сопутствующие товары».
Вы также можете кросс-продвигать рекомендованные товары. Хороший пример — когда Amazon.com говорит: «Люди, которые купили продукт Х, также купили эти продукты». Если вы покупаете DVD «Звездных войн», сайт будет рекомендовать вам другие DVD в научно-фантастическом жанре. С помощью подобной техники вы группируете определенные товары, пытаясь продать клиенту дополнительный продукт по более высокой цене или побуждая его углубиться в какую-либо категорию. Правда, если вы предлагаете слишком много вариантов и люди теряются, не находя обратной дороги к первоначально заинтересовавшему продукту, это может иметь неприятные последствия. Не забудьте протестировать все изменения, чтобы убедиться: вы помогаете, а не убиваете продажи.
Оставленные корзины
Люди известны своей переменчивостью. Они будут заполнять корзины огромным количеством интересного товара, а затем просто покинут сайт, не сделав ни единой покупки. Это называется «корзина отказов» и на самом деле — огромная проблема сайтов электронной коммерции. Есть много причин, почему клиенты так поступают.
Часто посетители отказываются от корзины — или потому что это сделать удобно и просто, или потому что слишком часто решали купить что-либо. Необходимо сделать процесс принятия решения максимально простым и незаметным. Именно в этом случае удобство и простота использования пересекутся с оптимизацией показателя конверсий. Если процесс будет слишком сложным, длительным или некомфортным, понадобится всего полсекунды, чтобы покинуть магазин.