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

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

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

Для справки

По данным статистик Яндекса и Google более 66% пользователей ищут ваши услуги в интернете с помощью телефона

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

1. Как долго ждать!

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

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

2. Ни одной картинки!

Частая причина проблем при загрузке контента — помимо обычных ошибок в коде и верстке — видеоформаты Flash, Applet или Silverlight: они не воспроизводятся на мобильных. Flash-объекты и изображения, которые не загружаются, портят впечатление от сайта и не дают получить нужную информацию. Проверьте, всё ли в порядке с картинками и видео на вашем сайте?

3. Опять не туда попал!

Чтобы использовать каталог было удобно, элементы управления нужно делать крупными, чтобы ими можно было пользоваться без изменения масштаба и размещать их на видном месте. Удобно ли вам пользоваться главными навигационными элементами и другими кнопками?

4. Вот это размер!

На сайте должен быть адекватный размер шрифта. Оптимальная длина строки для удобного чтения — 50-75 символов. Наиболее комфортный размер шрифта для чтения — не менее 12 px.

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

5. «Номер телефона 8 800 67» - а дальше не видно

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

Просмотрите все страницы сайта и проверьте: не выезжает ли контент за экран телефона, всю ли информацию вы видите, есть ли «ползунок» внизу, есть ли справа пустое пространство? Если есть проблемы, то стоит написать нам об этом!

6. 2 разных браузера – 2 разных сайта

Сайт должен корректно работать во всех мобильных операционных системах — Android, IOS, Windows Phone и других. Не забудьте, что для одной платформы есть разные версии браузеров, в которых сайт также должен отображаться без ошибок.

Проверьте ваш сайт с разных мобильных устройств и разных браузеров. Если ваш сайт не корректно отображается с какого-либо устройства, то это повод обратиться к специалистам компании «Вэбас» для исправления ошибок вёрстки.

7. Минимализм – лучше меньше, но лучше

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

Появились замечания? Решение есть!

Если Вы заметили какую-либо проблему отображения сайта на мобильном устройстве, вам стоит обратится в компанию «Вэбас» к нашим специалистам! Мы внесём правки в относительно быстрые сроки. Для вашего удобства, мы сделали форму, которая располагается ниже. Просто заполните её и отправьте её нам.

Пожалуйста, укажите в комментариях с какого устройства и браузера вы проводили аудит!

Оцените ваш сайти мы поможем Вам сделать его лучше!

Тест
Оценка
Все плохо
Есть проблемы
Все хорошо
1. Время загрузки сайта:
2. Проблемы с загрузкой картинок, видео:
3. Удобство пользования элементами интерфейса:
4. Адекватный размер шрифта и других элементов:
5. Отсутствие горизонтальной прокрутки:
6. Кроссплатформенность:
7. Скрытые элементы:

Давайте знакомиться!

Заявка на получение обратного звонка