В продолжение нашего прошлого поста, сегодня мы поделимся с вами результатами тестирования страницы описания продукта.

Мы начали с возможных изменений в текущем дизайне:

• Выбор цвета и размера был сделан в выпадающем меню, которое было труднозаметно и непонятно. Например, что это за цвета «Juniper»(можжевельник), «Pacific» и т.п.?
• Кнопка «Добавить в корзину» и цена часто опускались слишком глубоко на экране и было сложно их найти, если товар имел большое описание

Имея такие проблемы, было представлено решение А:

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

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

Контрольный вариант

Вариант А

Вариант В

Что мы узнали?

В течение эксперимента все три варианты были в равной степени представлены посетителям. После 18 дней и 2567 покупок, Google Website Optimizer определил однозначного победителя. Единогласно было то, что оба новых варианта лучше чем начальный, но все бы вариант В был лучше.

• Вариант В: конверсия на 19,2% лучше чем начальный вариант
• Вариант А: конверсия на 11,2% лучше чем начальный вариант
• Посещения с вариантом В имею на 54,4% нижу уровень отскока, чем начальный вариант
• Общая конверсия увеличилась на 21,17%(вариант В) или на 13,26%(Вариант А)

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

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

http://www.getelastic.com/test-size-color/