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

Суть вопроса

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

 

Что такое мобильный сайт

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

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

 

Что такое мобильное приложение

Мобильное приложение — это специальный пакет, который устанавливается пользователем как правило через рынки (порталы, магазины, маркетплейсы) приложений (AppStore, Google Play) на мобильное устройство. Мобильные приложения в отличие от разметки сайта являются программами, поэтому в большинстве случаев создаются под какую-то конкретную платформу (iOS, Android, Windows Phone и т.д.).

 

Плюсы мобильного сайта

Адаптация сайта для мобильных устройств имеет следующие положительные моменты:

  1. Низкий порог вхождения пользователей. Для того чтобы начать пользоваться мобильным приложением, его нужно сначала установить. Для того чтобы начать пользоваться сайтом достаточно просто перейти по ссылке. Если вы разметили QR-коды со ссылками на сайт и на приложение, то переходов на сайт всегда будет больше чем установок: часть пользователей после перехода по ссылке на приложение в магазин все-таки его не установит.
  2. Кроссплатформенность. Сайт доступен на всех платформах и устройствах, даже на тех, о существовании которых мало кто знает.
  3. Мгновенные обновления. Для обновления приложения в магазинах всегда требуется определенное время на их проверку компаниями, владеющими магазинами. Обновленный сайт доступен пользователям практически сразу.
  4. Стоимость разработки и поддержки как правило всегда ниже чем соответствующие цифры в отношении мобильных приложений.
  5. Стоимость продвижения сайта ниже чем мобильного приложения. Цена одного пользователя напрямую зависит от порога его вхождения (п.1), чем он выше — тем выше и цена его привлечения. Для обеспечения захода пользователя на сайт вы устанавливаете определенную стоимость клика по рекламному блоку, после которого вы сразу получаете посетителя. В случае с мобильным приложением вам по сути нужно сделать то же самое, только не факт что после перехода в магазин приложений пользователь его еще и установит. Как следствие — цена установки всегда выше цены клика.

 

Плюсы мобильного приложения

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

  1. Полное взаимодействие с пользователями. В отличие от мобильных версий сайтов в случае с мобильным приложением у вас есть возможность отправлять push-уведомления. Если вы опубликовали что-то новое на сайте, пользователи узнают об этом только когда туда зайдут. На мобильное приложение вы просто отправляете push-сообщение.

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

    Так же появляются и более широкие возможности в обратной связи: пользователи оставляют сообщения и в магазинах приложений, и персонально через приложение.
  2. Качественный интерфейс. Хорошо адаптировать сайт для мобильных устройств — не все равно что просто уместить его в маленький экран. Все элементы управления (кнопки, текстовые поля, ссылки) должны быть удобными для нажатия пальцем, а не курсором мыши. Экраны устройств бывают разными и по размеру, и по плотности пикселей. При большой плотности пикселей (т.н. retina дисплеи) экран телефона может иметь очень большое разрешение (например 1440 x 2560 пикселей), но при этом быть небольшим в физических размерах. Т.о. экраны телефонов могут быть больше по разрешению чем дисплеи ноутбуков, но иметь при этом меньшие диагонали. Мобильные операционные системы имеют свою логику работы чтобы бороться с эффектом, когда нужно покупать точилку для пальцев чтобы попасть в маленькие кнопочки, но работает эта логика по разному на разных платформах и устройствах, в результате вы почти всегда не знаете как выглядит ваш сайт на том или ином девайсе и не то что даже удобно, но можно ли им вообще пользоваться.

    Качество интерфейса сказывается и в навигации. Каждая мобильная операционная система имеет свою логику перехода между рабочими экранами в приложениях. В Android это кнопка Back (Назад), в iOS — провод пальцем от левого края экрана. Пользователи каждой операционной системы привыкли к одному и тому же поведению в каждом приложении. Навигация же на каждом сайте сделана по-своему и зайдя на очередной из них нужно каждый раз искать глазами кнопки «Ок», «Назад», «Отмена» и т.д., которых может и вовсе не оказаться.

    В этом же пункте находится общая структура интерфейса: если приложение, к примеру, должно отобразить список ресторанов, то оно это скорее всего это сделает в том числе и по расстоянию от пользователя, зная его текущее местоположение. Логика же работы мобильного сайта всегда проще и не учитывает множество данных, которые может предоставить мобильное устройство.
  3. Высокий уровень персонализации. В мобильном приложении всегда есть возможность запоминать все данные пользователя и менять интерфейс в зависимости от его потребностей. Если пользователь ввел какие-то данные (например свой домашний адрес в приложении доставки), то ему не нужно будет вводить этот адрес снова. Даже на разных устройствах при включенной облачной синхронизации он всегда будет видеть приложения всегда с заполненными персональными данными.
  4. Работа в оффлайне. Интернет на мобильных устройствах в последнее время есть довольно часто, но не всегда. Даже при наличии мобильного интернет-соединения его качество всегда в среднем хуже чем качество домашних и офисных интернет-линий. Если вы хотите, чтобы ваши пользователи не теряли связь с вашим продуктом сразу как только оборвалась интернет-связь, разработка мобильного приложения — единственное возможное решение.
  5. Использование возможностей устройства в полной мере. Мобильные устройства являются персональными устройствами. Они знают о своем владельце очень многое, и использование этой информации для увеличения уровня сервиса является одной из ключевых причин бурного роста мобильных приложений. Например iOS запоминает основные временные интервалы поведения владельца устройства: когда он в основном перемещается из точки А в точку В, когда заряжает устройство, когда ложиться спать, когда открывает то или иное приложение. Т.о. если вы открываете новостное приложение, операционная система заранее говорит ему «скоро тебя наверно откроют», последние новости загружаются в фоновом режиме и на момент появления приложения на экране они уже видны вам.

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

 

Выводы

Мобильная версия сайта — это всегда лучше чем ее отсутствие. Мобильное приложение не всегда лучше чем мобильная версия сайта. И даже не всегда есть возможность такое мобильное приложение опубликовать (например в руководстве разработчикам Apple указывает пункт «2.12 Apps that are not very useful, unique, are simply web sites bundled as Apps, or do not provide any lasting entertainment value may be rejected» — «2.12 Приложения, не являющиеся полезными, уникальными, представляющие собой просто мобильную версию сайта или не предоставляющие никакой заметной пользы / удовольствия от использования могут быть отклонены»).

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

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