Продуктовая страница UX 2025: 15 подводных камней и лучшие практики. В январе 2025 Институт Беймарда обновил данные исследования, в котором разобрал ключевые UX-ошибки продуктовых страниц и рассмотрел хорошие решения в дизайне карточек товаров. Основные выводы: 51% сайтов в сегменте e-commerce имеют «посредственные» или ещё более неудачные реализации страниц товаров. Участники во время тестирования часто отказывались от подходящих продуктов — исключительно из-за проблем с UX, которые можно устранить. Только 49% ведущих сайтов электронной коммерции в США и Европе имеют «удовлетворительный» или «хороший» UX продуктовых страниц (по сравнению с 48% в 2023 году и 44% в 2021 году). При этом нет ни одного сайта с «идеальной» или «современной» реализацией продуктовой страницы (без изменений с 2021 года). 15 рекомендаций, чтобы улучшить UX продуктовой страницы: - Избегайте табов в карточках товаров. При просмотре среднестатистической страницы продукта с табами 27% участников полностью игнорировали вкладки; - Добавляйте в карточку изображения, которые показывают товар в масштабе, чтобы пользователи понимали реальный размер продукта; - В карточках товаров одежды, сумок, аксессуаров используйте фото, которое демонстрирует товар на человеке; - Добавляйте, фото товаров сделанных покупателями, которые они размещают в своих социальных сетях. Включение социального контента в процесс покупки помогает поддерживать заинтересованность пользователей и уверенность в их решении о покупке; - Предоставьте пользователям доступ к таким функциям как «Сохранить», «Избранное» или «Список желаний» без регистрации на сайте; - Отображайте «Цену за единицу» для товаров, продаваемых в разных количествах или объёмах; - Если компания доставляет товары за отдельную плату — укажите стоимость доставки в карточке товара. По умолчанию пользователь должен видеть самую низкую полную стоимость заказа (товар+доставка); - Размещайте в карточке товара информацию о возврате или ссылку на отдельную страницу, где можно узнать об этой возможности и правилах; - Продумайте сценарий, при котором ваш товар покупают в качестве подарка. Разместите информацию о доставке, фотографии подарочных коробок и описание того, как будет доставлен подарок. Это поможет пользователям получить полную картину процесса дарения; - Используйте визуальные приёмы, чтобы пользователям было удобно изучать технические характеристики товара. Выравнивание, иконки и разделительные линии улучшают считываемость, а вот многоколоночные форматы используйте с осторожностью. Тесты показывают, что макет из двух колонок усложняет поиск и интерпретацию информации по сравнению с текстом в одной колонке; - Проверьте, чтобы технические характеристики продукта были идентичны тем, что указаны на сайте компании-производителя; - Добавьте подсказки для всех уникальных или специфичных характеристик товара, чтобы пользователи могли понять про что идёт речь; - В формах для отправки отзывов запрашивайте только ту информацию, которая касается опыта использования конкретного продукта; - Отвечайте на негативные отзывы пользователей; - Используйте слайдер для фотографий пользователей в отзывах, чтобы быстро перемещаться между изображениями. Полный текст исследования с примерами читайте по ссылке. #исследования