Как сделать удобную карточку товара
Тот случай, когда заказчик почти наверняка знает лучше. Тот случай, когда креатив недопустим, и чем более стандартным и привычным будет дизайн, тем лучше. А чтобы убедиться, что дизайн работает, нужно проверить его на нескольких десятков реальных товаров.
Три главных предмета в фокусе внимания
-
Товар
Весь дизайн строится вокруг конкретного предложения. Не стоит использовать карточку товара для продажи чего-то, что не воспринимается, как товар.
-
Ключевой параметр выбора
Не всегда есть на фото (например, размер одежды), но должен быть хорошо заметен. Это важнее, чем преимущества.
-
Цена
Критически важна для принятия решения о покупке. Все заигрывания с ценой (зачеркивать, прятать, писать мелким шрифтом) — спорные решения, сильно зависящие от отрасли и конкурентов.
5 советов,
как делать хорошо
- Поймите паттерны покупки
Обои покупают совсем не так, как подарки, а одежду — не так, как бытовую технику. Специфика есть во всем.
- Используйте привычную композицию
Карточка товара — не место для креатива. Чем привычнее будет расположено фото, цена, кнопка «купить», тем проще пользователю будет сделать то, за чем он пришел.
- Используйте реальный и разнообразный контент
Возьмите 50 товаров из пяти категорий и убедитесь, что спроектированный дизайн подходит для всех товаров. Возможно, потребуется 2-3 шаблона.
- Проверьте, что описание можно прочесть
Шрифт, ширина строчки, явное выделение характеристик. Текстовое описание товара используют не только для SEO-шного мусора. Там может быть и важная для покупателя информация.
- Конверсия
Ничего не должно агрессивно и настойчиво уводить пользователя с карточки товара. Не мешайте пользователю делать то, за чем он пришел — покупать.
Например
Тот случай, когда фотографии точно недостаточно. По фото не понять, какая у болта резьба.
Подарки-впечатления — нетиповой товар. Мы создали своего рода конфигуратор подарка.
Хороший образец
Заказчик бесконечно совершенствует карточку товара, в т.ч. привлекая нас для свежего взгляда.
Так делать не надо
Скопировать чужое решение без привязки к отрасли и специфике товара.
Инструменты
Модель информационных ожиданий
не забыть про важное
Мобильный телефон
протестировать мобильную версию
Номенклатура
товары и их характеристики из складской программы
подсматривать, но не копировать
Дизайн для e-commerce — это один из немногих случаев, когда заказчик почти всегда во много раз квалифицированней дизайнера. Возможно, в этой задаче лучшим ходом будет не выдумывать решение, а сделать так, как скажет заказчик.
Евгений Романовский, руководитель проектного офиса «Собаки Павловой»
Другие шпаргалки
Ищете подрядчика или команду?
Давайте обсудим вашу задачу.
Хотите у нас научиться?
1000+ упражнений по дизайну интерфейсов.
eduhund.com
Собака Павлова
На сайте есть упоминания социальных сетей, признанных на территории РФ экстремистскими организациями
Кое-что показываем и рассказываем на весь интернет
, интересное в 
, полезное на 
Санкт-Петербург • Подгорица • Хайфа
Адрес для почтовых отправлений: 194291, Санкт-Петербург, ул Руднева, д. 9 к. 3 литера А, кв. 169