Аудит сервиса онлайн-занятий йогой для беременных

Аудит юзабилити №492

Дата аудита: январь 2018 года

Объем отчета: 35 страниц 

 

Аудит юзабилити, анализ работы модулей сайта, прайс-листа и личного кабинета. Рекомендации по повышению конверсии сайта.

Содержание

1. Вводная информация

2. Базовая статистика сайта

3. Логотип и слоган

4. Навигация по сайту

5. Главная страница

6. Блог

7. Форма входа в личный кабинет

8. Форма регистрации

9. Личный кабинет

10. Работа мобильной версии сайта

11. Общие итоги и выводы

12. Полезные ссылки и ресурсы

Вводная информация

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

Перед просмотром дополнительных материалов их желательно скачивать на компьютер.

Также по всем выявленным проблемам даны рекомендации по их устранению.

Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.

Базовая статистика сайта

Для более точного понимания текущего состояния сайта и возможных причин проблем ниже приведены важные данные статистики за последний месяц.

В январе зафиксировано 10345 визитов.

Наблюдается явный устойчивый рост посещаемости за последний квартал.

Источники трафика в данный момент распределены следующим образом:

 

Основной источник трафика – переходы из социальных сетей. На втором месте прямые заходы.

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

Основной поисковый трафик идет из Google.

Кроме этого, у трафика из Google лучшие показатели по отказам, времени и глубине просмотра.

В годовом разрезе наблюдается положительная динамика и рост переходов на сайт из поисковых систем.

Отдельно стоит отметить, что контекстная реклама в данный момент для привлечения новых клиентов на сайт не используется. Это отрицательно сказывается не только на конверсии сайта, но и на его поисковом продвижении.

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

Трафик из социальных сетей распределен следующим образом:

Основной поток посетителей идет из Instagram. На втором месте социальная сеть «ВКонтакте». Трафик из крупнейшей социальной сети «Facebook» незначителен. При этом трафик из Instagram имеет худшие показатели по отказам, глубине и времени просмотра страниц.

В квартальном разрезе виден устойчивый рост трафика по всем социальным сетям, кроме Facebook.

Абсолютное большинство посетителей заходит на сайт из России:

Распределение посетителей по городам:

Почти треть посетителей сайта из Москвы. На втором месте Санкт-Петербург.

Распределение аудитории сайта по возрастным группам:

Основная возрастная группа посетителей от 25 до 34 лет. Это соответствует целевой аудитории сайта.

Преимущественная аудитория сайта – женщины. Это соответствует позиционированию и тематике сайта.

Распределение пользователей по типу используемых устройств:

Подавляющее число пользователей просматривают сайт со смартфонов.

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

Используемые браузеры:

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

Как видно из статистики, это мобильные версии браузеров.

Доля операционных систем распределена следующим образом:

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

Наиболее популярные разделы сайта распределены следующим образом:

Почти половина пользователей заходят на главную страницу.

Полная информация по посещениям всех разделов сайта приведена в таблице по ссылке https://yadi.sk/d/uHjOjQRT3RtgXe.

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

Видео: https://yadi.sk/i/4D9LvaoR3Rtgu6

Логотип и слоган

Логотип является важным элементом сайта, т.к. он расположен в верхней части экрана, именно с него начинается зрительный путь пользователя по странице.

Он должен быть уникальным, соответствовать фирменному стилю и направлению деятельности компании.

Кроме этого, общепринятым является размещения рядом с логотипом краткого слогана.

Рассмотрим, насколько выполнены эти требования в данный момент.

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

Рядом с графической частью расположена текстовая надпись «Mama Yoga». Она реализована с помощью неуникального широко распространённого шрифта. Это не соответствует требованиям, предъявляемым к дизайну текстовых логотипов.

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

Скриншот: https://yadi.sk/i/fTJulmZP3S5Syz

Рекомендуем разместить краткий слоган рядом с логотипом.

Отдельно стоит отметить, что на сайте одновременно используется несколько вариантов написания названия компании. В одном случае с тире, во втором – без него.

Рекомендуем придерживаться единого формата написания названия на всех страницах сайта.

Навигация по сайту

Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.

Она должна обеспечивать быстрый и простой переход на любую страницу или раздел сайта максимум за 3 клика.

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

Рассмотрим, насколько качественно проработаны кнопки, ссылки, меню и навигационные элементы в данный момент на сайте.

Большое количество ссылок и кнопок не реагирует на наведение курсора. Это отрицательно сказывается на юзабилити и количестве переходов по ссылкам.

Ниже в таблице приведены скриншоты и видео с демонстрацией работы таких элементов.

