Мобильное приложение или адаптивный дизайн

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

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

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

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

С точки зрения посетителя сайта:

Сайт с адаптивной версткой – это обычный сайт, который умеет подстраиваться под ширину экрана. Подстройка под экран происходит за счет изменение ширины колонок сайта, их переноса в низ предыдущей колонки или отключения второстепенных элементов сайта для малых разрешений экранов. Связь с пользователем осуществляется с помощью обычного e-mail.

Мобильное приложение – самостоятельный программный комплекс со своим дизайном и навигацией. Чтобы посетитель сайта мог им воспользоваться, он должен найти его в магазине приложений (например, AppStore или Google Play) и установить на свое мобильное устройство. Такая установка позволяет установить владельцу сайта постоянную связь с пользователем, напоминать ему об изменениях или происходящих событиях с помощью Push-уведомлений.

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

Следовательно, идеальный вариант, иметь основной сайт с адаптивной версткой и дополнительно мобильной приложение для постоянных клиентов.

С точки зрения разработки:

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

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

Разработка мобильного приложения процесс достаточно трудоемкий и затратный. Это разработка совершенно нового программного комплекса. Причем для iOS, Android или Windows требуются разные приложения. Но и это не все. Каждое приложение надо разместить в своем магазине приложений (AppStore, Google Play, …). Ситуация еще усугубляется отсутствием достаточного количества квалифицированных специалистов. Здесь надо хорошо подумать, стоит ли овчинка выделки. Стоимость мобильного приложения может составлять 300-500 тысяч рублей.

Следует отметит еще некоторые моменты.

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

Системы on-line бронирования сейчас то же активно перестраиваются. Вскоре они будут заинтересованы, чтобы сайты их партнеров не отставали от требований рынка.

Как узнать, имеет ли сайт адаптивный дизайн? Самый простой способ, уменьшить размер экрана браузера, потянув в лево за правый край. Сайт должен начать «складываться» и в низу не должна появиться горизонтальная полоса прокрутки.

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

Самый лучший тест, открыть сайт на мобильном устройстве. Откройте сайт СБАТ www.sbat.info . Он имеет адаптивный дизайн. При повороте на 90 градусов, сайт должен подстроиться под ширину экрана. Это касается также фотогалерей и видео.

От разработчиков сайта www.sbat.info