Как улучшить юзабилити интернет-магазина

Время чтения: 7 минут
Количество прочтений: 457
08 июня 2020
2024-11-02 Обновлена: 02 ноября 2024

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

Как улучшить юзабилити интернет-магазина

Конверсия и юзабилити – два смежных понятия

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

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

Есть такое понятие Customer Journey Map, или карта пути пользователя. Это четкий алгоритм действий, которые совершает посетитель сайта. Заходит, смотрит меню, выбирает нужную категорию, изучает карточки товара, делает выбор, добавляет товар в корзину, регистрируется, выбирает способ доставки и оплаты, оформляет покупку… Этот путь должен быть легким и простым: представьте, что пользователь гуляет по удобной мощеной дорожке, а не карабкается по горам, срываясь и падая.

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

Итак, что должно быть на сайте с хорошим юзабилити?

Связанность элементов

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

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

интернет-магазин Читай городСо страницы карточки товара можно попасть в корзину и в меню 

Удобная регистрация

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

форма регистрацииВот так не надо! 

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

Детальные фото

Представьте, что вы покупаете свитер и видите в карточке фото предметной съемки. Лежит он, родной, на белом столе, и совершенно непонятно, как он будет смотреться на реальном человеке.

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

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

Полное описание товара

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

Действующие формы заказа

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

Подсказки

Чтобы пользователь не путался, идеально давать ему подсказки. Например, зарегистрировался он – на сайте всплывает окно: «Отлично! Теперь можете добавить товар в корзину». Начал оформлять заказ, неправильно набрал номер телефона (пропустил цифру, например) – появляется сообщение: «Ой! Наберите, пожалуйста, еще раз».

Без таких подсказок пользователь будет гадать, что делать дальше и что же именно он сделал не так.

Игра с цветом

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

карточки товаров Размер скидки выделен желтым. Пользователю удобно: сразу видно, сколько можно сэкономить 

Строка поиска

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

строка поискаА еще лучше подписать, чтобы точно сомнений не было 

Ну и, конечно, сам поиск должен работать отлично. По запросу «энциклопедия о птицах» не должен выдаваться результат «Королек – птичка певчая». Ну вы поняли.

Информация о наличии товара

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

Кнопка «Наверх»

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

Фильтры

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

Для разных ниш фильтры будут разными. Если вы продаете детские товары, разумно установить фильтр по возрасту ребенка. Если одежду – по составу изделия, сезону, полу покупателя. Электронику – по маркам товаров, характеристикам.

фильтр товаров на сайтеСлева – фильтры для категории «Смартфоны и мобильные телефоны» 

Возможность сравнить

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

Возможность купить со смартфона

Сидит пользователь вечером в уютном кресле, выбирает не спеша товары – о, нашел нужный! А с телефона купить проблемно: формы не открываются, зарегистрироваться не получается – надо садиться за компьютер. Да ну его нафиг, думает человек и закрывает вкладку. Неудобно же!

Различные варианты оплаты/доставки

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

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

Обратная связь

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

форма обратной связиКнопки соцсетей в футере магазина косметики 

Никаких ошибок 404

Постоянно отслеживайте, не появилось ли на вашем сайте страниц с ошибкой 404. Например, с помощью Google Analytics. Такое может быть, если страница была удалена, например вы делали спецстраницу для акции или распродажи, а они закончились и более не актуальны.

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

404 ошибка в интернет-магазинеИнтернет-магазин «Лабиринт» так просто не отпустит!

Применяйте наши рекомендации и улучшайте юзабилити сайта. Помните: нет предела совершенству!



Информация придет на указанный Email в течение 10 минут!

А пока – присоединяйтесь к нашему Telegram-каналу об онлайн-продажах (маркетплейсы и интернет-магазины):

Присоединиться

Где находят поставщиков клиенты Кактуса?

  • Бесплатный каталог с топ-40 площадок
  • Данные по регионам (Россия, Европа, Азия, Африка)
  • Ссылки на сайты-каталоги поставщиков и описание их товарной специфики
  • Обновлен в сентябре 2023 года
Каталог кактуса
Заполняя форму, вы даете согласие на обработку персональных данных
Экскурсия для селлеров маркетплейсов на фулфилмент-склад Кактуса
Экскурсия для селлеров маркетплейсов на фулфилмент-склад Кактуса
Сильная WMS (система управления складом) — основа технологичного фулфилмент-оператора. Иначе склад не сможет вовремя, без пересорта, брака и потерь об...
Брендинг ОКВЭД Дизайн
сайта
Кибербезопасность Онлайн-
касса
Ниша Меню
сайта
Конструкторы Юзабилити Новые посты каждый день! Telegram-канал
для селлеров
Перейти
Навигация
по статье
Ответы на популярные вопросы
Какой товар лучше продавать на маркетплейсах?

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

Что такое FBS?

FBS (Fulfillment by Seller). Это схема работы, при которой продавец хранит товары на складе Кактуса, когда поступает заказ, мы его собираем, маркируем, упаковываем и передаем курьеру или в пункт приема маркетплейса. То есть, физически товары находятся на складе Кактуса, а на маркетплейсе только витрина — карточки товаров.

Что такое FBO?

FBO (Fulfillment By Operator). Это схема, при которой продажа товара осуществляется со склада Маркетплейса. Продавцу необходимо разместить товар на наших складах. Мы упакуем, промаркируем товары в соответствии с требованиями и доставим до складов маркетплейсов.


Единый склад для всех маркетплейсов: как все устроено
12 сентября 2024
1018
Единый склад для всех маркетплейсов: как все устроено
Основная сложность реализации товара на двух и более маркетплейсах — делать поставки на несколько складов и не сойти при этом с ума. Эксперты фулфилме...

#Все о маркетплейсах #Интернет-магазины
70 млн россиян регулярно совершают покупки онлайн: новые возможности для бизнеса
06 сентября 2024
842
70 млн россиян регулярно совершают покупки онлайн: новые возможности для бизнеса
Российский рынок онлайн-торговли демонстрирует впечатляющий рост, продолжая уверенно расширяться и в 2024 году. По данным АКИТ, в 2023 году объ...

#Все о маркетплейсах #Интернет-магазины
Проверка одежды на брак для продажи на маркетплейсах: советы эксперта
03 сентября 2024
876
Проверка одежды на брак для продажи на маркетплейсах: советы эксперта
Получение партии одежды с производства — это важный этап в цепочке поставок для любого бизнеса в индустрии моды. Качество продукции напрямую вл...

#Все о маркетплейсах #Интернет-магазины