https://yadi.sk/i/qSc00B_33S5Tey
https://yadi.sk/i/O7xU6FVZ3S5Thz
https://yadi.sk/i/em79O9kI3S5Tqf
https://yadi.sk/i/1k5J5_pi3S5Uia
https://yadi.sk/i/J4IvnXrl3S5VBL
https://yadi.sk/i/sCKfgZ7y3S5VM4
https://yadi.sk/i/DQNggoXK3S5VWr
https://yadi.sk/d/68AvrNvJ3S5Vh6
https://yadi.sk/i/3fTdAF5v3S5WFb
https://yadi.sk/i/AGFZsp823S5ZHA
https://yadi.sk/i/qOJB1xdT3S5ZNf
https://yadi.sk/i/te77pVP-3S5ZuP

Рекомендуем сделать данные элементы интерактивными и менять их оформление при наведении курсора.

Данные элементы оформлены как обычный текст и не реагируют на наведение курсора. Это отрицательно сказывается на юзабилити.

Видео: https://yadi.sk/i/2iN68wQI3S5aBT

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

Главная страница

Далее рассмотрим вопросы компоновки, юзабилити и функционала основных элементов главной страницы.

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

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

Есть несоответствие заявленной и реальной длины ролика (167 и 206 секунд соответственно).

Рекомендуем согласовать представленные цифры и привести к единому значению.

Допущена ошибка в слове «тело».

Рекомендуем выявить и устранить все грамматические ошибки в текстах сайта.

Данный блок является списком. Согласно правилам, в конце строки списка должна быть точка с запятой. В конце последней строки списка ставится точка.

Рекомендуем привести оформление списка в соответствие с общепринятыми стандартами.

Нет точки в конце предложения.

Пропущено двоеточие.

Рекомендуем привести оформление текстов в соответствие с правилами.

На данном экране явно не указано, что это сервис именно для онлайн занятий именно йогой.

Скриншот: https://yadi.sk/i/t4iqOwng3S5dxW

Пропущена точка в конце предложения.

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

Видео: https://yadi.sk/i/fQrNozDM3S5eQj

Рекомендуем добавить ссылки на страницы и сайты курсов, а также сертификаты об их прохождении.

Вызывает некоторое сомнение цифра в 5000 мам, т.к. в данный момент в группе Facebook находится 1400 человек, 4466 ВКонтакте и 1642 человека в YouTube.

Отдельно стоит отметить, что указанная на сайте страница в Instagram https://www.instagram.com/ksenyavlasovaa/ в данный момент недоступна.

Видео: https://yadi.sk/i/CQqFmGkZ3S5fNV

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

Также, отрицательным моментом является отсутствие ссылок на профили пользователей в социальных сетях и формы добавления отзыва. Это снижает доверие посетителей к текстам отзывов.

Рекомендуем опубликовать видео-отзывы клиентов и добавить ссылки на профили в социальных сетях.

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

Видео: https://yadi.sk/i/GG-I8WKN3S5p3c

Допущены ошибки в окончаниях слов.

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

Видео: https://yadi.sk/i/D-vpvflI3S5pPV

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

Видео: https://yadi.sk/i/wrex4YAA3S5pui

Рекомендуем пересмотреть реализацию пользовательских сценариев при нажатии на кнопки с разными призывами действию.

Кроме этого, нет четкого позиционирования сайта. Не совсем понятно, это сервис онлайн-занятий, платного просмотра уже записанных роликов разных авторов или авторских курсов одного тренера.

Блог

Ссылка на страницу блога размещена в самом низу главной страницы и не видна большинству посетителей сайта.

Видео: https://yadi.sk/i/Uq5G7tBb3S5rQQ

Это полностью подтверждается и данными карты скроллинга. Нижнюю часть страницы просматривает минимальное количество пользователей.

Скриншот: https://yadi.sk/i/GQfH0WgR3S5rHo

Рекомендуем продублировать ссылку на блог в верхней части сайта.

Ссылки на детальный просмотр статьи оформлены как обычный текст.

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

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

Видео: https://yadi.sk/i/la2t-PWQ3S5ruy

Рекомендуем пересмотреть логику построения раздела статей и добавить подразделы.

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

Скриншот: https://yadi.sk/i/DQyOO7OP3S5sQ6

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

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

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

Ссылка для возврата на главную страницу публикаций не реагирует на наведение курсора.

Видео: https://yadi.sk/i/UHPqRE2W3S5t5V

Рекомендуем сделать данный элемент интерактивным.

Форма входа в личный кабинет

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

Рекомендуем добавить ссылку «Регистрация».

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

Видео: https://yadi.sk/i/WozAYT5H3S5tJ2

Рекомендуем явно указать, какие поля и в каком формате необходимо заполнять.

Ссылки и кнопки не реагируют на наведение курсора.

Видео: https://yadi.sk/i/_QWPaX_03S5tP9

Рекомендуем сделать данные элементы интерактивными.

Форма регистрации

Данный модуль сайта является одним из ключевых с точки зрения конверсии.

Форма должна обеспечивать быструю и простую регистрацию новых пользователей сервиса.

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

Нет отступа между левой границей экрана и текстом формы.

Компоновка страницы выполнена не оптимально. В результате, на странице остаются пустые зоны.

Скриншот: https://yadi.sk/i/kfzKYs6x3S5wWJ

 

