Новости

Юзабилити-лаборатория: удаленное количественное юзабилити-тестирование мобильной версии

Автор Дата 23.10.2016

Ненадеванный выпуск лаборатории мы решили ввести в суть вопроса актуальной теме мобильных версий. В рассуждении сего сегодня поделимся с вами результатами тестирования мобильной версии сайта digacompany.ru, которое провели по вине сервис «Фабрика Юзабилити» (Fabuza.ru). В этой веб-платформе был создан план тестирования со списком задач и опросниками, сверху который пользователи самостоятельно переходили точно по сгенерированной ссылке и проходили задачи тестирования не принимая во внимание присмотра юзабилити-специалиста. Эксперт никак не мог влиять на работу респондентов, хотя его анализу были доступны видеозаписи, ответы получай вопросы и прочие результаты.

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

Респонденты угоду кому) тестирования были подобраны с помощью «Фабрики Юзабилити» и сертифицированных рекрутинговых агентств. Индивидуальный подход к рекруту для мобильного теста гарантирует сообразность пользователей тем параметрам, которые наш брат указываем как значимые для представителей целевой аудитории.

Рань подробнее о самом тестировании

Интернет-диетмагазин digacompany.ru предлагает строительные и отделочные материалы весь и в розницу (г. Москва). В проекте приняло беспокойство 24 пользователя (15 мужчин, 9 женщин), палец возраст составил 33 года, безвыездно проживают в Москве и ранее не посещали исследуемый сайт.

50% пользователей до тех пор заказывали стройматериалы через интернет. Иные 50% предпочитают делать покупки своеручно в основном из-за недоверия к качеству продукции онлайн-магазинов:

  • «Хочется воззреть вживую»
  • «Никак не проверишь пошив, хочется визуально убедиться в качестве товара»
  • «Неизвестно, как будто и в каком состоянии привезут»
  • «Привычней поглядеть, выбрать… докупить что-ведь еще, что увижу в магазине»

К слову, наш брат поинтересовались у опытных онлайн-покупателей, сайты каких строительных магазинов они посещали по (по грибы) последние полгода. 3 лидера – Leroy Merlin, OBI и Петрович. Каталог строительных товаров, которые пользователи заказывали поверх интернет, весьма широк, но середь самого популярного отметим плитку, ламинат, шпалеры, сухие смеси и герметики.

На фигли посетитель обращает внимание при выборе и да и нет-магазина для заказа стройматериалов? Продолжая выяснение мнения онлайн-покупателей, мы получили ответы:

— Важность (8 ответов).

— Быстрая и удобная снабжение (5 ответов).

— Удобный сайт (5 ответов): «Удобное меню», «Простота оформления заказа», «Строка поиска. Удобная верша с ценой за штуку, за опт, с учетом скидки».

— Факт. Ant. отсутствие изображений товаров (3 ответа): «Очень важна достижимость увидеть хорошие фотографии нужного ми товара (например того же паркета – карикатура и цвет мне был важен)».

— Атрибут товаров (3 ответа).

Перед тем чисто перейти к анализу результатов напомним, яко все задания тестирования (их было 3) моделируют лицом реальные жизненные ситуации, чтобы свЯязанный отрывок работы с сайтом для пользователей был сильнее естественным.

Задание №1. Работа с каталогом

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

Результативность этого задания – 58%: не более чем 14 из 24 пользователей смогли обнаружить необходимый продукт. Остальные 42% (10 с 24) дали неверный ответ. Давайте разберемся, в нежели дело.

Меню в «шапке»

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

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

Слева – раскрывающееся меню в «шапке» digacompany.ru, справка на общий каталог. Справа – раскрывающееся карточка на странице каталога.

  

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

Ошуюю. Ant. справа – раскрывающееся меню leroymerlin.ru. Справа – вложенные категории карточка obi.ru.

  

Единый каталог продуктовой категории

Если только компания не является монобрендовым магазином, в таком случае на сайте в каталоге представлена изделие разных производителей. Часто это реализуется т. е. отдельный параметр фильтрации товаров посредь прочих характеристик («цена», «цвет», «производитель» и пр.).

Альтернатива: есть ли на вашем сайте объединенный каталог для продуктовой категории, идеже одновременно представлены товары разных брендов? Али же продукция каждого производителя вынесена в изолированные каталоги?

Бери сайте digacompany.ru реализован второй (видо)изменение (изолированные каталоги для каждого производителя), а и сыграло злую шутку с пользователями. Респонденты успешно открывали словарь и переходили в категорию «Ламинат», где рассчитывали показать необходимые параметры фильтрации и подобрать соответствующий вариант. Но в разделе «Ламинат» изделие представлена только в виде витрины-слайдера с несколькими товарами («Новинки», «Распродажа», «Популярное»). К 42% респондентов было неочевидно, ровно это только часть ассортимента магазина и что-что требуется перейти в каталоги производителей. В результате они просмотрели не более витрину и сделали вывод о минимальной стоимости в основе представленных в ней товаров.

В продуктовой категории «Ламинат» размещены ссылки сверху каталоги производителей и витрина-слайдер, только нет списка продукции.

  

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

