Аудит сервиса онлайн-занятий йогой для беременных
Аудит юзабилити №492
Дата аудита: январь 2018 года
Объем отчета: 35 страниц
Аудит юзабилити, анализ работы модулей сайта, прайс-листа и личного кабинета. Рекомендации по повышению конверсии сайта.
Вводная информация
В данном отчете приведены детальные описания основных проблем, скриншоты сайта и дополнительные видео с демонстрацией выявленных недостатков.
Перед просмотром дополнительных материалов их желательно скачивать на компьютер.
Также по всем выявленным проблемам даны рекомендации по их устранению.
Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.
Логотип и слоган
Логотип является важным элементом сайта, т.к. он расположен в верхней части экрана, именно с него начинается зрительный путь пользователя по странице.
Он должен быть уникальным, соответствовать фирменному стилю и направлению деятельности компании.
Кроме этого, общепринятым является размещения рядом с логотипом краткого слогана.
Рассмотрим, насколько выполнены эти требования в данный момент.
Логотип является уникальным и не встречается на других сайтах. Это является позитивным моментом с точки зрения юзабилити и поисковой оптимизации.
Рядом с графической частью расположена текстовая надпись «Mama Yoga». Она реализована с помощью не уникального широко распространённого шрифта. Это не соответствует требованиям, предъявляемым к дизайну текстовых логотипов.
Кроме этого, в ближней зоне логотипа нет краткого слогана, отражающего суть сайта и предлагаемых материалов. Надпись «Сервис онлайн-занятий» распложена достаточно далеко и не имеет четкой визуальной связи с логотипом.
Скриншот: https://yadi.sk/i/fTJulmZP3S5Syz
Рекомендуем разместить краткий слоган рядом с логотипом.
Отдельно стоит отметить, что на сайте одновременно используется несколько вариантов написания названия компании. В одном случае с тире, во втором – без него.
Рекомендуем придерживаться единого формата написания названия на всех страницах сайта.
Навигация по сайту
Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.
Она должна обеспечивать быстрый и простой переход на любую страницу или раздел сайта максимум за 3 клика.
Кроме этого, навигационные меню должны информировать пользователя о его текущем местоположении на сайте.
Рассмотрим, насколько качественно проработаны кнопки, ссылки, меню и навигационные элементы в данный момент на сайте.
Большое количество ссылок и кнопок не реагирует на наведение курсора. Это отрицательно сказывается на юзабилити и количестве переходов по ссылкам.
Ниже в таблице приведены скриншоты и видео с демонстрацией работы таких элементов.
Рекомендуем сделать данные элементы интерактивными и менять их оформление при наведении курсора.
Данные элементы оформлены как обычный текст и не реагируют на наведение курсора. Это отрицательно сказывается на юзабилити.
Рекомендуем явно обозначать ссылки при помощи подчеркивания или соответствующих графических маркеров.
Главная страница
Далее рассмотрим вопросы компоновки, юзабилити и функционала основных элементов главной страницы.
Информация о ключевых преимуществах курсов есть только в видеоролике. Такое решение не совсем оптимально, т.к. для достаточно большого количества пользователей будет более удобным получить эту информацию в текстовом виде.
Рекомендуем указать рядом с видео ключевые преимущества и уникальное торговое предложение в текстовом виде.
Есть несоответствие заявленной и реальной длины ролика (167 и 206 секунд соответственно).
Рекомендуем согласовать представленные цифры и привести к единому значению.
Допущена ошибка в слове «тело».
Рекомендуем выявить и устранить все грамматические ошибки в текстах сайта.
Данный блок является списком. Согласно правилам, в конце строки списка должна быть точка с запятой. В конце последней строки списка ставится точка.
Рекомендуем привести оформление списка в соответствие с общепринятыми стандартами.
Нет точки в конце предложения.
Пропущено двоеточие.
Рекомендуем привести оформление текстов в соответствие с правилами.
На данном экране явно не указано, что это сервис именно для онлайн занятий именно йогой.
Скриншот: https://yadi.sk/i/t4iqOwng3S5dxW
Пропущена точка в конце предложения.
В данном блоке представлен довольно обширный список различных курсов и тренингов, но нет ссылок, как на сайты этих курсов, так и на соответствующие сертификаты.
Рекомендуем добавить ссылки на страницы и сайты курсов, а также сертификаты об их прохождении.
Вызывает некоторое сомнение цифра в 5000 мам, т.к. в данный момент в группе Facebook находится 1400 человек, 4466 ВКонтакте и 1642 человека в YouTube.
Отдельно стоит отметить, что указанная на сайте страница в Instagram https://www.instagram.com/ksenyavlasovaa/ в данный момент недоступна.
Размещение отзывов в аудио, а не видео формате, является непривычным для большинства пользователей и отрицательно сказывается на юзабилити.
Также, отрицательным моментом является отсутствие ссылок на профили пользователей в социальных сетях и формы добавления отзыва. Это снижает доверие посетителей к текстам отзывов.
Рекомендуем опубликовать видео-отзывы клиентов и добавить ссылки на профили в социальных сетях.
На данном экране размещен призыв к действию «Выбери свою продолжительность занятий». Но при этом возможности осуществить такой выбор на странице в данный момент нет.
Допущены ошибки в окончаниях слов.
При нажатии на кнопку «Перейти в личный кабинет» открывается форма регистрации нового пользователя, а не входа в кабинет.
Отдельно стоит отметить, что все кнопки на странице с разными по смыслу и функциональной нагрузке призывами к действию фактически ведут на одну и ту же форму регистрации. Это отрицательно сказывается на юзабилити и вводит пользователя в заблуждение.
Рекомендуем пересмотреть реализацию пользовательских сценариев при нажатии на кнопки с разными призывами действию.
Кроме этого, нет четкого позиционирования сайта. Не совсем понятно, это сервис онлайн-занятий, платного просмотра уже записанных роликов разных авторов или авторских курсов одного тренера.
Блог
Ссылка на страницу блога размещена в самом низу главной страницы и не видна большинству посетителей сайта.
Это полностью подтверждается и данными карты скроллинга. Нижнюю часть страницы просматривает минимальное количество пользователей.
Скриншот: https://yadi.sk/i/GQfH0WgR3S5rHo
Рекомендуем продублировать ссылку на блог в верхней части сайта.
Ссылки на детальный просмотр статьи оформлены как обычный текст.
Рекомендуем использовать подчеркивание для выделения ссылок.
Все статьи размещены на одной странице без разбития на категории или подразделы. В результате, страница имеет избыточную высоту и на ней практически невозможно найти нужную публикацию. Это отрицательно сказывается на юзабилити.
Рекомендуем пересмотреть логику построения раздела статей и добавить подразделы.
Для ленты с анонсами статей используются блоки с фиксированной высотой. В результате остаются большие пустые зоны, пространство страницы используется неэффективно, увеличивается высота страницы.
Скриншот: https://yadi.sk/i/DQyOO7OP3S5sQ6
На странице детального просмотра статьи есть ряд недоработок, оказывающих отрицательное влияние как на юзабилити, так и на поисковую оптимизацию сайта:
- нет ссылок для перехода к предыдущей или следующей публикации;
- нет ссылок на похожие и популярные статьи аналогичной тематики;
- нет возможности оставить комментарий или задать вопрос, касающийся текста публикации;
- нет возможности поделиться публикацией в социальных сетях и сервисах.
Рекомендуем расширить функциональные возможности страницы детального просмотра статьи.
Ссылка для возврата на главную страницу публикаций не реагирует на наведение курсора.
Рекомендуем сделать данный элемент интерактивным.
Форма входа в личный кабинет
На главной странице сайта есть ссылка для входа в личный кабинет. Стоит отметить, что рядом с ней нет общепринятой ссылки для регистрации нового пользователя. Это отрицательно сказывается на юзабилити.
Рекомендуем добавить ссылку «Регистрация».
В форме не указано, какие поля являются обязательными для заполнения.
Рекомендуем явно указать, какие поля и в каком формате необходимо заполнять.
Ссылки и кнопки не реагируют на наведение курсора.
Рекомендуем сделать данные элементы интерактивными.
Форма регистрации
Данный модуль сайта является одним из ключевых с точки зрения конверсии.
Форма должна обеспечивать быструю и простую регистрацию новых пользователей сервиса.
Сейчас в юзабилити формы регистрации допущен ряд существенных ошибок.
Нет отступа между левой границей экрана и текстом формы.
Компоновка страницы выполнена не оптимально. В результате, на странице остаются пустые зоны.
Скриншот: https://yadi.sk/i/kfzKYs6x3S5wWJ
Из-за избыточной высоты формы справа появляется вторая полоса вертикальной прокрутки. Кроме этого, не виден очень важный элемент интерфейса – кнопка отправки формы.
Скриншот: https://yadi.sk/i/ewxWvzVv3S5uvC
Ссылка для закрытия расположена в непривычном месте и не реагирует на наведение курсора.
Явно не указано, какие поля формы являются обязательными для заполнения. Об этом можно узнать только после неудачной попытки отправки данных.
В выпадающем списке с выбором кода страны опубликованы страны, посещение и регистрация из которых маловероятны. Например, Бразилия, Афганистан и т.д.
Используется избыточное количество символов в полях ввода возраста, количества беременностей и сроков.
После заполнения полей формы так и не удалось зарегистрироваться на сайте. Никаких сообщений об ошибках не появлялось.
Процесс регистрации прошел только после повторного заполнения полей. При этом нужный формат и граничные значения полей в форме не указаны.
В процессе заполнения исчезают подписи полей и невозможно понять, где возраст, а где срок беременности.
Непонятно, почему в сообщении об успешной регистрации используется адрес почты kseniya13@mail.ru, а не support@mama-yoga.ru:
Учитывая характер и количество выявленных ошибок, рекомендуем полностью пересмотреть процесс регистрации:
- уменьшить количество полей и оставить только два поля с именем и адресом email;
- остальные данные можно собирать поэтапно при первом входе на сайт, просмотре бесплатных курсов или заказе платного доступа.
- привести оформление формы к общему стилю сайта;
- осуществлять проверку правильности данных непосредственно в процессе заполнения полей.
Кроме этого, рекомендуем добавить возможность регистрации при помощи профиля из социальных сетей. Это упростит процесс и увеличит количество регистраций на сайте.
Личный кабинет
Далее рассмотрим основные моменты юзабилити личного кабинета пользователя.
Ссылки в выпадающем меню не реагируют на наведение курсора.
Рекомендуем сделать ссылки и кнопки интерактивными.
Элементы в меню оплаты не реагируют на наведение курсора.
В явном виде не указано, какая скидка при оплате за 3, 6 и 9 месяцев. Пользователь не видит, какую выгоду он получает при такой подписке и какая цена в месяц с учетом скидки. Такая информация есть только на главной странице.
Рекомендуем явно указать абсолютный и относительный размер скидки для всех пакетов подписки.
Работа мобильной версии сайта
Как отмечалось выше, по данным статистики наблюдается довольно существенное ухудшение показателей сайта при работе с ним на мобильных устройствах и планшетах.
Причиной этого являются некоторые ошибки, допущенные в юзабилити мобильной версии сайта.
Макет главной страницы в целом отображается корректно.
В блоке отзывов обрезана правая граница текста:
Рекомендуем обеспечить правильный вывод данного блока на мобильных устройствах.
Используется слишком большой верхний отступ на главной странице блога.
Рекомендуем уменьшить отступ и привести его в соответствие с модульной сеткой сайта.
На странице детального просмотра публикации в верхней части есть иконка меню.
Но при нажатии на нее выводится пустой блок, не содержащий навигационных элементов.
Рекомендуем обеспечить правильную работу навигационных элементов сайта.
Далее рассмотрим юзабилити формы регистрации нового пользователя.
Ей присущи те же ошибки, что и для формы на основной версии сайта.
Кроме этого, можно выделить и ряд дополнительных недоработок.
Весь первый экран занимает текст, который не несет полезной функциональной нагрузки.
С высокой вероятностью, пользователь не будет прокручивать страницу вниз.
Рекомендуем убрать текстовые блоки из формы регистрации.
Поля ввода формы оформлены практически так же, как и текст. Это отрицательно сказывается на юзабилити.
Рекомендуем использовать классическое и понятное большинству пользователей оформление элементов формы.
Текст в полях обрезан справа.
Форма содержит избыточное количество полей и сложна для заполнения. Это крайне отрицательно сказывается на юзабилити и количестве регистраций.
Рекомендуем максимально сократить количество полей и добавить возможность регистрации при помощи аккаунтов в социальных сетях.
Общие итоги и выводы
- В целом, дизайн сайта выполнен достаточно качественно.
- Основные проблемы выявлены в юзабилити и работе форм.
- Необходимо максимально упростить процесс регистрации пользователей на сайте.
- Также рекомендуем расширить количество доступных способов оплаты.
Это позволит увеличить как количество регистраций, так и количество покупки платного доступа к курсам.
Полезные ссылки и ресурсы
 |
Крупнейший регистратор доменных имен REG.RU
Регистрация и продление доменных имен в любых зонах. |
 |
Ведущий хостинг-провайдер BEGET.RU
Хостинг, аренда серверов, регистрация доменов. |
 |
Сервис тестирования юзабилити реальными пользователями
Отбор и анкетирование целевой аудитории сайта. |
 |
Сервис мониторинга, анализа и оценки эффективности поискового продвижения.
Съем и отслеживание позиций сайта, работа с семантическим ядром. |
 |
Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности.
Покупка готовых текстов и заказ уникальных статей на нужную тему. |
 |
Сервис автоматизации продвижения сайта и рекламы в интернете.
Подбор и покупка ссылок, оптимизация контекстной рекламы. |
 |
26 000 готовых премиум-шаблонов для сайтов
Высококачественные шаблоны для любых сайтов, материалы для дизайна сайта. |
 |
Крупнейшая фриланс-биржа
Сервис удаленной работы. |
Get new case studies by email:
More Case Studies
See all
