Когда нужно показывать выбор количества в анонсных карточках товара в каталоге интернет-магазина

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

Когда я проектирую карточки товара для каталога интернет-магазина, один из частых вопросов, который я задаю сам себе звучит так: «А стоит ли показывать выбор количества прямо здесь, в анонсной карточке?» Ответ всегда — зависит от контекста.

Анонсная карточка — это короткий блок, который даёт покупателю первое впечатление о товаре. В ней обычно есть фото, название, цена, скидка и кнопка «Добавить в корзину». Её цель — привлечь внимание и побудить человека перейти дальше, а не оформить заказ прямо в каталоге, то есть карточка — это инструмент вовлечения, а не завершения покупки.

lamoda.ru

Исследования Baymard Institute подтверждают, что перегруженные карточки воспринимаются хуже: «Чрезмерное количество интерактивных элементов снижает вовлечённость пользователя и мешает восприятию».

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

askona.ru и mvideo.ru

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

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

Есть, конечно, исключения. Например, фастфуд, доставка еды, другие продуктовые и строительные интернет-магазины. Если пользователь добавляет в заказ несколько одинаковых товаров — напитки, соусы, закуски — счётчик количества делает процесс быстрее и естественнее. В таких сценариях каталог фактически становится частью оформления заказа, и нет смысла отправлять человека на отдельную страницу.

perekrestok.ru

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

lemanapro.ru

В таких случаях в анонсной карточке я оставляю только кнопку «Добавить», а после клика уже появляется счётчик количества. Это решение сохраняет чистоту интерфейса и не мешает тем, кто просто просматривает каталог.

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