Юзабилити сайта: как сделать покупку удобной

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

cropped-logo-av.png
Спецпроект по диджитализации бизнеса

Серия публикаций в партнёрстве с ПРООН в Беларуси

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

Для владельцев сайтов юзабилити — это ситуация, когда пользователю легко и просто принять решение о покупке.

Как я могу оценить юзабилити своего сайта?

Есть три главных критерия: скорость загрузки страниц, качественные фотографии товаров или услуг (фотоотчеты выполненных заказов и отзывы клиентов) и понятные способы оформления заказа. Если этих трёх элементов нет, то, например, положение и яркость кнопки «Купить» на странице будут играть незначительную роль в момент принятия решения о заказе.

Важно! Помни о мобильной версии или адаптивной верстке. Сегодня почти 50% продаж в интернет-магазинах — это продажи через приложения или мобильные версии сайта.

Как сделать сайт более удобным?

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

Навигационная цепочка должна быть кликабельной. Например, при выборе кроссовок в каталоге, навигационная цепочка может выглядеть так: Женщины/Спортивная обувь/Кроссовки. Каждый из пунктов цепочки должен быть кликабельным, чтобы пользователь мог быстро вернуться на один уровень назад.

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

Если ты продаёшь на сайте товары, присвой им уникальный код (артикул). Он может состоять из цифр и букв. Благодаря коду, ты сможешь быстро найти продукт в каталоге в случае звонка от покупателя. 

Страницы-помощники («Оплата», «Доставка», «Гарантия») и элементы личного кабинета («Мои заказы», «Избранное», «Войти в личный кабинет») пользователю привычнее видеть вверху страницы. При этом сами слова могут быть заменены иконками, например, вместо слов «Личный кабинет», «Контакты», «Корзина» можно использовать пиктограммы.

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

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

Как самостоятельно проверить юзабилити сайта?

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

Можно проверить юзабилити сайта без подключения Вебвизора?

Чтобы проверить юзабилити сайта без сторонних сервисов, создай задачу, которую нужно решить на сайте и попроси знакомых, коллег или друзей выполнить её. Не забудь предварительно задать необходимые условия. Например, ты – покупатель, мы не знакомы, это просто магазин из поиска. Выбери в моем магазине подарок своей дочери (ЦА — родители детей от 5 до 14 лет). Второй вариант: ты торопишься, едешь в метро, с телефона пытаешься выбрать себе рюкзак в поездку. Выбери товар и сделай заказ через мобильный телефон. Третья ситуация: у тебя есть юридический/бухгалтерский вопрос и тебе необходима консультация. Изучи мой сайт и прими решение, выбрал бы ты меня в качестве консультанта или нет. Почему?

Что нужно протестировать, чтобы убедиться, что сайт удобен?

Моделируя ситуацию, попроси того, кто будет решать поставленную задачу на сайте, записать видео экрана. Если это невозможно, то пусть твой респондент ответит, что раздражало/не понравилось/озадачило при работе с сайтом? Как и где он искал товар/услугу на сайте? Легко ли нашел меню/корзину/телефон call-центра/артикул товара? Удобно ли было оформлять заказ в корзине? Чтобы он отметил как очень удобное и вызывающее доверие?

Какие сайты вызывают наибольшее доверие?

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

Над текстом работали:
Анна Титович, Ольга Шишло, Юлия Малькова

Редактор:
Юлия Капустина

Верстка:
Ирина Голубицкая

Иллюстрация:
unsplash.com

Читай также

Руководство разработано в рамках инициативы ПРООН по преодолению негативных последствий COVID-19 для бизнеса в 2020 году.

Изложенная в руководстве информация может не отражать официальную позицию ПРООН. Использованные ссылки на онлайн-ресурсы и платформы носят иллюстративный характер и не являются рекламой этих продуктов.

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

Подписывайся на наш канал в Telegram!

X