От того насколько хорошо сделана страница товара, зависит очень многое. Клиенты интернет-магазина в отличие от клиентов оффлайн магазина не могут взять товар в руки и рассмотреть его, не могут задать вопрос консультанту и склонны больше пролистывать информацию, чем детально её изучать. Именно поэтому так важно расположить на странице товара самую нужную для клиента информацию в определенном порядке.
В первой части мы рассмотрели проблемы, с которыми столкнулись при поиске товаров на сайтах:
Сегодня мы детально изучим все характеристики товаров и убедимся, что это именно то, что нам нужно.
Клиенты интернет-магазинов ожидают увидеть на странице товара как минимум 15 информационных-блоков:
- Качественное изображение товара и возможность посмотреть его с разных ракурсов, в разном масштабе, а для некоторых видов товаров в упаковке и без.
- Заметное название товара
- Заметное название бренда
- Заметную цену товара и скидку, если она есть
- Описание и/или характеристики товара
- Описание бренда или ссылку на такое описание
- Информацию об объеме / весе товара, где это важно
- Информацию о наличии товара для заказа
- Кнопку для заказа
- Возможность отложить товар
- Возможность сравнить товар с аналогичными
- Отзывы о товаре
- Информацию о доставке
- Информацию о гарантии
- Возможность скачать инструкцию и др.
Как правило, клиенты не любят скроллить страницы и ожидают увидеть максимум полезной информации на первом экране. На эту тему есть исследование известной компании Nielsen Norman Group, в котором обнаружено, что 57% клиентов смотрят только 1 экран и 17% смотрят ещё и второй.
Чем больше блоков информации клиент увидит сразу, тем больше его удовлетворенность от взаимодействия с сайтом – не нужно долго разыскивать нужную ему информацию. Поэтому важно продуманно оформить первый экран страницы товара.
Анализ первого экрана страницы товара
Первый экран сайта castorama.ru
На сайте castorama.ru на первом экране размещается большая часть необходимой информации (10 блоков) о товаре.
Первый экран dkdveri.ru
На сайте dkdveri.ru на первом экране размещается меньше необходимой информации (7 блоков) о товаре.
Первый экран 21vek-220v.ru
На сайте 21vek-220v.ru на первом экране размещается небольшая часть необходимой информации (всего 6 блоков) о товаре. К тому же эта информация расположена внизу страницы и плохо заметна.
Наиболее удачно информация размещена на первом экране у сайта castorama.ru. Также эта информация гармонично расположена с использованием принципов композиции и хорошо сканируется и воспринимается клиентами.
Возможность хорошо разглядеть товар
В интернет-магазине клиенты лишены возможности потрогать товар и повертеть его в руках и у них остается лишь одна возможность – рассмотреть товар по фото.
Наше исследование интернет-магазинов подтвердило важность качественных фотографий товара:
- 86% респондентов необходимо фото в высоком разрешении,чтобы детально рассмотреть товар;
- 79% респондентов необходимо изображение товара с разных сторон.
Таким образом, на странице товара должны быть фотографии высокого качества, позволяющие увеличить масштаб изображения и рассмотреть все детали товара. Также должны быть фото, изображающие товар с разных сторон. В зависимости от товарной ниши могут потребоваться также фотографии товара в упаковке или товара в эксплуатации.
При покупке домофона клиенту было бы полезно увидеть фотографию, показывающую изделие на стене рядом со стоящим человеком, чтобы оценить размеры и дизайн.
Проверим наши интернет-магазины и начнём с хороших решений
На сайте castorama.ru есть несколько фото товара в разных ракурсах.
Разные ракурсы товара на сайте castorama.ru
А при наведении курсора на фотографию товара действует эффект “лупы”, и картинку можно посмотреть в увеличенном масштабе.
На сайте castorama.ru ест эффект лупы
На сайте dkdveri.ru также есть несколько фото товара в разных ракурсах.
Разные ракурсы товара на сайте dkdveri.ru
Также есть возможность кликнуть по картинке и просмотреть её в большем размере в отдельном окне, а затем пролистать там и остальные изображения товара. Это довольно удобно и просто.
Большой размер картинки в отдельном окне
Неудачное решение
На сайте 21vek-220v.ru только одно фото товара.
На сайте 21vek-220v.ru только одно фото товара
При клике на картинку открывается увеличенное изображение товара, но нет возможности закрыть это окно. (можно только вернуться назад в браузере, что неочевидно и неудобно)
Увеличенное фото товара на 21vek-220v.ru
Яркая надпись с адресом сайта поверх изображения мешает рассматривать товар.
Лучше всего просмотр фотографий товара реализован на сайтах castorama.ru и dkdveri.ru. У первого фотографии можно приблизить с помощью лупы, а у второго рассмотреть крупные качественные фотографии.
Еще лучше совместить эти концепции – для быстрого просмотра предлагать “лупу”, а для общего впечатления предоставлять крупные качественные фотографии.
Отдельно советуем показывать на фотографиях товар в реальной обстановке во время его эксплуатации, чтобы пользователь мог соотнести его размер с другими предметами и представить его в жизни.
Отзывы о товаре
Как показывает наше Исследование ИМ, наличие отзывов о товаре входит в ТОП-5 факторов “влияющих на принятие решения о покупке в данном конкретном интернет-магазине” и стоит на 3 месте в этом списке.
Клиенты ищут отзывы о товаре, и если находят их в другом интернет-магазине, то могут уйти от вас и совершить покупку там.
На странице товара в разделе с отзывами пользователи ожидают увидеть как минимум 10 информационных блоков:
- Имя клиента, оставившего отзыв
- Фото клиента, оставившего отзыв
- Ссылка на профиль клиента в соц. сети
- Дата отзыва
- Кнопка, чтобы оставить свой отзыв
- Общее количество отзывов
- Оценка товара как минимум по 5-ти бальной шкале
- Средний балл по оценкам
- Возможность проголосовать за существующий отзыв
- Возможность посмотреть отдельно положительные и отрицательные отзывы и др.
Посмотрим, насколько хорошо реализованы отзывы на рассматриваемых нами сайтах.
На сайте castorama.ru есть отзывы о товарах.
На сайте castorama.ru есть отзывы о товарах
Как мы видим на иллюстрации, на сайте castorama.ru реализована большая часть необходимой информации – 6 блоков, касающихся отзывов.
К сожалению, на остальных сайтах нет отзывов о товарах. Как следствие, клиенты будут искать их на других сайтах. Единственное, что удалось обнаружить – это отзывы об интернет-магазине на сайте 21vek-220v.ru, но это уже другая история.
Отзывы о товарах есть только на сайте castorama.ru. Так как наличие отзывов о товарах помогает посетителям сайта принять решение о покупке, владельцам интернет магазинов нужно стимулировать получение этих отзывов от клиентов.
Многие интернет-магазины создают целую систему поощрений для клиентов, которые пишут отзывы.
Можно использовать не только материальное, но и социальное вознаграждение за отзывы, например звание “Эксперт магазина” и подобные.
В заключении
В данном обзоре мы коснулись примерно 10 из 200 критериев эффективности взаимодействия посетителя с сайтом интернет-магазина. Все они влияют на то, состоится ли продажа, станет ли посетитель сайта покупателем, будет ли он покупать снова.
Как видно из рассмотренных примеров, у каждого бизнеса есть возможность увеличить конверсию за счет грамотного анализа текущей ситуации (юзабилити-экспертизы) и доработки интерфейса с учетом обнаруженных проблем.
Надеемся, что вы учтете рассмотренные ошибки и не станете допускать их на своем сайте. В следующих выпусках Юзабилити-лаборатории мы продолжим анализ эффективности взаимодействия клиентов с интернет-магазинами.
А ваш сайт соответствует современным требованиям юзабилити? → Проверьте прямо сейчас!
