Как оформить страницу товара в интернет-магазине, часть первая

В этой статье разбираем, как дать клиенту максимально полную информацию о продукте. Вы узнаете, почему недостаточно просто перечислить характеристики товара.

В этой статье 

1. Что должно быть на странице товара

2. Характеристики продукта

3. Цена и расходы на доставку

4. Ключевые параметры: цвет, размер, количество

5. Выводы

Что должно быть на странице товара

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

Но не увлекайтесь: перегруженная деталями страница продукта только отпугнет. Пользователь должен легко находить ответы на все вопросы о продукте. 

По данным исследования Baymard, перед покупкой люди в первую очередь смотрят на важные для них характеристики. Своевременно найденная информация ー весомое «за» при покупке. 

Например, человек сомневается, войдет ли органайзер для одежды в его шкаф. Из видео становится очевидно, что он поместится. Пользователь решается на покупку.  

Страница товара должна включать:

— название; 

— понятные производственные характеристики продукта;

— цену и все дополнительные расходы;

— ключевые параметры: цвет, размер, количество;

— фотографии;

— информацию о наличии товара;

— понятный способ добавить в корзину;

— список сопутствующих товаров (аксессуаров, предметов в комплекте, похожих товаров);

— рейтинг и отзывы покупателей.

В этой статье остановимся на первых четырёх пунктах. 

Характеристики продукта 

Используйте понятные покупателям формулировки. Помните, что не все знают отраслевые термины. Человек, который раз в 10 лет обновляет сантехнику, вряд ли поймёт, что такое кран-букса. 

Объясняйте всё, что может вызвать вопросы, с помощью тултипов. 

Цена и расходы на доставку

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

Она играет решающую роль, когда человек выбирает, покупать или нет, поэтому скрывать её категорически нельзя. Исключения возможно в B2B-сегменте и нишах, где цена индивидуальная.

Хороший тон — указывать стоимость за единицу товара. Особенно, если ваш интернет-магазин предполагает оптовые покупки.

Для каких продуктов нужна цена за единицу: 

— спортивный инвентарь (инструменты, наборы гантель, теннисные мячи и т.д.);

— канцелярские товары (ручки, карандаши, папки и т.д.);

— инструменты (крепления, лампочки и т.д.);

— косметика и средства гигиены (миниатюры, пробники, ватные палочки и т.д.);

— оборудование (лампочки, гайки, гвозди, крепления)

— продукты питания (1 грамм и 1 кг конфет)

— напитки (1 бутылка и ящик вина);

Список можно продолжать долго.

Не забываем про дополнительные расходы. Обычно это стоимость доставки. 

64% пользователей ищут стоимость доставки на странице продукта до того, как добавят его в корзину. 

Будьте честны с клиентом: показывайте все затраты до покупки. Неожиданные дополнительные расходы в корзине только отпугнут покупателя.  

При фиксированной стоимости доставки: 

определяйте затраты на доставку автоматически по IP.

При нефиксированной стоимости  доставки:

— показывайте минимальную и максимальную отметку: «Доставка от 200 до 500 рублей (зависит от пункта назначения)»;

— указывайте регион, область и город: «Примерная цена доставки для Ленинградской области: 400 рублей». Сделайте название пункта кликабельным. Если юзер захочет поменять регион, ему не придется искать по всему сайту, как это сделать.

Обязательно:

— сохраняйте адрес доставки в личном кабинете. Адрес будет определяться автоматически при входе в ЛК. 

Параметры продукта

Количество. Указывайте понятные и близкие покупателю категории. На упаковках порошка давно помимо граммовки указывают количество стирок. Что мешает делать то же самое, например, с рассыпным чаем? Помимо привычных «250 г», укажите количество порций — «125 кружек». Чем понятнее и удобнее для покупателя, тем вероятнее, что он купит. 

Размер. Простого указания высоты, длины, ширины и т.д. недостаточно. Проведите опрос целевой аудитории. Для чего им нужен ваш продукт? Например, если планшет нужен художнику, то лучше объяснить размеры в понятных ему категориях. 

Планшет размером «240 x 169.5 x 7.5 мм» немного больше листа А4. Ширина планшета совпадает с шириной стандартного карандаша. Лучше это показать с помощью изображений. Обязательно добавьте фото товара в контексте использования. Подробнее про фото товара в следующих статьях.

Цвет. Пользователи не замечают текстовых индикаторов. Замените  их свотчами. Свотчи дают возможность увидеть доступные расцветки сразу в карточке товара. Интерактивные свотчи меняют цвет продукта при нажатии. Пользователь сравнивает разные элементы сразу в списке продуктов. 

Выводы 

— объясняйте все характеристики, которые непонятны обычному пользователю. Ему сложно решиться на покупку, если он не уверен в товаре;

— все расходы выносите на страницу продукта. Условия сделки должны быть прозрачными. Иначе покупатель на них не согласится;

— цифры не помогают понять количество и размер. Используйте клиентский опыт, чтобы описать эти параметры;

— заменяйте текстовые индикаторы цвета на интерактивные свотчи.

На сегодня всё 🙂 Подписывайтесь на нашу рассылку, если было полезно. Также мы принимаем фидбек о контенте на почту pr@themojo.io.

Сорсы в ассортименте

UX в мобилке: не скрывайте контент страницы товара в подстраницы, Baymard Institute

UX Рекомендации по оформлению страниц продуктов в e-commerce, Nielsen Norman Group

Цена за единицу товара нужна 98% интернет-магазинов, Baymard Institute

Показывайте на странице товара примерную стоимость доставки, Baymard Institute