Идеи для A/B-тестирования электронной коммерции, часть II: предоставьте своим посетителям отличный опыт поиска товаров

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

Хорошая функция поиска может улучшить или испортить покупательский опыт. Если он быстрый, точный и интуитивно понятный, он может превратить сеанс просмотра в покупку. С другой стороны, медленный и неуклюжий поиск может разочаровать клиентов.

По этой причине A/B-тестирование поиска на вашем веб-сайте очень важно. Чем больше вы тестируете, тем быстрее вы понимаете, чего хотят ваши клиенты, и тем больше конверсий вы можете получить.

Но с чего начать и что тестировать? Сделать панель поиска более заметной — это только начало улучшения функции поиска на вашем сайте. Вам все равно придется сделать много других вещей, но не волнуйтесь, мы можем помочь. Итак, во втором блоге из серии «Идеи A/B-тестирования для электронной коммерции» мы делимся лучшими идеями по тестированию, чтобы улучшить поиск вашего сайта. Давай начнем!

1. Результаты поиска изображений

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

Safety Gear Pro уже довольно давно сотрудничает с VWO и провела ряд тестов, одним из которых было улучшение дизайна окна поиска на сайте первого. Вариант с увеличенным размером строки поиска оказался победителем, но команда не остановилась на достигнутом и провела итерацию.

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

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

Пользователи, которые ищут на веб-сайтах, в 2-3 раза чаще конвертируются. Очень разумно извлечь выгоду из такого поведения пользователей. Как? Вот простое решение, которое можно попробовать: заменить текстовые поисковые подсказки результатами на основе изображений. Допустим, посетитель ввел в поле поиска «чехол для iPhone». Вместо того, чтобы показывать текстовые предложения, покажите разные изображения продуктов (обложки iPhone), чтобы пользователи могли быстро получить представление о продукте, который они хотят приобрести, и перейти на страницу из самого результата поиска.

Хотя вы можете протестировать элементы пользовательского интерфейса панели поиска с помощью VWO Testing, эксперименты с алгоритмами поисковых систем входят в компетенцию нашего мощного VWO FullStack. С некоторой помощью ваших разработчиков вы можете реализовать и протестировать эти интересные идеи на своем веб-сайте. Разверните версию, которая улучшит взаимодействие пользователей с вашим сайтом. Это даст вам преимущество перед конкурентами и побудит ваших посетителей вернуться, чтобы получить беспроблемный опыт.

2. Параметры фильтра

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

Например, несколько дней назад я искал туфли на танкетке на сайте по продаже обуви. Результаты поиска были ошеломляющими, с таким количеством вариантов! Я пытался найти что-нибудь повседневное, а не модную обувь для вечеринок. Вернулся ли я к окну поиска, чтобы повторить попытку? Нет, на странице результатов поиска сбоку был фильтр, который позволял мне сузить выбор на основе того, что я искал, например, повседневная одежда, цвет и форма стопы.

Идея теста 2 — Боковая или горизонтальная полоса фильтрации

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

Идея для тестирования 3 – добавить дополнительные параметры фильтра

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

Для реализации любых тестов на стороне клиента, включая этот, визуальный редактор VWO — лучшее, что может помочь вам в этом. Если вы хотите переставить, переместить, заменить или скопировать-вставить любой элемент, все это можно легко сделать с помощью этого редактора. Кроме того, вы можете использовать редактор кода, если вам нужно внести какие-либо изменения в HTML-код вашего сайта.

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

И как и ожидалось, взаимодействие с фильтрами улучшилось на 106% по сравнению с Контролем. Показатель кликабельности увеличился на 7%, потому что теперь клиентам было легче находить релевантные продукты. Хотите повторить эти победы на своем сайте? Подпишитесь на бесплатную пробную версию VWO и получите надежный инструмент рядом с собой в своих экспериментах.

3. Сортировка

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

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

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

Идея тестирования 4 — Показать больше параметров сортировки

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

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

4. Информация о продукте

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

Идея теста 5 — Включить быстрый просмотр изображений продукта

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

Вот вам еще одно вдохновение. Итак, Optimics, агентство по оптимизации коэффициента конверсии, использовало VWO для проведения тестов для одного из своих розничных клиентов под названием Mall.cz. В ходе одного из тестов агентство хотело проверить, повлияет ли демонстрация больших изображений продукта на доход. Были созданы две вариации: первая показывала более крупные изображения продукта с текстовым описанием, а вторая — более крупные изображения с описанием, которое можно было просмотреть при наведении курсора мыши. Второй вариант стал победителем с увеличением дохода на 9,46%.

Идея теста 6 — Показать оценки и обзор

Одна часть информации, которая может полностью привлечь посетителей к вашему продукту, — это рейтинг или обзор. Вместо того, чтобы просто оставлять их на странице продукта, отображайте их и на странице результатов поиска. Это привлечет внимание посетителей при поиске продукта, который они хотят купить. Кроме того, вы можете показать не только рейтинг продукта, но и количество обзоров, на которых основаны эти рейтинги. Рейтинг 5 звезд и всего 3 отзыва не так надежен, как рейтинг 4,5 с более чем 60 отзывами. Проведите эксперимент, чтобы определить, приведет ли это изменение к увеличению взаимодействия с пользователем и увеличению количества посещений страниц продукта.

5. Больше рекомендаций по продукту

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

Идея теста 7. Отобразите раздел с выделением лучших вариантов или рекомендаций экспертов.

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

6. Кнопка разбиения на страницы/прокрутки/загрузить еще

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

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

Идея теста 8 — разбивка на страницы/бесконечная прокрутка против ограниченной прокрутки с опцией «загрузить больше»

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

7. Навигация по цепочкам

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

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

Идея теста 9 — Включить навигацию по хлебным крошкам

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

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

Навигация по хлебным крошкам находится вверху для Lenovo, а на веб-сайте Apple — внизу.

8. Кнопки призыва к действию

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

В сотрудничестве с экспертами VWO они обнаружили, что в элементе управления кнопка призыва к действию (CTA) была помечена как «KOP» (Купить), что сбивало пользователей с толку относительно того, приведет ли она их на страницу продукта или добавит продукт в корзину. . Поэтому было высказано предположение, что переименование копии CTA в «Snabbkop» («Быстрая покупка») в варианте 1 и «Lagg i varukorgen» («Добавить в корзину») в варианте 2 обеспечит более четкое указание на предполагаемое действие при нажатии. Добавление дополнительной кнопки «Просмотреть продукт» под основным призывом к действию также послужит визуальной подсказкой для пользователей, которые хотят перейти на страницу описания продукта.

И да, вариант 2 показал увеличение коэффициента конверсии на 6 % для кликов по основной кнопке призыва к действию (CTA). Это сопровождалось 10-процентным увеличением посещений страницы доходов.

Идея теста 10 — Показывать кнопки CTA на странице категории

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

Хотите знать, можете ли вы создавать варианты как для мобильных устройств, так и для настольных компьютеров с помощью VWO Testing? Будьте уверены, что вам не о чем беспокоиться. Визуальный редактор позволяет не только создавать или редактировать, но и предварительно просматривать варианты на разных экранах с разными разрешениями перед их отправкой. Звучит здорово? Пришло время попробовать эту функцию.

Путь вперед

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

VWO может стать ценным союзником в вашем путешествии по оптимизации. Его широкие возможности, от тестовых и аналитических инструментов до платформы данных о клиентах и ​​персонализации, делают его исключительной платформой для оптимизации. Зарегистрируйтесь, попробуйте и убедитесь сами, почему это меняет правила игры. Вы не пожалеете об этом. Удачи!