Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

Исследования и способы получить данные

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

Вот несколько способов получить информацию:

  • очные интервью – собирается фокус-группа, пользуется приложением или сайтом, потом куратор задает вопросы, обсуждает каждый элемент и сложности, связанные с ним. Это отличный подход при правильном выборе участников, но он несколько сложен в реализации и достаточно дорогой. Поэтому такой метод применяется только крупными компаниями;
  • опросы и анкетирование – вопросы высылаются на почту, пользователи могут заполнить их анонимно. Реализовать довольно просто, но эффективность высока только в случае большой фокус-группы;
  • асинхронное исследование – пользователю высылают вопросы и инструкции, он должен при просмотре сайта комментировать свой опыт. Опять же, важно найти желающих и достаточно много, а потом сделать выборку и проанализировать данные, что требует много ресурсов;
  • A/B тесты – достаточно простой и распространенный способ исследования, который подразумевает создание нескольких вариантов дизайна или структуры. В процессе их использования выявляются более удачные комбинации и внедряются в основной продукт.

Как сделать сайт, который увлечет пользователя моментально? Узнайте в мастер-классе «WOW-дизайн первого экрана в Adobe Illustrator».

Инструменты

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

Главная фишка таких сервисов – визуализация поведения на сайте. Одним из самых распространенных результатов такого исследования будет тепловая карта. Что это?

На странице сайта обозначаются места взаимодействия в виде цветовых пятен, как при просмотре в тепловизоре: самые популярные места будут “теплее”, а самые неиспользуемые – “холоднее”. Такая визуализация поведения нужна не только дизайнерам и разработчикам, но и маркетологам, специалистам по контекстной рекламе и SEO.

Вот несколько сервисов, которые можно использовать:

Вебвизор

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

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

Crazyegg

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

Сервис платный, но есть тестовый период 30 дней с введением платежной карты и 7 дней без указания данных.

Ptegnine

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

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

Feng-GUI

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

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

Plerdy

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

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

HotJar

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

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

Основательный подход к созданию сайта – залог его успеха. Не забывайте, что перед исследованиями нужно сделать классный продукт. Про тонкости эффективного UX/UI узнайте на онлайн-коучинге «Веб-дизайнер: счастливый билет в Таиланд»

Начать обучение

Как вам материал?