На сайте не заметна иконка корзины

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

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

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

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

Страдает доступность: контраст ниже WCAG, кликабельная зона меньше 44×44 px, нет видимого фокуса и корректного aria-label. Для части аудитории элемент фактически отсутствует.

Когда проблема критична, а когда — нет

Критична:

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

Не критична:

• Лендинги с «Купить сейчас», где переход сразу ведёт в оформление без корзины.
• Сервисы бронирований и подписок с линейным потоком без набора товаров.
• Проекты без e-commerce: контент, лидогенерация, заявки.
• Магазины с явной альтернативой — фиксированная мини-корзина/панель оформления на каждой странице.

Открытый вопрос для проверки

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

Возможное решение проблемы

• Расположить корзину в ожидаемом месте: правый верхний угол на десктопе, в нижней навигации или шапке — на мобильных.
• Добавить подпись «Корзина» рядом с иконкой, оставить короткую подпись на мобильных.
• Увеличить размер и контраст. Минимальная кликабельная область — 44×44 px. Контраст — по WCAG AA.
• Показать состояние: бейдж со счётчиком, заметная смена фона/иконки при первом добавлении.
• Давать явный путь: после добавления — понятный баннер/панель с кнопками «Перейти в корзину» и «Продолжить покупки».
• Упростить шапку: убрать второстепенные иконки или перенести в меню, освободив визуальное поле вокруг корзины.
• Учесть перекрытия: корзина не должна закрываться баннерами, чатом, системными панелями.
• Обеспечить доступность: aria-label="Корзина", видимый фокус, корректная озвучка счётчика, доступ с клавиатуры.
• Обеспечить стабильность: корзина рендерится сервером и видна до загрузки скриптов.
• Проверить на реальных устройствах: разные диагонали, ретина/неретина, светлая/тёмная тема, языковые версии.

Примеры гипотез для роста конверсии

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