Из-за избыточной высоты формы справа появляется вторая полоса вертикальной прокрутки. Кроме этого, не виден очень важный элемент интерфейса – кнопка отправки формы.

Видео: https://yadi.sk/i/irVv0rtN3S5uqW

Скриншот: https://yadi.sk/i/ewxWvzVv3S5uvC

Ссылка для закрытия расположена в непривычном месте и не реагирует на наведение курсора.

Видео: https://yadi.sk/i/fgfBxhfY3S5v7d

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

Видео: https://yadi.sk/i/mCmUjUfv3S5vYW

В выпадающем списке с выбором кода страны опубликованы страны, посещение и регистрация из которых маловероятны. Например, Бразилия, Афганистан и т.д.

Видео: https://yadi.sk/i/hybnuMLV3S5voi

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

Видео: https://yadi.sk/d/7c8kJYnu3S5vyn

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

Видео: https://yadi.sk/i/9ilZr9IZ3S5wCm

Процесс регистрации прошел только после повторного заполнения полей. При этом нужный формат и граничные значения полей в форме не указаны.

Видео: https://yadi.sk/i/9suYGNuL3S64WF

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

Непонятно, почему в сообщении об успешной регистрации используется адрес почты kseniya13@mail.ru, а не support@mama-yoga.ru:

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

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

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

Личный кабинет

Далее рассмотрим основные моменты юзабилити личного кабинета пользователя.

Ссылки в выпадающем меню не реагируют на наведение курсора.

Видео: https://yadi.sk/i/rN23FOa63S66Lv

Рекомендуем сделать ссылки и кнопки интерактивными.

Элементы в меню оплаты не реагируют на наведение курсора.

Видео: https://yadi.sk/i/NSxZfSwG3S66Tf

В явном виде не указано, какая скидка при оплате за 3, 6 и 9 месяцев. Пользователь не видит, какую выгоду он получает при такой подписке и какая цена в месяц с учетом скидки. Такая информация есть только на главной странице.

Рекомендуем явно указать абсолютный и относительный размер скидки для всех пакетов подписки.

Работа мобильной версии сайта

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

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

Макет главной страницы в целом отображается корректно.

В блоке отзывов обрезана правая граница текста:

Рекомендуем обеспечить правильный вывод данного блока на мобильных устройствах.

Используется слишком большой верхний отступ на главной странице блога.

Рекомендуем уменьшить отступ и привести его в соответствие с модульной сеткой сайта.

На странице детального просмотра публикации в верхней части есть иконка меню.

Но при нажатии на нее выводится пустой блок, не содержащий навигационных элементов.

Видео: https://yadi.sk/i/IIDy2pzi3S6Yi5

Рекомендуем обеспечить правильную работу навигационных элементов сайта.

Далее рассмотрим юзабилити формы регистрации нового пользователя.

Ей присущи те же ошибки, что и для формы на основной версии сайта.

Кроме этого, можно выделить и ряд дополнительных недоработок.

Весь первый экран занимает текст, который не несет полезной функциональной нагрузки.

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

Рекомендуем убрать текстовые блоки из формы регистрации.

Поля ввода формы оформлены практически так же, как и текст. Это отрицательно сказывается на юзабилити.

Рекомендуем использовать классическое и понятное большинству пользователей оформление элементов формы.

Текст в полях обрезан справа.

Форма содержит избыточное количество полей и сложна для заполнения. Это крайне отрицательно сказывается на юзабилити и количестве регистраций.

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

Общие итоги и выводы

  1. В целом, дизайн сайта выполнен достаточно качественно.
  2. Основные проблемы выявлены в юзабилити и работе форм.
  3. Необходимо максимально упростить процесс регистрации пользователей на сайте.
  4. Также рекомендуем расширить количество доступных способов оплаты.

Это позволит увеличить как количество регистраций, так и количество покупки платного доступа к курсам.

Готов ответить на все вопросы по результатам аудита в скайпе, email или по телефону.

Полезные ссылки и ресурсы

 

REGRU-logo-color-3Крупнейший регистратор доменных имен REG.RU

Регистрация и продление доменных имен в любых зонах.

static100x100_6Ведущий хостинг-провайдер BEGET.RU

Хостинг, аренда серверов, регистрация доменов.

Сервис тестирования юзабилити реальными пользователями

Отбор и анкетирование целевой аудитории сайта.

Сервис мониторинга, анализа и оценки эффективности поискового продвижения.

Съем и отслеживание позиций сайта, работа с семантическим ядром.

Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности.

Покупка готовых текстов и заказ уникальных статей на нужную тему.

SeoPultСервис автоматизации продвижения сайта и рекламы в интернете.

Подбор и покупка ссылок, оптимизация контекстной рекламы.

300x60_126 000 готовых премиум-шаблонов для сайтов

Высококачественные шаблоны для любых сайтов, материалы для дизайна сайта.

Крупнейшая фриланс-биржа

Сервис удаленной работы.

Get new case studies by email:

More Case Studies

See all