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

Ответ

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

• У вас не должно быть уведомлений об ошибках с мобильной версией сайта в Яндекс.Вебмастере и Google Search Console. Горизонтальный скролл должен отсутствовать. Вёрстка сайта не должна “плавать”.
• Скорость загрузки страниц, как для мобильной так и десктопной версии сайта, должна быть на уровне не менее, чем оранжевые показатели в сервисе PageSpeed Insights. Про обновлённые метрики PageSpeed Insights мы писали в нашей статье. Про оптимизацию скорости загрузки мы писали в статье “Как увеличить скорость загрузки сайта за счёт анализа и оптимизации скриптов”.
• Полезная информация должна быть на первом экране мобильной версии, поэтому:
  • Хедер не должен быть слишком большим.
  • Меню по умолчанию свернутое.
  • Должен обязательно присутствовать заголовок Н1.
  • Если речь идёт о сайте услуг или информационном сайте, то текст должен присутствовать на первом экране. Если у вас интернет-магазин, то ассортимент также должен попадать на первый экран.
  • Поле поиска по сайту, значок корзины и логотип с ссылкой на главную должны быть заметны и находится в верхней части страницы.
• Все кликабельные элементы, такие как меню, логотип, телефон, кнопки купить, подробнее и т.д. должны корректно отрабатывать, их размер должен быть не слишком маленьким. Элементы должны визуально выделяться и привлекать внимание пользователя.
• Все ссылки должны открываться в текущей версии страницы.
• Текст и изображения должны быть хорошо видны без дополнительного увеличения.
• Поля форм должны иметь вспомогательный текст. В зависимости от вводимых данных должен выдаваться нужный формат клавиатуры.
• Для ИМ: фильтр и сортировка должны корректно отрабатывать, по умолчанию параметры фильтра должны быть скрыты. Отработку фильтра лучше делать отложенной, т.е. после нажатия кнопки “Подобрать товар” или др. подобной. После нажатия кнопки “Назад” пользователь должен попадать на предыдущую страницу сайта, с сохранёнными параметрами сортировки или фильтрации.
• Должны отсутствовать навязчивые элементы анимации, блоки рекламы, перекрывающие контент страницы или занимающие большую часть экрана, большие пустые пролёты между кусками контента. Экран пользователя на 80% должен быть заполнен полезной информацией.

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

Еще по теме:

• Как настроить A/B тестирование с помощью Google Optimize
Какими инструментами можно настроить A/B тестирование? Хотим сравнить показатели при взаимодействии с старым и новым дизайном сайта. Какой должна быть выборка для получения корректных результатов?...
• Как pop-up для «удержания» влияет на продвижение сайта?
Что будет, если я добавлю функционал, который мешает пользователю закрыть страницу с 1 раза и предложит ему скидку? Как это повлияет на продвижение сайта? Ответ...
• Насколько юзабилити влияет на ранжирование сайта в Google и Яндекс и как проводить его анализ?
Насколько сейчас юзабилити влияет на ранжирование сайта в Google и Яндекс? И насколько подробным нужно делать его анализ? Ответ Юзабилити сайта до сих пор является...
• Какие элементы сайта должен проверить SEO специалист при оценке юзабилити сайта?
Какие элементы сайта должен проверить SEO специалист при оценке юзабилити сайта? Ответ При оценке юзабилити сайта необходимо обратить внимание на такие моменты: структура и навигация...
• Как повлияет на юзабилити открытие ссылки в новой вкладке?
Есть ли смысл делать открытие внутренних ссылок на странице в новом окне? Меня с точки зрения обычного юзера это раздражает. Текущие ТОПы практически не делают...

---

Евгений

SEO-аналитик

Юрист по образованию. Что такое SEO узнал на собеседовании. Прошел тернистый путь от контент-менеджера к SEO-аналитику.

Девиз:  Юмор. Сохраняй чувство юмора, особенно в отношении себя самого — это безграничная сила.

e.zavgorodnij@siteclinic.ru

Оцените мою статью: 

(Пока оценок нет)