Мобильные приложения. Приложения
Данное эссе дает обзор аргументов, приведенных в различных статьях для принятия решения, какую платформу выбрать при разработке проектов для мобильных устройств. В конце приведена попытка составить схематический итоговый алгоритм выбора платформы.
Определения
Существует два направления технической реализации проектов для мобильных устройств: мобильный web сайт и мобильное приложение.
Мобильным web сайтом будем считать специализированный сайт, адаптированный для просмотра и функционирования на мобильном устройстве. Сайт может включать в себя интерактивные компоненты с использованием JavaScript, HTML5, новых API браузеров. В этом случае такую реализацию называют web-приложением. Далее, чтобы избежать путаницы любой вариант, работающий внутри браузера мобильного устройства, будем называть web-сайтом.
Мобильное приложение – это специально разработанное приложение под конкретную мобильную платформу (iOS, Android, Windows Phone). Обычно приложение разрабатывается на языке высокого уровня и компилируется в нативный код ОС, дающий максимальную производительность.
Существует еще третий вариант – мобильное приложение, включающее в себя компонент браузера. В этом случае часть мобильного приложения чаще всего используется для навигации и интергации с ОС, а web-компонент – для показа контента. Обычные пользователи не могут зачастую отличить такой вариант от нативного мобильного приложения.
Аргументы
Интерфейс
Одним из первых аргументов, которые приводят сторонники приложений – наиболее близкий к ОС и привычный для пользователей интерфейс. Действительно мобильное приложение наиболее тесно интегрировано с платформой и дает реализовать привычный отзывчивый интерфейс. С другой стороны web сайт с помощью хорошего форматирования и использования JavaScript может дать вполне понятный метод взаимодействия. На текущий момент отзыв web сайта значительно уступает приложению, но мощность мобильных устройств продолжает расти и сами браузеры существенно меняются в лучшую сторону. Кроме того, различные версии мобильных ОС могут диктовать свои стандарты, которых приходится придерживаться. При этом некоторые нововведения могут оказаться не совсем понятны обычным пользователям. Существенным в данном случае является то, что наиболее активными пользователями (теми кто выставляет рейтинг и делает комментарии в магазинах приложений) являются те, кто «фанатеет» от последних новшеств мобильной ОС. На это стоит обратить внимание при продвижении проекта – их можно использовать как союзников, помогающих распространению.
Быстродействие
Web сайт, а особенно интерактивный, существенно уступает приложению с точки зрения быстродействия. Браузеры мобильных устройств пока не могут порадовать высокой производительностью, кроме того, web-разработчики используют не самые оптимизированные версии библиотек (плохая реализация этих библиотек никак не сказывается на «больших» браузерах, поэтому с этим там можно смириться). Однако и приложение не всегда может радовать хорошим быстродействием – излишняя анимация, сложный интерфейс значительно снижают «отклик». Кроме того, для сложной графики и анимации приходится использовать языки более низкого уровня, разрабатывать или покупать отдельные специализированные библиотеки.
Интеграция с платформой
В этой области приложения далеко опережают сайт. В приложении существенно больше возможностей для доступа к устройству. Однако выше упоминался уже третий вариант, когда компонент браузера внедряется в приложение и в этом случае такая разница нивелируется. Кроме того, постоянно растет уровень предоставления доступа к возможностям устройства из браузера через расширяющийся набор API.
Наличие Интернет
Web сайт запускается из браузера, поэтому требует постоянного соединения с сетью. Это не имеет значения, если проект реализуется исключительно как онлайновый. Однако даже в этом случае из-за особенностей мобильного доступа в Интернет переход между частями приложения (навигация) связана с неприятными для пользователя задержками. Возможно, использование API для хранения локальных данных решат эту проблему, но пока примеров такого применения найти не удалось. Мобильные приложения могут осуществлять работу без подключения, выполняя кеширование и обновление данных, если требуется, при появлении соединения. Но все же и приложению нужно подключение в подавляющем большинстве бизнес-решений.
Фрагментация
Для реализации проекта на всех или каких-то определенных платформах требуется разработать приложение для каждой из платформ отдельно, причем на каждой свои среда и язык разработки, свои стандарты интерфейса. В случае мобильного сайта одна версия должна покрывать потребности всех платформ. Так выглядит в теории. Но на практике оказывается, что браузеры на различных платформах функционируют по-разному. Приходится поддерживать либо несколько версий одного сайта, либо в коде подстраивать выдаваемый контент под текущий запрос. Существенные отличия в размерах экрана также сказываются и на верстке сайта.
Ресурсы
Существует такой аргумент, как наличие специалистов. Считается, что специалиста для разработки мобильных приложений очень трудно найти и требуется очень высокая оплата. Учитываем еще то, что под каждую платформу, скорее всего, потребуется отдельный разработчик. В то время как web разработчиков очень много и их услуги сравнительно меньше стоят. Видимо все зависит от конкретной ситуации и конкретного места. Если в наличие есть web-разработчик, то наиболее выгодным будет разработать именно web сайт, если есть мобильные разработчики, то вполне может оказаться не слишком затратным разработка приложения. Но опять же, зависит от проекта – если потребуется серверная часть (а она скорее всего потребуется), то опять же нужен будет web-разработчик, хотя возможно не такой высокой квалификации и трудоемкость его части будет существенно ниже.
Публикация
Приложения некоторых платформ «завязаны» на определенный магазин (AppStore, Windows Store). Даже если такой жесткой привязки нет, то пользователи все равно привыкли находить приложения в магазинах (Google Play). Такие магазины накладывают существенные ограничения на функции приложений (в первую очередь в области платных услуг), к тому же требуется значительно время на утверждение каждой новой версии. Со своей стороны web сайт доступен сразу, достаточно только открыть браузер и ввести адрес (хотя если присмотреться, то это довольно трудоемкое действие может оказаться). Новая версия web сайта доступна сразу на момент публикации. Возможность предоставления платных услуг никак не ограничивается. Опять же аргумент весьма своеобразный – с одной стороны ограничение и медленная публикация в магазине, с другой – в магазине уже есть огромное число пользователей и уже готовые системы для оказания платных услуг. Тогда как на сайт пользователей надо привести и оплата через сайт на мобильном устройстве остается очень трудоемкой процедурой.
Большое внимание в последнее время уделяется аббревиатуре HTML5. Это понятие существенно отличается, если смотреть на него с маркетинговой или технической точки зрения.
Технологически HTML5 это дальнейшее развитие языка разметки HTML. Однако сделан существенный шаг в сторону большей структуризации представления, нежели формата отображения. В язык добавлены большие мультимедийные возможности для проигрывания аудио и видео. Добавлена возможность работать с графикой. Существенно расширен язык форматирования CSS. В язык JavaScript добавлено несколько API для работы с графикой, локальными данными, мультимедийным контентом. Сам язык существенно переработан в сторону увеличения быстродействия. Стандарт HTML5 все еще находится в разработке и продолжает дополняться.
С маркетинговой точки зрения HTML5 это гораздо более широкое понятие. Под ним понимают еще много дополнительных API в той или иной степени поддерживаемых различными браузерами, многие интересные расширения CSS (в первую очередь в области интерактивного отображения). Основой понятия является высокая интерактивность сайта, которая позволяет пользователям принимать его за нативные приложения.
С точки зрения мобильной разработки существенно разделять обычный web сайт и сайт с использованием HTML5 не имеет смысла. Фактически стандартом любого сайта становится интерактивность в той или иной мере, реализованная с помощью JavaScript и новых API. Не целесообразно выделять отдельно разработчиков web сайта и разработчиков HTML5 – web разработчик должен свободно владеть технологиями HTML5 и использовать их в случае, если проект удобно реализовать с помощью последних разработок.
Выводы
Как оказывается, ни один из приведенных аргументов не склоняет чашу весов в ту или иную сторону. В каждом аргументе есть как преимущества, так и недостатки обоих вариантов решения. Третий, комбинированный, вариант тоже может решить часть проблем, но при этом порождает новые. Поэтому в каждом конкретном случае надо принимать решение исходя из текущей ситуации.
С точки зрения экономии ресурсов самым предпочтительным вариантом выглядит web разработка. Главное – не погрязнуть в тонкостях реализации, предоставить наиболее полезные функции пользователям. Помнить, что главное – контент, а «красивости» (анимация, графика) отходят на второй план.
Если планируется онлайн работа проекта как основной вариант взаимодействия с пользователем – безусловно, надо начинать с сайта, который может охватывать не только мобильных клиентов, но и пользователей стационарных компьютеров. В случае успеха можно далее реализовать отдельно мобильные приложения на выбранные платформы. Для большинства бизнес-приложений такой вариант наиболее подходит.
Если проект предусматривает больше оффлайн работу и нацелен на мобильных пользователей, то тут стоит отдать предпочтение приложениям. Однако, как упоминалось выше, возможно web разработчик все равно потребуется.
Для реализации игр и других приложений, требующих высокой производительности интерфейса вероятно дальновиднее реализовать через приложения. Существуют кросс платформенные библиотеки для разработки игр, которые позволяют на одном коде (или с минимальными изменениями) реализовать нативные приложения для различных платформ.
Согласно аналитике Google, более 73% юзеров , которые совершали покупки в магазине, первым делом искали информацию о товарах с помощью мобильных устройств . Современный человек уже не представляет жизнь без гаджетов, поскольку смартфоны стали мощным каналом популяризации и продвижения услуг. Именно поэтому представленность бизнеса в интернете значительно влияет на степень лояльности клиентов. А разработка приложений для Android, iOS и Windows способствует повышению интереса к любому бизнес проекту.
Факты о мобильном мире
Общая выручка в магазинах приложений за 2017 год — 90$ млрд.
Доходы разработчиков для iOS в этом году выросли до 45%.
Доходы от игр в магазинах App Store и Google Play составили 74% и 91% соответственно.
Объем рынка покупок гаджетов в 2017 году достиг 215$ млрд.
Сколько времени требуется для разработки приложения?
Разработка приложений для iOS и Android происходит поэтапно. Поэтому временные рамки могут отличаться зависимо от трудозатратности определенного этапа создания. Приведем примерные сроки:
Обсуждение программы с менеджером и составление коммерческого предложения занимает до 3-ех дней.
Аналитика конкурентов и постановка целей конкретного проекта — около 6 дней.
Составление ТЗ и прототипирование занимает от одной недели.
Этап дизайнерского оформления занимает до трех недель.
Написание кода зависит от сложности и занимает до двух месяцев.
Тестирование приложений проходит примерно за неделю.
Для создания приложения необходимо определить:
Преимущества разрабатывания мобильных приложений на заказ
Руководителям и маркетологам для повышения уровня лояльности пользователей и количества продаж.
Руководителям отделов и целых агентств для ведения учета и администрирования.
Начинающим предпринимателям, которые создают бизнес в сети или продвигают существующий ресурс.
Этапы разработки мобильных приложений
Находитесь в поисках эффективных инструментов продвижения вашего бизнеса? Закажите разработку мобильных приложений в компании KOLORO и наши программисты обязательно создадут незаменимого веб-помощника для ваших клиентов.
Процесс производства нового приложения обычно состоит из такой последовательности:
На что стоит обращать внимание при заказе мобильного приложения?
Наличие предварительной аналитики необходимого сегмента рынка. Чужой опыт поможет избежать самых распространенных ошибок во время разработки.
Subway Surfers – бесплатная игра на Андроид, которая является одним из самых ярких и эффектных представителей аркадного жанра раннер. Игрок управляет персонажем, который убегает от погони, преодолевая различные препятствия и собирая бонусы. Не стоит ожидать от игры глубокого сюжета, но благодаря увлекательному геймплею и красивой картинке оторваться от нее будет непросто.
Mortal Kombat X – это захватывающий бесплатный экшен на Андроид с многочисленными возможностями, непревзойденными приемами и другими элементами настоящего файтинга. На пользователей произведут впечатление высококачественные видеоэффекты, которые не просто оживят процесс прохождения уровней, но и добавят оттенок реалистичности в каждую битву.
Обои HD – это сборник эффектных обоев для персонализации мобильного телефона или планшета на платформе Андроид. Сборник включает уже свыше 7 тысяч качественных картинок в высоком HD разрешении. Приложение позволит вам быстро и легко установить оригинальные обои на рабочий стол вашего гаджета, избавив от необходимости часами искать подходящее изображение в интернете.
KMPlayer – достаточно известный видеоплеер для Андроид на русском языке, который уже хорошо зарекомендовал себя на стационарных компьютерах. Теперь его можно бесплатно скачать на Android устройства и использовать как на планшетах, так и на смартфонах.
Шагомер – лучшее приложение на Андроид для измерения пройденных шагов и расстояний за выбранный период. Преимуществом данной программы является отображение полной информации о ваших нагрузках. Вы можете видеть расстояние и потраченные калории, а также с какой скоростью вы передвигались в конкретных временных диапазонах.
Skype (Скайп) – бесплатная программа на русском языке, для общения в интернет на Андроид, которая хорошо зарекомендовала себя среди потребителей, активно использующих программы обмена бесплатными звонками, сообщениями и возможностями видеосвязи. На этой странице вы сможете скачать Скайп безопасно, без регистрации и смс.
B612 селфи от сердца – это уникальная программа-камера для смартфонов на Андроид специально созданная для любителей селфи с необычными возможностями. Программа позволяет делать не только качественные селфи, но и создавать короткие селфи-видео и видео коллажи с оригинальными эффектами длительностью по три и шесть секунд.
CCleaner – это полезный инструмент для очистки собственного Андроид телефона или планшета от невостребованного контента и оптимизации производительности. Мобильная версия демонстрирует точно такую же эффективность, как и ее компьютерный аналог.
Суть вопроса
Довольно часто в общении с клиентами возникает вопрос: чем отличается мобильное приложение от мобильной версии сайта? Если адаптировать существующий сайт для мобильных устройств проще, чем разработать мобильное приложение с нуля, зачем обращаться в студии разработки мобильных приложений?
Что такое мобильный сайт
Под мобильной версией сайта подразумеваются или отдельные страницы, являющиеся по сути копиями страниц основного сайта, но которые адаптированы для отображения на небольших относительно десктопов экранах мобильных устройств, или переработанный основной сайт, верстка которого после переработки становится резиновой.
Резиновая (адаптивная) верстка автоматически изменяет стиль своего отображения в зависимости от размеров экрана. Однако, как будет сказано ниже, хорошо адаптировать сайт под мобильные устройства не означает просто уместить все его содержимое на небольшой экран.
Что такое мобильное приложение
Мобильное приложение – это специальный пакет, который устанавливается пользователем, как правило, через рынки (порталы, магазины, маркетплейсы) приложений (AppStore, Google Play) на мобильное устройство. Мобильные приложения в отличие от разметки сайта являются программами, поэтому в большинстве случаев создаются под какую-то конкретную платформу (iOS, Android, Windows Phone и т.д.).
Важно и о каком бизнесе идет речь: задачи по взаимодействию с пользователями при и при могут сильно различаться.
Плюсы разработки мобильного сайта бизнеса
Адаптация сайта для мобильных устройств имеет следующие положительные моменты:
- Низкий порог вхождения пользователей. Для того чтобы начать пользоваться мобильным приложением, его нужно установить. Для использования сайта достаточно просто перейти по ссылке. Если вы разместили QR-коды со ссылками на сайт и на приложение, то переходов на сайт всегда будет больше, чем установок мобильного приложения: часть пользователей после перехода по ссылке на приложение в магазин все-таки его не установит.
⋅ - Кроссплатформенность. Сайт доступен на всех платформах и устройствах, даже на тех, о существовании которых мало кто знает.
⋅ - Мгновенные обновления. Для обновления приложения в магазинах всегда требуется определенное время на их проверку компаниями, владеющими магазинами. Обновленный сайт доступен пользователям практически сразу.
⋅ - Стоимость разработки и поддержки сайта обычно ниже, чем мобильного приложения.
⋅ - Стоимость продвижения сайта также ниже, чем приложения. Цена одного пользователя напрямую зависит от порога его вхождения (п.1), чем он выше – тем выше и цена его привлечения. Для обеспечения захода пользователя на сайт вы устанавливаете определенную стоимость клика по рекламному блоку, после которого вы сразу получаете посетителя. В случае с мобильным приложением вам по сути нужно сделать то же самое, только не факт, что после перехода в магазин приложений пользователь его еще и установит. Как следствие, цена установки выше цены клика.
Плюсы создания мобильного приложения
Разработка мобильных приложений обеспечивает следующее:
- Полное взаимодействие с пользователями. В отличие от мобильных версий сайтов в случае с мобильным приложением у вас есть возможность отправлять push-уведомления. Если вы опубликовали что-то новое на сайте, пользователи узнают об этом только когда туда зайдут. На мобильное приложение вы просто отправляете push-сообщение.
⋅
Локальные оповещения работают примерно так же, только устанавливаются на самом устройстве. Если пользователь выполнил какое-то действие в приложении, которое ожидает от него реакции через определенное время, приложение само напомнит ему об этом.
⋅
Также появляются и более широкие возможности обратной связи: пользователи оставляют сообщения и в магазинах приложений, и персонально через приложение.
⋅ - Качественный интерфейс. Хорошо адаптировать сайт для мобильных устройств – не просто уместить его в маленький экран. Все элементы управления (кнопки, текстовые поля, ссылки) должны быть удобными для нажатия пальцем, а не курсором мыши. Экраны устройств бывают разными и по размеру, и по плотности пикселей. При большой плотности пикселей (retina дисплеи) экран телефона может иметь очень большое разрешение (например, 1440 x 2560 пикселей), но при этом быть небольшим в физических размерах. Таким образом экраны телефонов могут быть больше по разрешению, чем дисплеи ноутбуков, но иметь при этом меньшие диагонали. Мобильные операционные системы имеют свою логику работы, чтобы бороться с эффектом, когда нужно покупать точилку для пальцев, чтобы попасть в маленькие кнопочки. Но работает эта логика по-разному на разных платформах и устройствах, в результате вы почти всегда не знаете, как выглядит ваш сайт на том или ином девайсе. Есть шанс, что сайтом не просто неудобно пользоваться, но и вовсе невозможно это делать.
⋅
Качество интерфейса сказывается и в навигации. Каждая мобильная операционная система имеет свою логику перехода между рабочими экранами в приложениях. В Android это кнопка Back (Назад), в iOS – провод пальцем от левого края экрана. Пользователи каждой операционной системы привыкли к одному и тому же поведению в каждом приложении. Навигация же на каждом сайте сделана по своему и, зайдя на очередной из них, нужно каждый раз искать глазами кнопки “Ок”, “Назад”, “Отмена” и т.д., которых может и не оказаться.
⋅
В этом же пункте находится общая структура интерфейса: если приложение, к примеру, должно отобразить список ресторанов, то оно, скорее всего, это сделает в том числе и по расстоянию от пользователя, зная его текущее местоположение. Логика же работы мобильного сайта всегда проще и не учитывает множество данных, которые может предоставить мобильное устройство.
⋅ - Высокий уровень персонализации. В мобильном приложении есть возможность запоминать все данные пользователя и менять интерфейс в зависимости от его потребностей. Если пользователь ввел какие-то данные (например, свой домашний адрес в приложении доставки), то ему не нужно будет вводить этот адрес снова. Даже на разных устройствах при включенной облачной синхронизации он всегда будет видеть приложения с заполненными персональными данными.
⋅ - Работа в оффлайне. Интернет на мобильных устройствах в последнее время есть довольно часто, но не всегда. Даже при наличии мобильного интернет-соединения его качество всегда в среднем хуже, чем качество домашних и офисных интернет-линий. Чтобы пользователи не теряли связь с вашим продуктом как только оборвалась интернет-связь, разработка мобильного приложения – единственное возможное решение.
⋅ - Использование возможностей устройства в полной мере. Мобильные устройства являются персональными устройствами. Они знают о своем владельце очень многое, и использование этой информации для увеличения уровня сервиса является одной из ключевых причин бурного роста мобильных приложений. Например, 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 Приложения, не являющиеся полезными, уникальными, представляющие собой просто мобильную версию сайта или не предоставляющие никакой заметной пользы / удовольствия от использования могут быть отклонены”).
Если вам необходим минимальный функционал, нужно что-то протестировать или найти какое-то временное решение – лучше сделать мобильную версию сайта. Это будет и дешевле, и быстрее даст какое-то понимание о действиях и предпочтениях пользователей.
Если же вам нужно построить длительные, качественные и продуктивные отношения с клиентом, если для вас важно впечатление, которое вы производите на пользователя и уровень комфорта, который вы ему обеспечиваете, то мобильное приложение – закономерный выбор.
