Главная страница Публикации Статьи Мобильный сайт

Мобильный сайт

Мобильный сайт, адаптивный сайт или мобильное приложение — критерии выбора

к.э.н. Лавлинский Н. Е., технический директор ООО «Метод Лаб»,
доцент кафедры информатики РЭУ им. Г. В. Плеханова

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

Существует несколько вариантов решения задачи адаптации под нужды мобильных пользователей:

  • адаптивный сайт (один сайт для всех устройств);
  • мобильная версия сайта (отдельный сайт, оптимизированный под мобильные устройства);
  • мобильное приложение (для каждой платформы свое).

Чтобы прояснить процесс выбора нужного варианта, опишем подробнее каждый из подходов.

Адаптивный сайт

Для разработки адаптивного сайта используются современные технологии верстки, которые позволяют менять структуру блоков, их размеры и другие параметры в зависимости от параметров устройства просмотра. Например, если мы используем простой смартфон с разрешением экрана 800x600 пикселей, блоки сайта будут показываться в один столбец, а на экране с разрешением 1920x1080 сайт будет иметь три колонки. Такого рода трансформации должны планироваться заранее на стадии дизайна.

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

Достоинства решения:

  • один сайт на все устройства — полная идентичность функционала, наполнения;
  • неплохая защищенность на будущие поколения устройств или необычных моделей.

Недостатки решения:

  • требует переработки сайта;
  • повышенные требования к дизайну (несколько шаблонов для различных устройств);
  • не позволяет полностью реализовать уникальные особенности мобильных устройств.

Мобильная версия сайта

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

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

Достоинства решения:

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

Недостатки решения:

  • требуется разработка отдельного сайта;
  • усложнение поддержки — два отдельных сайта (необходимо синхронизировать общую информацию).

Мобильное приложение

Другим решением той же задачи может быть создание специализированного мобильного приложения. Несмотря на название «приложение», задача решается та же — предоставления сервиса или контента пользователю с мобильным устройством. Более того, за мобильным приложением скорее всего будет действовать веб-приложение, но не в виде веб-интерфейса (сайта), а в виде API или источника данных (backend). Пользователи мобильных устройств привыкли использовать приложения для решения своих задач: в стандартной поставке любого гаджета есть десяток-другой стандартных приложений. Проанализировав набор этих приложений, можно понять, что большинство крупных веб-компаний разрабатывают для своих проектов мобильные приложения под лидирующие платформы. При этом ясно, что у этих компаний есть ресурсы на реализацию любого варианта «мобилизации» своих сервисов, а выбирают они именно приложения. Чтобы определиться с необходимостью создания мобильного приложения приведем основные достоинства и недостатки решения.

Достоинства решения:

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

Недостатки решения:

  • для использования необходима установка приложения (проблема для невысокой начальной лояльности аудитории);
  • требуется разработка отдельного приложения под каждую платформу и оптимизация под отдельные классы устройств;
  • увеличение затрат времени на выпуск сервиса: необходимость прохождения модерации в официальных «сторах» (каталогах приложений — Play Market, AppStore).

Алгоритм выбора

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

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

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

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

Лучшее ускорение сайтов в Рунете

Ускорение сайтов

Цена от 19 900 Р