Проверка юзабилити на смартфоне

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

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

Что проверяем

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

Скорость загрузки

Один из самых главных показателей. Совершенно не важно, насколько привлекателен и содержателен сайт. Если страница загружается намного более трех секунд – клиент может уйти. Проверить показатели загрузки по силам любому владельцу или разработчику благодаря сервису Гугла PageSpeed Insights.

рисунок 1

Проверка осуществляется как для мобильных устройств (рисунок 1), так и для настольных компьютеров (рисунок 2). Если значения производительности составляет до 49 единиц – стоит обратиться к специалистам для оптимизации загрузки. Ниже на странице сервиса даются рекомендации по ускорению загрузки.

рисунок 2

Читаемость

Напомним, что проверяем юзабилити на смартфоне. Пользуются этими устройствами везде, включая улицу.

Попробуйте в солнечную погоду открыть сайт на смартфоне и оценить его читаемость. Достаточен ли контраст между текстом и фоном? Если на сайте стоит серый/бежевый или любой другой цветной фон (рисунок 3), то на мобильном экране инструментами CSS лучше его убрать. Пусть фон останется только на десктопе, т.е. на экране монитора настольного компьютера.

рисунок 3

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

Удобство взаимодействия

1. Проверяем, не слишком ли близко расположены друг к другу интерактивные элементы на странице сайта (рисунок 4). Это означает, что проблематично нажать на кнопку/ссылку и не задеть при этом соседний элемент. Согласитесь, раздражает ситуация, когда вместо ожидаемого результата получаешь другой.
   

   рисунок 4

2. Достаточного ли размера сами кнопки и иконки соцсетей? Маленький экран смартфона не подразумевает уменьшение всех элементов на сайте. Например, стоит позаботиться о наиболее оптимальных размерах и удобном расположении. Особенно это касается кнопок с призывом к действию – Call-to-Action.
3. Необходимо проверить работоспособность всех кнопок, иконок соцсетей и ссылок. «Связаться», «Позвонить», «Купить», «Заказать» и так далее. Этим нередко грешат новые сайты – разработчики в погоне за сроком выполнения заказа могут не протестировать все элементы.
4. Не обязательно, но рекомендуем для повышения удобства – кнопка «Наверх», или Scroll To Top. Пользователь прокручивает страницу вниз, и появляется кнопка в виде стрелки вверх (рисунок 5). При нажатии на нее страница возвращается к началу. Актуально для длинных страниц, в частности страниц категорий с товарами.

рисунок 5

Предложенные рекомендации для самостоятельной проверки юзабилити на смартфоне помогут избежать многих проблем. Если же вы считаете, что необходим более глубокий и всесторонний SEO аудит – специалисты агентства Apro Studio готовы прийти на помощь!

Напоследок нужно отметить, что мобилопригодность страниц учитывается поисковыми системами при оценке качества сайта. А это влияет на ранжирование при формировании результатов поисковой выдачи. Так что не откладывайте аудит на потом – вы рискуете потерять клиентов!