JavaScript must be enabled in order for you to see "WP Copy Data Protect" effect. However, it seems JavaScript is either disabled or not supported by your browser. To see full result of "WP Copy Data Protector", enable JavaScript by changing your browser options, then try again.

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

10.04.2022315

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

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

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

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

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

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

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

Проверка юзабилити на смартфоне включает анализ производительности сайта с помощью сервиса PageSpeed Insights

рисунок 1

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

Проверка юзабилити на десктопе включает анализ производительности сайта с помощью сервиса PageSpeed Insights

рисунок 2

Читаемость

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

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

Серый фон на экране смартфона может снизить контрастность между фоном и текстом и затруднить чтение

рисунок 3

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

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

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

    Близкое расположение кнопок на сайте означает возможность нежелательного нажатия на две кнопки одновременно

    рисунок 4

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

рисунок 5

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

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

Поделиться:
Нам важен результат

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

Где мы сможем пообщаться?
  • По skype или телефону Договоримся на удобное для вас время и обсудим все вопросы в режим on-line.
  • На личной встрече Если вы находитесь в Германии, организуем встречу в нашем или вашем офисе.

    captcha

    Отправляя заявку, вы даёте согласие на обработку персональных данных.

    Обсудить проект по телефону или WhatsApp
    Мы в соцсетях: