Карточка может быть красивой и при этом неудобной — покупатель не находит ответ и уходит. Разбираем, что такое юзабилити применительно к карточке товара, по каким признакам его оценивать и как провести проверку за двадцать минут без специалистов.
Юзабилити — это удобство использования: насколько легко человек добивается своей цели. Для карточки товара цель у покупателя одна — понять, подходит ли ему вещь, и решить.
Хорошее юзабилити карточки означает, что ответы на его вопросы находятся быстро и в ожидаемых местах. Плохое — что информация есть, но её приходится искать.
Это важное различие. Претензия «мало информации» и претензия «информацию не найти» выглядят одинаково в отчёте о конверсии, но лечатся по-разному: первая — съёмкой, вторая — перестановкой.
И вторая обычно дешевле. Порядок слайдов, структура описания, расстановка акцентов меняются без пересъёмки — это самая недооценённая работа с карточкой.
Термин пришёл из проектирования интерфейсов, где его меряют временем выполнения задачи и числом ошибок. Для карточки метрики те же по смыслу: сколько секунд до понимания и сколько вопросов осталось без ответа.
Полезно и то, что юзабилити не про вкус. Спор «нравится или нет» здесь заменяется наблюдением за тем, справился человек или нет, — и это снимает большинство разногласий внутри команды.
Практическая ценность подхода в том, что он дешёвый: проверка не требует ни аналитики, ни бюджета, а находит проблемы, которые цифры показывают лишь косвенно.
Скорость понимания. Открыв карточку, покупатель за две-три секунды должен понять, что это за товар и подходит ли он в принципе. Если требуется дольше — проблема на первом же экране.
Порядок ответов. Вопросы категории известны: посадка, размер, комплектация, материал. Они должны закрываться в первых слайдах, а не быть разбросанными по галерее.
Читаемость на телефоне. Большая часть покупателей смотрит с телефона, а проверяют карточку обычно на мониторе — расхождение здесь порождает половину проблем.
И согласованность. Текст, слайды и характеристики должны говорить одно и то же: противоречие между ними покупатель замечает и трактует не в пользу продавца.
Смотрят и на первый экран целиком: главное фото, цена, название, отзывы. Если на нём чего-то не хватает для первичного решения, остальные слайды уже не спасут.
И на длину пути: сколько действий нужно, чтобы дойти до нужного размера или варианта. Каждое лишнее движение теряет часть покупателей.
Отдельно стоит смотреть на отзывы: повторяющийся вопрос в них означает, что карточка на него не отвечает, как бы хорошо она ни выглядела.
Возьмите человека, который не знает ваш товар. Коллега из другого отдела, знакомый, родственник — важно только, чтобы он не знал вещь заранее.
Дайте ему телефон с открытой карточкой и попросите вслух говорить, что он видит и что непонятно. Не подсказывайте и не объясняйте — именно молчание даёт результат.
Записывайте вопросы, которые он задаёт, и места, где он останавливается. Каждый такой вопрос — это недостающий кадр или неверный порядок слайдов.
Повторите на трёх людях. Совпадающие затруднения — системная проблема; единичные — особенность конкретного человека.
Полезно записать экран или хотя бы делать пометки по ходу: детали забываются через час, а именно в них обычно и находится причина.
И проверять на своём телефоне, а не на новом флагмане: покупатели смотрят с разных устройств, и мелкий текст на старом экране читается хуже.
Хватает и трёх человек: дальше находки начинают повторяться, и дополнительная проверка нового не даёт.
Непонятный масштаб. Самая частая: покупатель не может понять, какого товар размера. Лечится одним кадром с предметом-ориентиром.
Комплектация неочевидна. «А что входит?» звучит почти в каждой проверке, если нет кадра раскладки.
Цвет вызывает сомнение. «Он точно такой?» — сигнал, что кадры сняты при разном свете или обработаны неровно.
И ключевой кадр стоит слишком глубоко. Ответ на главный вопрос находится шестым слайдом, до которого доходят единицы, — самая дешёвая в исправлении находка.
Встречается и обратное: карточка перегружена, и человек теряется в двадцати слайдах. Тогда лечение — сокращение, а не добавление.
Часто всплывает и путаница в вариантах: покупатель не понимает, чем отличаются позиции одной линейки, и уходит вместо того, чтобы выбрать.
Порядок слайдов. Перестановка бесплатна, обратима и часто даёт заметный эффект: кадр, отвечающий на главное возражение, переезжает на вторую позицию.
Текст описания и характеристики: заполнение полей, структура, устранение противоречий с изображениями.
Надписи на инфографике: размер шрифта, контраст, количество текста на слайде. Это правка макета, а не новая съёмка.
И удаление лишнего. Слайды-дубли и абстрактные картинки убираются, и оставшиеся кадры поднимаются выше — иногда этого достаточно.
Правится без съёмки и главное фото — если среди уже снятых кадров есть более удачный вариант. Пересобрать карточку из имеющегося материала стоит нисколько.
Правится и порядок характеристик: вынести наверх те, по которым выбирают, — работа на десять минут без единого нового кадра.
Когда не хватает ракурса, которого просто нет: вид сзади, деталь, кадр масштаба. Переставлять здесь нечего.
Когда кадры сняты при разном свете и не стыкуются между собой. Обработка спасает частично, а системное расхождение требует пересъёмки.
Когда товар изменился: сменился поставщик, обновилась упаковка, поменялась фурнитура. Тут любая перестановка бессмысленна.
Практический порядок такой: сначала исчерпать бесплатные правки, потом мерить, и только потом заказывать съёмку. Обратный порядок — самый частый способ потратить бюджет впустую.
Полезно и записывать, что меняли и когда: без такого журнала через полгода невозможно понять, помогла правка или совпала с сезоном.
И когда карточка вовсе не получает показов: тогда проблема не в юзабилити, а в названии и характеристиках, и проверять надо не удобство, а попадание в запросы.
Мы используем файлы cookie, Яндекс Метрику и чат поддержки Jivo, чтобы сайт работал корректно и мы понимали, какие страницы полезны. Нажмите «Только необходимые» — и аналитика с чатом на вашем устройстве отключатся. Подробнее — в политике использования cookie и политике обработки персональных данных.