Разработка мобильного сайта или приложения: плюсы и минусы

Суть вопроса

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

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

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

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

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

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

Важно и о каком бизнесе идет речь: задачи по взаимодействию с пользователями при разработке для стартапов и при разработке для работающего бизнеса могут сильно различаться.

Плюсы разработки мобильного сайта бизнеса

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

Низкий порог вхождения пользователей. Для того чтобы начать пользоваться мобильным приложением, его нужно установить. Для использования сайта достаточно просто перейти по ссылке. Если вы разместили QR-коды со ссылками на сайт и на приложение, то переходов на сайт всегда будет больше, чем установок мобильного приложения. Часть пользователей после перехода по ссылке на приложение в магазин все-таки его не установит.
⋅Кроссплатформенность. Сайт доступен на всех платформах и устройствах, даже на тех, о существовании которых мало кто знает.
⋅Мгновенные обновления. Для обновления приложения в магазинах всегда требуется определенное время на их проверку компаниями, владеющими магазинами. Обновленный сайт доступен пользователям практически сразу.
⋅Стоимость разработки и поддержки сайта обычно ниже, чем мобильного приложения.
⋅Стоимость продвижения сайта также ниже, чем приложения. Цена одного пользователя напрямую зависит от порога его вхождения (п.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 Приложения, не являющиеся полезными, уникальными, представляющие собой просто мобильную версию сайта или не предоставляющие никакой заметной пользы / удовольствия от использования могут быть отклонены”).

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

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