Опубликовано:
  2015-12-17 15:06:00 | 939

 

Мобильные устройства становятся все более популярными с каждым днем. Большинство планшетов и смартфонов используется для выхода в интернет. Все большая доля интернет-трафика идет через мобильные устройства. Поэтому при разработке сайта нужно учитывать этот факт.

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

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

Веб-мастера выделяют три тактики решения этого вопроса:

1. Создание отдельного сайта под мобильные устройства на собственном домене.
2. Можно пользователю демонстрировать определенную версию страницы, в зависимости от типа устройства, которое он использует.
3. Допускается создание единого ресурса, который  оптимизирован для работы со всеми возможными типами устройств.

Чем отличается мобильная версия сайта от обычной?

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

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

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

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

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

Как протестировать мобильную версию сайта?

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

Рассмотрим самые популярные из них:

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

PageSpeed Insight - это бесплатный сервис от Гугл. Он позволяет анализировать скорость загрузки страниц и некоторые другие важные параметры. Сначала он работал только с классическими сайтами, но теперь доступна возможность тестирования мобильных версий.

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

TestiPhone - сервис разработан сугубо для проверки совместимости работы сайтов с техникой iPhone и iPad. Введя адрес ресурса, вы сможете увидеть, как он будет отображаться на «яблочных» устройствах.

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

! Copyright © 2015 "Design ONE"



Назад в Блог

Поиск по сайту



Наша PDF презентация

наша pgf презентация
Присоединяйтесь к нам
Design ONE в Facebook Design ONE в Twitter Design ONE в Вконтакте Design ONE на Google Plus
Адреса: Россия, Мытищи - ул.Шараповская, Д1 К2, Конт.т. +7 965 116-89-47
Латвия, Рига - ул.Republikas laukums 2A, Конт.т. +371 200-46-299
Copyright © 2016 веб-студия Design ONE