UX-шпаргалка. Сравнение товаров в интернет-магазине

Если вы когда-нибудь делали интернет-магазины, то эти советы помогут понять:

· В каких случаях необходим инструмент «сравнение товаров»

· и если необходим, то как правильно его применить с 3 UX-рекомендациями

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

Эти советы также будут полезны и для новичков.

3 требования, которые помогут решить, действительно ли нужен инструмент «Сравнить»

1. Полнота и целостность данных.

Правильные данные/характеристики о товаре являются основой инструмента «Сравнить».

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

Характеристики не соответствуют

Соответствие характеристик. Все ясно и понятно

52% сайтов не обрабатывают данные о товарах своих поставщиков перед их использованием на собственном сайте

Если вы не собираетесь обрабатывать характеристики продуктов, то не тратьте время на внедрение инструмента «Сравнить»

2. Являются ли базовые характеристики карточки товара эффективными с точки зрения конечного пользователя

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

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

В данном случае достаточно было добавить в базовые характеристики сумки такое свойство как «максимальная диагональ ноутбука». Это уменьшило бы необходимость в инструменте «Сравнить» и облегчило выбор пользователя (ему просто не пришлось бы заходить в каждую карточку товара, чтобы проверить, есть ли такая характеристика как совместимость с определенной моделью ноутбука).

Недостаточно информации

Есть характеристика совместимости. Теперь выбрать будет легче

46% сайтов имеют проблемы с набором необходимых характеристик товаров. Их мало или они подобраны неверно

Эльдорадо. В карточках товаров нет характеристики о совместимости

Вместо того чтобы полагаться на инструмент «Сравнить», добавьте необходимые характеристики в карточки товаров в списке для конкретной категории. Зачастую это решает проблемы

___________________________________________________________________

Есть две основные группы характеристик, которые должны отображаться в карточках товаров:

Базовые/Универсальные

Цена. Желательно, чтобы было понятно, что входит в цену товара (для продуктов с совместимостью или продаж в комплекте). Неплохо отображать «цену за единицу» для комплектующих товаров

98% сайтов, продающих товары в нескольких количествах**, не отображают цены за единицу продукции;**

Название и тип продукта;
Миниатюра фото. Товары без миниатюр часто игнорировались, поскольку большинство тестируемых воспринимали эти продукты как «неполные». Кроме того, желательно иметь дополнительное изображение при наведении курсора на карточку товара;
Рейтинг. Многие пользователи фактически полагаются на рейтинги в качестве показателя «качество / соотношение цены и качества», когда они не имеют возможности сделать такую оценку самостоятельно. Таким образом, если значительная часть вашей пользовательской базы не является экспертами в типах продуктов, продаваемых на сайте, рейтинг следует включать в карточки товаров.

Обратите внимание на то, что важно отображать как среднее значение пользовательского рейтинга, так и количество оценок, на которых основано среднее значение, т.к. неоднократно отмечалось, что пользователи считают среднее значение рейтинга бесполезным без наличия количества отзывов;

Варианты. Разные цвета, размеры, материалы, внешний вид.

Однако не все варианты продукта должны отображаться.

Например, столу, доступному в разных размерах, обычно требуется указание в карточке товара, что существует несколько размеров, в то время как для обуви, менее важно указывать, что существуют несколько размеров, т.к. это предсказуемо для пользователя из-за характера продукта.

Специфичные для категории продукта:

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

1.2. Другой вид информации о совместимости — размеры. (Например, размер максимальной диагонали ноутбука для товара «сумка для ноутбука» см. выше)

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

Специфичная характеристика — рекомендуемый возраст

3. Имеет ли смысл инструмент «Сравнить» для рассматриваемой категории продукции

Ориентированные на спецификации категории товаров, например, бытовые приборы, электроника, сложное оборудование, лучше всего подходят для инструментов сравнения, так как пользователи захотят сравнить широкий спектр спецификаций (а не только одну или две ключевые характеристики).

Для этих типов продуктов инструмент «Сравнить» может дать пользователям возможность рассмотреть товары что называется «под микроскопом» (это важно для определенных подгрупп пользователей — «экспертов» или «профессионалов»)

3 UX-рекомендации, гарантирующие, что инструмент «Сравнить» будет хорошо работать в списке продуктов

1. В десктопной версии в списке товаров показывайте опцию «Сравнить» при наведении курсора на карточку товара

Ни один из сайтов в тесте не отображает опцию «Сравнить» только для товара, на который в данный момент наведен курсор. Вместо этого на всех сайтах этот параметр отображается постоянно.

М.видео, Связной, Эльдорадо. В карточках товаров опция «Сравнить» по умолчанию

Отображение опции при наведении уменьшает беспорядок в карточках товаров, т.к. большинство пользователей не хотят использовать опцию «Сравнить».

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

2. При наведении на появившуюся опцию «Сравнить товар» выводите текстовую подсказку

В подсказке кратко объясняется инструмент «Сравнить» — как он работает и чем он хорош.

Связной. Есть подсказка при наведении курсора на опцию «Сравнить»

Эльдорадо. Нет подсказки при наведении курсора на опцию «Сравнить»

Во время тестирования некоторые пользователи ошибочно принимали ссылки и кнопки «Сравнить» в карточках товаров за другую функцию. Например, сравнение цен с другими магазинами или настройки продукта. Или просто предполагали, что нажатие на ссылку «Сравнить» приведет их непосредственно на страницу товара.

3. Обеспечьте легкий и заметный доступ к интерфейсу сравнения

Должно быть сразу очевидно, как получить доступ к «странице сравнения» после нажатия на кнопку «Сравнить». Например, сразу же после нажатия отобразить панель данной опции.

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

Эльдорадо. Нет панели инструмента «Сравнить» для быстрого редактирования

Связной. Есть панель инструмента «Сравнить» для быстрого редактирования

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

Правильно реализованный инструмент «Сравнить» поможет пользователям «экспертам», готовым углубиться в спецификации продукта, совершить дорогую покупку в интернете.

Чтобы не оставлять пользователей в замешательстве при выборе товаров, правильно подбирайте характеристики для каждой категории продукции. Обрабатывайте данные от поставщиков товаров, которые вы собираетесь продавать на сайте.

Для лёгкого и безболезненного доступа к инструменту сравнения придерживайтесь 3 основных рекомендаций :

В десктопной версии в списке товаров показывайте опцию «Сравнить» при наведении курсора на карточку товара
При наведении на появившуюся опцию «Сравнить товар» выводите текстовую подсказку
После нажатия на опцию «Сравнить товар» выводите панель с миниатюрами товаров для быстрого редактирования

Большое спасибо, если дочитали до конца.

Оригинал статьи: Эдвард Скотт