Здесь респондент также пытался отыскать продукт на странице категории «Ламинат» в витрине-слайдере и отнюдь не сразу понял, что нужно перекинуться в каталог производителя.

Комментарии пользователей:

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

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

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

Наблюдение: фотовитрина-слайдер на странице продуктовой категории включает три вкладки – «Новинки», «Распродажа, «Популярное». Пожалуйста, что пользователи рассчитывают найти самые дешевые варианты товаров в вкладке «Распродажа». Увы, если ламинат-«новинка» доступен в области цене 345 руб./м2, то самый умеренной ламината по «распродаже» – 950 руб./м2. К тому идет, стоит учитывать ожидания аудитории и заключать во вкладке «Распродажа» также самые экономичные предложения.

Фракция подбора товаров

Представьте, что ваш брат выбираете ламинат на кухню. Какие размер вы будете учитывать? Вряд ли как цену. Как минимум ламинат необходимо сочетаться с цветом стен, мебели и пр. Так в каталоге digacompany.ru подбор продукции объединение цвету не предусмотрен. Комментарий пользователя:

  • «Я сперва по цвету подбираю, а потом сейчас по цене. Тут такого нет»

Рекомендуем надбавить фильтрацию по цвету.

Задание №2. Прирезка в «корзину»

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

Результативность второго задания – 66%, 16 с 24 пользователей смогли рассчитать необходимое добыча продукции. А 34% (1/3 аудитории) потенциально может владеть сложности уже на начальном этапе перехода к оформлению заказа и хорэ вынуждена звонить в компанию или повертываться в розничный магазин.

Выбор количества продукции

Сегодня немного арифметики. Попробуйте выполнить тест, которое было дано респондентам.

Проблема (без вводной части): «Узнайте, какое часть ламината Вам потребуется на кухню размером 20м2».

Место страницы-карточки «Ламинат Floorpan» (digacompany.ru).

Рассчитали? 🙂

Пользователю конечно, что у него кухня 20м2. Чтобы счесть, сколько ламината ему потребуется, нужно уметь, на какую площадь рассчитана одна упаковочка. Но в блоке добавления товара в «корзину» сия информация не указана. А заголовок продукции, идеже отражено соотношение упаковка/м2, аудитория игнорировала.

Угоду кому) части респондентов было неочевидно, что-то именно они добавляют в «корзину»: упаковки, квадратные метры, доски ламината… Особенные сложности с расчетами возникли у покупательниц женского пола.

Комментарии пользователей:

  • «Не одновременно понятно, сколько метров в упаковке и сие не выделено»
  • «Я думал, получи сайте есть калькулятор для расчета»
  • «Расчет необходимого количества материалов поставлен в необходимость быть доступен в подсказках»
  • «Я считала самочки на калькуляторе, расчета на сайте приставки не- нашла»
  • «Не нашла «пункт» в кадастр, который указывал бы на выполнимость сделать расчет материала на определенное число метров»

Особенно нравится этот:

  • «Я посмотрела получи и распишись цену, которая указана за 1 кв метр, и добавила в корзину столько, сколько стоит квадратных метров на кухне»

Логику пользователей постигнуть легко, так как они выделяют взглядом цену, которая акцентирована возьми карточке товара. Кроме того, посмотрите, наподобие отображается продукт в корзине:

Слева – сцена карточки товара. Справа – фрагмент страницы «Корзина».

  

Изрядно! Не вынуждайте пользователей делать смотри так 🙂

Рекомендации

Рекомендуем выносить информацию о соотношении упаковочка/м2 из заголовка продукта на основную среда страницы-карточки (или дублировать ее). Неплохо (бы) размещать это указание рядом с блоком добавления товара в «корзину».

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

Слева – пример подсказки получай сайте moscow.petrovich.ru.

Пожелания пользователей:

  • «Можно выкинуть калькулятор, который высчитывает необходимое столб-во! Также с учетом запаса держи подбор. Я ответил 10 пачек сверху 20кв.м. это сухой расчет! Же не точный!»
  • «Если делать сие для «чайников», то ввести формулу расчёта числом размерам помещения и соотношению количества ламината в упаковке»
  • «Калькулятор всему голова»

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

Направо – пример подсказки для расчета количества товара (digacompany.ru). По правую сторону – калькулятор расчета количества материала за площади помещения на сайте obi.ru.

  

Цель №3. Сопутствующие товары

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

Небезрезультность третьего задания такая же, не хуже кого и второго – 66%, 16 из 24 пользователей нашли вкладку «Сопутствующие товары» сверху странице-карточке и смогли ответить получи и распишись контрольный вопрос. А 34% (1/3 аудитории) неважный (=маловажный) нашли данные о дополнительных товарах, что потенциально могли бы заказать для сайте больше и принести компании пуще прибыли.

Вкладка «Сопутствующие товары»

Пользователи прилежно искали дополнительные товары (плинтус, адгерент) на странице-карточке, рассчитывая увидать отдельную витрину-слайдер или раскрывающуюся вкладку.

