Мир красок: юзабилити-тестирование сайта интернет-магазина

Команда: Никита Савченко, Алевтина Морозова

О клиенте

«Мир красок» — интернет-магазин лакокрасочных материалов и инструментов для ремонта. Сайт mirkrasok.ru предлагает широкий ассортимент красок, лаков, колеров и сопутствующих товаров с возможностью доставки и самовывоза. Компания стремилась улучшить пользовательский опыт на десктопной и мобильной версиях сайта.

Задача

Провести юзабилити-тестирование десктопной и мобильной версии сайта «Мир красок», выявить проблемы в ключевых сценариях: поиск и подбор краски нужного цвета, выбор лака для дерева, покупка инструментов для покраски, оформление заказа и регистрация в личном кабинете. По результатам сформировать отчёт с описанием проблем и рекомендациями по устранению.

Методология

Модерируемое юзабилити-тестирование с 8 респондентами: 50% мужчин и 50% женщин, возраст от 34 до 44 лет, Москва и область. Все участники самостоятельно подбирают и покупают материалы для ремонта. Половина респондентов планирует ремонт, другая половина — уже делает или недавно закончила. 4 человека тестировали десктопную версию, 4 — мобильную. Никто из респондентов ранее не посещал сайт «Мир красок».

Основные находки

Почти никто не смог подобрать цветную краску

Только 1 из 8 респондентов смог правильно заказать краску нужного цвета. Механика колеровки оказалась неочевидной: в фильтре по цвету отображались только варианты «белая», «белоснежный», «белый» и «бесцветный» — это цвет базы, а выбор оттенка происходит отдельно, на карточке товара. 6 из 8 участников ожидали выбрать желтую краску прямо в фильтре и не понимали, что делать дальше. Двое респондентов решили, что колер придёт отдельно и его нужно будет замешивать самостоятельно, а один участник предположил, что получит колер тем же объёмом, что и краска.

«Я хотел бы ввести “жёлтый” и увидеть все похожие варианты»

Расчёт количества краски сбивает с толку

Из 8 респондентов только 1 правильно рассчитал количество краски на 20 квадратных метров поверхности. Остальные участники путали площадь помещения с площадью окрашиваемой поверхности — поле в калькуляторе называлось просто «Площадь», без уточнения. Многие брали краску «навскидку» и рассчитывали уточнить у менеджера при звонке. Отсутствие визуальной подсказки с изображением стены и замеров усугубляло проблему.

Размеры инструментов невозможно сравнить

Для валиков и ванночек размер указывался в названии в разных форматах, без единообразия. Респонденты не могли определить, какое число в названии означает ширину — критический параметр для совместимости валика и ванночки. В итоге 2 из 8 участников положили в корзину валик и ванночку, которые не подходят друг другу по размеру, потому что выбирали «на глаз».

Бонусная система непонятна

3 из 8 респондентов заметили, что количество бонусов различается в корзине и на странице оформления заказа. Участники не смогли выявить закономерность и потратили время на безуспешные попытки разобраться. Ещё 3 респондента обнаружили 500 приветственных бонусов в личном кабинете, но не нашли инструкции по их использованию — страница бонусов показывала только пустую историю.

«А как этими бонусами воспользоваться?»

Главная страница перегружена

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

Результат

По итогам исследования выявлено 20 юзабилити-проблем: 5 высокой критичности, 9 средней и 6 низкой. Наиболее критичные проблемы сосредоточены в механике колеровки, расчёте количества материала и обозначении размеров инструментов. Клиенту передан детальный отчёт с описанием каждой проблемы, уровнем критичности, частотностью и рекомендациями по устранению.