Архивы Апрель 2018

Как проверить сайт на адаптивность? Практическое руководство

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

Помощь от Google

Для многих ресурсов фактор «Mobile friendly» оказался роковым — отсутствие адекватного отображения страниц на мобильных устройствах привело к падению позиций в поисковой выдаче и, соответственно, продажам. Владельцы сайта постарались вовремя отреагировать и стали внимательнее относится к мобильным версиям или даже обратились за адаптивной версткой. Чтобы облегчить задачу, разработчики Google дали возможность посмотреть сайт веб-ресурса со стороны и предложили тест-инструмент Google Developers. Введите адрес страницы (анализируется только одна!) и посмотрите, как она отображается на разных мобильных гаджетах. Параллельно вы получите экспертную оценку (с учетом всех недостатков) и рекомендации по исправлению.

Как понравиться Google?

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

Адаптивный сайт: чек-лист программ

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

Responsinator 

Введите урл и посмотрите, как выглядит ваша страница на различных современных гаджетах.

Symby 

Проверяйте страницы по стандартным экранам (смартфон, планшет, декстоп) либо указывайте нестандартные пропорции.

Screenfly 

Узнайте, как будут выглядеть страницы вашего сайта не только на мобильных устройствах, но и на TV. Его русский клон Seowind.Также можно задать нестандартные пропорции, повернуть экран и увидеть изображение при скроллинге.

Screenqueri 

Просмотр страниц в зависимости от моделей планшетов и смартфонов. Вы получите максимально точные показатели и узнаете, адаптивный сайт у вас или нет, но для этого придется зарегистрироваться.


Как провести анализ юзабилити сайта

Сегодня мы поговорим о том, что такое юзабилити, зачем он нужен и как провести его анализ. Давайте представим себе, что у нас есть сайт, на котором мы что-то продаем. Он нереально крут, имеет уникальный дизайн и кучу разных фишек. Но есть одно но: кроме нас самих на него никто не заходит, а если и заходит, то не задерживается долго, следовательно, ничего не приобретает. Получается какая-то совсем невеселая ситуация, правда? Для того чтобы такого не произошло, самое время вспомнить о юзабилити. Уверенна, что каждый из нас попадал на сайты, где было сложно ориентироваться, и возникало желание поскорее сбежать из них и больше никогда не заходить.

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