Возьми странице-карточке digacompany.ru имеются неодинаковые вкладки с данными о товаре «Описание», «Характеристики», «Бренд», «Сопутствующие товары». Хотя они не видны на странице сообразно умолчанию все сразу, а скрыты в одном раскрывающемся списке. Так есть на странице в один побудьте здесь времени отображается только одна супинатор – «Описание». Чтобы увидеть остальные вкладки, нельзя не кликнуть на заголовок первой вкладки.

Исполнение) пользователей была неочевидна эта ресурс, и они решали, что на странице-карточке сопутствующие вещи просто не предусмотрены.

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

Рекомендуем воссоздавать раскрывающиеся вкладки на странице сподряд, чтобы посетители сразу видели постоянно доступные для изучения блоки.

Налево – фрагмент карточки товара digacompany.ru: вкладки скрыты в раскрывающемся списке. Снаряжение – фрагмент карточки товара leroymerlin.ru: вкладки видны махом.

  

Опытные покупатели также заметили:

  • «В сопутствующих товарах [прим. нате странице-карточке] не все представлено и начал ловить еще клей для ламината (к лучшего крепления), набор для укладки ламината и заглушки в (видах плинтусов (про плинтуса не написано, изо какого материала они сделаны)».

Пакет пользователей сразу может быть заинтересована не более чем в сопутствующих товарах и искать их в разделе основного товара (возьмем, искать плинтуса для ламината в разделе «Ламинат» иначе «Напольные покрытия»). Поэтому целесообразно перевешивать витрину-слайдер «Сопутствующие товары» в свой черед на страницах основных продуктовых категорий.

Трое пользователей опять же пожелали видеть блок сопутствующих товаров бери странице «Корзина», так как сие «последняя возможность» заказать что-в таком случае еще:

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

Толкование по оформлению заказа

Процедура оформления заказа держи сайте digacompany.ru достаточно простая, (вследствие мы не останавливаемся на ней исчерпывающе, кроме одного момента.

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

Выбор способа доставки возле оформлении заказа (digacompany.ru) – адрес пункта самовывоза никак не указан.

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

Итоговый опрос

В окончание тестирования респонденты отвечали на вопросы об их впечатлениях с работы с сайтом в целом. Для получения итоговых метрик использовался анкета SUPR-Q (The Standardized User Experience Percentile Rank Score) и масштаб NPS (Net Promoter Score).

Метрики

  • Удобство – легкомысленность использования сайта и ориентации в его структуре.
  • Препоручение. Ant. недоверие – готовность пользователя рассчитывать на информацию, полученную для сайте.
  • Визуальная привлекательность – простота и популярность оформления сайта, привлекательность дизайна.
  • Благонадежность – приверженность пользователей продукту или компании, охота к повторным заказам.

Значения метрик:

0-3,4 – неудовлетворительный экспонент;

3,5-3,9 – средний показатель;

4-5 – высокий показатель.

Метрики

Роль

Утверждения опросника

Удобство

2,9

Этим сайтом несложно пользоваться

Мне было легко соображать на сайте

Доверие

3,5

Информация для этом сайте вызывает доверие

Я могу ладиться на информацию, которую получаю для этом сайте

Я доверяю этому сайту быть совершении покупок на нем

Визуальная престиж

3,4

Я считаю этот сайт привлекательным

Настоящий сайт имеет простое и понятное регистрация

Лояльность

2,9

Скорее всего, я воспользуюсь сим сайтом снова

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

Клеймящий по результатам, у сайта есть заряд для улучшения пользовательского опыта. Дефлятор пользовательской лояльности по шкале NPS (Net Promoter Score) вдобавок недостаточно высок, и для ресурса digacompany.ru равен -58%. Вдоль данным marketizator.com, для ecommerce-сайтов указатель лояльности считается высоким от 28%. А знает)) балл для веб-сайтов равен -14%.

В своих комментариях респонденты делают произношение на том, что компания самочки по себе вызывает доверие, только недостаточно высокие оценки обусловлены проблемами в работе с сайтом и тем, что-что пользователи работали с ним впервые:

  • «Сайт понятен в целом, только детали удобства не проработаны. Проектирование и стиль приятен, оформление вызывает доверие»
  • «Очень сложная судоходство по сайту, непросто найти обычные разделы, заковыристо сравнить и даже подобрать товар по мнению заданным параметрам, нужно сначала завернуть в определенный бренд — это все расходы времени»
  • «Не раскрыта информация о товаре (изготовитель, класс, материал и т.д.), хочется описания… Кабы это было бы исправлено и палка-во товаров добавится (не эврика клей для ламината и набор ради укладки), вот тогда мнение о магазине изменится и я его согласно правилам порекомендую!»

В заключение хотим пожелать вы довольных клиентов и множество онлайн-покупок держи вашем сайте, а для этого неважный (=маловажный) забывайте время от времени писать к пользователям за обратной связью 🙂

Удачи Вас!

Отдельное спасибо Максиму Козлову и Алексею Панкову с «Фабрики юзабилити» (fabuza.ru) за взаимопомощь в организации теста.

Источник