Прокрутить вверх

5 сервисов для проверки сайта на адаптивность

Адаптивность, кроссбраузерность, кроссплатформенность – важные составляющие юзабилити сайта.

Так согласно данным CoMagic мобайл почти сравнялся с десктопом по числу конверсий.

Из отчета Comagic

Из отчета Comagic

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

Фрагмент отчета Criteo

Фрагмент отчета Criteo

Мораль: надо одинаково уважать пользователей с разными устройствами, экранами, ОС и браузерами. Тогда и трафик пойдет, и конверсии будут.Мы делаем лендинги уже более 5 лет. Добиваемся высокой конверсии любыми путями. Обращайтесь!Подробнее

Перечень инструментов для проверки на адаптивность /кроссбраузерность / кроссплатформенность:

1. Mobile-Friendy Test

Простенький сервис Google, позволяющий узнать – оптимизирована страница для мобильных устройств или нет. Плюс можно посмотреть проблемы, которые возникли при ее загрузке.

Никакой интерактивности и выбора разрешения – только скриншот первого экрана.

Так работает Mobile-Friendly Test от Google

Так работает Mobile-Friendly Test от Google

Кстати, в «Яндекс.Вебмастере» есть похожий инструмент – правда, там можно проверить лишь страницы собственного сайта.

2. Browserling

Browserling – инструмент кроссбраузерного тестирования. Как запустить:

  • Выбрать нужную версию Android / Windows.
  • Указать браузер вместе с версией.
  • Нажать “Test now”.

Открывается полноценный эмулятор: можно переходить по ссылкам, открывать разные сайты.

Вот так вот работает проверка кроссбраузерности в Browserling

Вот так вот работает проверка кроссбраузерности в Browserling

Недостаток сервиса: бесплатная версия ограничена по времени пользования и количеству доступных браузеров. При том, что их и так мало представлено.

3. Adaptivator

Adaptivator – бесплатный сервис для проверки адаптивности. Дает оценку и рекомендации по оптимизации – предупреждает, если надо увеличить размер активных элементов, настроить область просмотра или поменять шрифт.

Adaptivator показывает, как сайт выглядит на iPhone

Adaptivator показывает, как сайт выглядит на iPhone

Проблема: пытаешься изучить, как сайты выглядят на разных устройствах – Adaptivator часто ссылается на то, что владельцы ресурса это запрещают. Однако другие сервисы спокойно открывают эти же сайты.Адаптивная верстка vs. мобильный сайт

4. Screenfly

Screenfly – такой же бесплатный, как Adaptivator, но более функциональный инструмент. Можно выбрать один из 30 вариантов экранных размеров или – прописать высоту и ширину самостоятельно.

Так работает Screenfly

Так работает Screenfly

Чтобы видеть все элементы страницы, надо еще включить прокрутку – нажать в меню на кнопку “Allow scrolling”.

5. I love adaptive

I love adaptive – удобный инструмент проверки на адаптивность и кроссплатформенность.

В панели справа можно подобрать нужную комбинацию устройства и операционных систем. Если нужно – также повернуть экран и отрегулировать зум.

Проверка адаптивности, кроссдевайсности, кроссплатформенности в I love adaptive

Проверка адаптивности, кроссдевайсности, кроссплатформенности в I love adaptive

Минус: для ПК и ноутбуков нельзя выбрать операционную систему. Еще для работы с некоторыми сайтами надо обязательно устанавливать расширение на Chrome.

Чтобы изучить, как с вашим сайтом взаимодействуют пользователи разных устройств, ОС и браузеров – используйте также соответствующие отчеты Analytics и «Метрики».

Пример: отчет по браузерам в Google Analytics

Пример: отчет по браузерам в Google Analytics

P. S. Если мы забыли какой-то важный и полезный инструмент, напомните в комментариях. И – будем благодарны за репосты.

Да пребудет с вами юзабилити!

Материал взят с сайта https://texterra.ru/

Author avatar
Никита Зайцев
https://webzaytsev.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

  • Белгород

    Я нахожусь и обитаю в Белгороде
    С радостью встречусь с вами обсудить детали проекта
    1000км не проблема - контакты → и мы уже общаемся в скайпе!
  • Оставайтесь на связи

  • Хостинг фоззи - самый быстрый хостинг в России

    Промокод на скидку на хостинге - webzaytsev

© 2016 - 2020
Все права защищены.
Сайт использует куки