Секреты юзабилити интернет-магазина: поиск по сайту

Posted on by riasevastopol

Мы уже неоднократно писали о том, что качественный опыт пользовательского сотрудничества (user experience), что вы проектируете на собственных посадочных страницах либо сайтах, оказывает решающее влияние на результативность ресурсов.

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

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

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

О них дальше и отправится обращение.

Принцип 1. Строка поиска должна быть максимально заметной (особенно для тех визитёров, кто совершенно верно знает цель собственных поисков)

В соответствии с итогам изучения, совершённого digital-агентством ThanxMedia, совокупность поиска по сайту оказывается востребованной в 40% всех онлайн-приобретений.

Но согласно данным анализа 50 самых успешных вебмагазинов, совершённому исследовательским агентством Baymard Institute, добрая половина из рассмотренных сайтов не имеет сколь-нибудь заметной и легко находимой строчка поиска.Секреты юзабилити интернет-магазина: поиск по сайту

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

Посмотрите на вебмагазин одежды Gap.com, на котором фактически нереально отыскать меню поиска. Попытайтесь отыскать и вы!

Urban Outfitters в рейтинге был еще ниже:

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

Фактически невидимая строка поиска вместо того, дабы стать проводником к требуемому продукту, делается фильтром, которая отсеивает не через чур терпеливых клиентов и ведет к утрата части доходов.

  • Муха на писсуаре, либо 5 правил убеждающего веб-дизайна

А сейчас посмотрим на сайты, каковые взяли более высокие оценки. Это веб-магазины L.L. Bean, BestBuy, NewEgg.

Разумеется, что эти компании совершенно верно знают секрет собственных высоких доходов.

L.L.Bean

BestBuy

NewEgg

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

Это указывает, что необходимо обращать внимание на:

  • высококонверсионные цвета;
  • текст;
  • дизайн кнопки;
  • особенности того, как люди «просматривают» веб-страницы;
  • возможность поиска товаров по категориям.

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

В то время, когда управление онлайн-сервиса EuroCheapo.com (бронирование номеров в отелях Европы) поняло необходимость дополнительного привлечения внимания визитёров к совокупности внутреннего поиска, оно совершило качественный email-опрос, по итогам которого спроектировало новый, более броский и заметный дизайн строчка поиска и в итоге увеличила число обращений на 38%. Это, со своей стороны, стало причиной тому, что число клиентов выросло на 35% всего за две с половиной семь дней.

  • Секреты юзабилити: отличие между навигацией сайта и информационной архитектурой

Принцип 2. Применяйте разработку автозаполнения и обеспечьте появление в перечне результатов поиска список рекомендуемых позиций

По отчетам агентства SLI systems, около 25% всех интернет-клиентов, применяющих строчок поиска при совершении приобретений, нуждаются в уточнении поискового запроса.

Это обусловлено рядом обстоятельств: неправильное написание заглавия продукта, региональные различия в заглавии, неточные результаты поиска.

Всемирно узнаваемый аналитик и гуру маркетинга Авинаш Кошик в одной из собственных книг говорит о том, как подобная обстановка сама по себе возможно показателем качества внутреннего поиска:

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

В случае если сравнить процент и число уточнений покинувших сайт по окончании первого поиска, то делается разумеется, как релевантность выдаваемых результатов может очень сильно оказывать влияние на уровень качества интеракции вашего ресурса с пользователями: в соответствии с итогам изучений, 73% всех визитёров покидают сайт в течение 2 мин., если не смогут отыскать то, что ищут.

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

Думается, что автозаполнение — инструмент, что на деле демонстрирует собственную эффективность, и большая часть компаний должно его применять по умолчанию. Фактически, так и происходит: из 160 проанализированных наибольших вебмагазинов у 62,5% эта разработка уже имплементирована.

Однако, не все компании внедряют более передовой вариант автозаполнения, в котором предлагаемые результаты поиска дополнены иллюстрациями: лишь 28,2% платформ применяют данный инструмент, а 16,8% только планируют это сделать в этом году. Остальные 55% об этом, по всей видимости, кроме того не вспоминают, и это хорошая возможность для вас, дабы обойти собственных соперников.

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

Вебмагазин одежды ModCloth смог расширить последовательность собственных KPI показателей по окончании внедрения данной технологии: объем заказов был увеличен на 5%, средний чек на 3%, цена одного визита на 8%.

Иллюстрации + автозаполнение = прямой путь к громадным продажам

По итогам другого изучения, вебмагазину LED HUT удалось повысить эффективность поиска на 200%. Дело в том, что поиск предлагает не только товары (как в прошлом примере), но и сами варианты запроса (на изображении ниже):

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

Но не следует упускать из внимания одну главную подробность: добавление иллюстраций не сыграет никакой роли, в случае если сами предлагаемые варианты поиска не будут релевантны внутренней установке визитёра.

Трудитесь над тем, дабы правильно угадывать намерения вашего клиента.

  • 5 основных правил юзабилити вебмагазинов

Принцип 3. Поиск должен быть настроен так, дабы показывать самые релевантные результаты прежде всего

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

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

В итоге поисковиком сайта стали пользоваться в 4 раза больше визитёров, а 87% клиентов обнаружили необходимый товар среди первых 5 пунктов, предлагаемых совокупностью.

В течение нескольких месяцев показатель конверсии подскочил как минимум в 4 раза, а число онлайн-приобретений возросло на 13%.

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

К примеру, на сайте вебмагазина wayfair.com вы имеете возможность ввести в поле слово «bedding» (с англ. — постельные принадлежности), а совокупность перенаправит вас на страницу, где по порядку будут представлены все товары из данной категории. Наряду с этим, в случае если вас не устроит содержимое целевой страницы, вы легко имеете возможность выбрать нужную подкатегорию в сайдбаре слева.

Потом вы имеете возможность отфильтровать все товары по таким параметрам как размер, цена, материал, бренд и т. д.

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

  • Юзабилити сайта: что такое прямой и последовательный доступ?

Принцип 4. Совокупность поиска учитывает геолокацию визитёра

Люди, каковые живут в странах и разных городах, смогут именовать одинаковые вещи неодинаково. Далеко за примерами ходить не следует: то, что в Российской Федерации именуется футболом, в Англии носит название «soccer», а в Соединенных Штатах по большому счету под футболом знают совсем иное спортивное состязание.

Вот как отличаются результаты поиска по одному и тому же запросу, но от визитёров из различных государств.

Необходимость учета региональной принадлежности того либо визитёра делается нужным в том случае, если у вас имеется клиенты в мире. И сущность кроме того не в том, что россияне говорят на русском, а французы — на французском. Английский язык в Лондоне значительно отличается от английского в Нью-Йорке, и вам, как продавцу, имеющему клиентов по обе стороны океана, очень необходимо понимать и тех, и других.

В интервью 2007 года Мартин Уайт (Martin White), директор консалтингового агентства IntranetFocus, показывал на то, что «распознавать близкие и синонимы по смыслу выражения очень нужно для тех компаний, каковые имеют достаточно широкую клиентскую базу за пределами собственной страны. Помимо этого, вы кроме этого должны быть в курсе локальных диалектов и привычек. К примеру, то, что в Штатах будут искать как «gasoline», в Англии будут применять слово «petrol» (бензин).

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

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

Результаты по поиску pants (с англ. — штаны, трусы) в Соединенных Штатах.

Результаты по поиску pants (с англ. — штаны, трусы) в Британии.

Принцип 5. Результаты поиска возможно отфильтровать

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

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

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

Якоб Нильсен (Jakob Nielson), один из основателей консалтинговой компании «Nielsen Norman Group», в одном из собственных изучений заключил, что визитёры сайтов совсем некомпетентны в проведении поиска. Кроме того в случае если большинство ваших клиентов пользуется совокупностью поиска (80%), 36% не смогут отыскать соответствующий их запросам товар с первого раза.

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

К примеру, вот какие конкретно результаты выдает запрос pink iphone case hard (розовый чехол для iphone) в Гугл:

А вот такие результаты вы получите на Amazone.com:

Не забывайте, что 73% пользователей готовы дать вашему ресурсу лишь 2 60 секунд собственного времени, и если не находят в течение 2-ух мин. все нужное, то они покидают его. Удерживайте собственных визитёров продолжительнее, предоставляя возможность отфильтровать результаты, уточнить запрос и сузить масштабы поиска.

  • Оптимизация юзабилити основной страницы вебмагазина

Принцип 6. Результаты поиска кроме этого включают отзывы клиентов, данные о продукте, наличие продукта и кнопку заказа

Отзывы клиентов повысили продажи на 18%. Из них: 11% — увеличение конверсии, 2% — увеличение среднего числа заказов, 5% — увеличение числа клиентов, возвратившихся обратно.

В сравнительном изучении, совершённом аналитической компанией «Baymard Institute», было распознано, что лишь на 2 из 50 самые успешных вебмагазинов в поиске выводится кроме этого краткая информация о продукте. В среднем такие сниппеты приводят к повышению продаж на 18%. Из-за чего бы и вам не попытаться?

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

Перейдем к примерам.

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

Вот как страница смотрелась до оптимизации:

А вот как она изменилась по окончании введения новшеств:

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

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

Реструкуризация формата системы результатов и отображения поиска фильтров разрешила компании расширить собственную прибыль на 2% от тех клиентов, кто применял поисковую совокупность сайта. Думается, что это мало, но в случае если учесть, что годовая прибыль компании составляла в 2013 г. $1 700 000 000, то 2% — это $24 000 000. Это громадная победа.

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

В принципе маркетологи и разработчики Booking не могли сделать как-то в противном случае, потому, что функция поиска на сайте есть главной. Ей уделяется главное внимание и место, а также призывы к действию («534 000+ отелей, апартаментов, вилл и не только» и «Бронируйте на данный момент, платите на протяжении проживания!») расположены как возможно ближе к заветному окну с поисковой строчком.

По окончании того, как вы введете запрос и попадете на страницу с результатами, вы получите возможность уточнить его через совокупность фильтров (совокупность сама предложит вам воспользоваться ими) и категорию «Популярные направления».

Если вы всмотритесь в любой из предлагаемых вариантов, то станете поражены обилием представленной на рассмотрение пользователя информации. Давайте разглядим любой элемент в отдельности:

  1. Символ отличия, что эта позиция взяла в прошедшем сезоне (при наведении вы определите, что эта гостиница в прошедшем сезоне была самой популярной у клиентов).
  2. адрес и Наименование гостиницы ее размещения.
  3. Количество звезд.
  4. Пиктограмма поднятого вверх громадного пальца как бы подтверждает тот факт, что 4 звезды — это отлично.
  5. Число клиентов, каковые остались довольны размещением в отеле.
  6. Рейтинговая оценка, которая кроме этого дает представление о качестве предоставляемых гостиничных одолжений, с соответствующей оценке фразой.
  7. Число, которое говорит о количестве оценок и отзывов, учтенных при выводе итоговой рейтинговой оценки.
  8. Маркетинговый элемент. Показывает, сколько людей сейчас просматривают предложения данной гостиницы, и пробуждает в пользователях чувство соперничества. Подталкивает к действию.
  9. Еще один маркетинговый элемент. Говорит о времени последнего бронирования.
  10. Значок, что показывает, на какое количество человек вычислен номер.
  11. Показывает, какие конкретно еще типы номеров имеется в наличии.
  12. Отсылка к призыву «Бронируй на данный момент, плати позже». На изображении: «Бесплатная отмена заказа».
  13. Еще один элемент, способный спровоцировать ажиотаж. На изображении: «Осталось всего 5 помещений».
  14. Говорит о скидке, которую вы получите, в случае если забронируете номер на определенный период.
  15. Призыв к действию — «Забронируй на данный момент».

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

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

Заключение

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

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

Высоких вам конверсий!

По данным conversionxl.com, image source Brian Scott Berkovitz Phot

Случайные статьи:

[QnA#3] Как продвигать сайт интернет магазина в 2017 — фишки SEO продвижение сайта магазина


Подборка похожих статей:

riasevastopol

More Posts