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

Мир стал мобильным

 

В мире ежегодно выпускаются и продаются миллионы устройств, а потому пользователи быстро привыкли искать и приобретать товары и услуги с мобильного. Недавно компания Google объявила, что ее поисковая система будет сосредоточена на мобильном поиске, и сайты, оптимизированные для мобильных браузеров, будут первыми в выдаче. Согласно опубликованной ей статистике, мобильные пользователи в 5 раз чаще покидают сайт, который не оптимизирован под мобильные устройства, причем половина из них уйдет, если страница будет загружаться дольше 3 секунд. А потому, тенденция превращать веб-сайты в приложения для смартфонов и планшетов кажется более чем своевременной.

 

Многие сервисы, включая Dropbox и Booking.com, уже выпустили свои мобильные приложения. Как можно заметить, некоторые из таких приложений предлагают ограниченный набор возможностей, тогда как другие приложения постарались сохранить полный функционал, доступный на их веб-сайте. В отдельных случаях пользователи мобильных приложений, получают даже больше возможностей, чем в веб-версии аналогичного сервиса.

 

Думайте, как пользователь

 

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

 

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

 

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

 

Отсейте лишнее

 

Давайте будем откровенны, нативные приложения можно определить с первого взгляда, хотя бы потому, что создание UX мобильного приложения строится на совершенно иных принципах, нежели UX веб-сайта. Интерфейс должен быть простым и интуитивно понятным, учитывать специфику платформы и использовать все преимущества, которые она дает. Ваш продукт должен произвести хорошее впечатление на пользователей при первом же запуске, так как второго шанса может и не быть. Еще раз, поставьте себя на место пользователя и подумайте о главных факторах, которые выделят ваш продукт среди конкурентов. Подчеркнем некоторые из них.

 

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

 

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

 

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

 

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

Используйте возможности платформы

 

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

 

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

 

Когда дело доходит до связи с базой данных и сервером, мобильные и веб-приложения также работают по-разному. Мобильное приложение может обращаться к базе данных напрямую (двухуровневая архитектура) или через сервер (трехуровневая архитектура). Таким образом, если у вас уже есть сервер, данные с вашего сайта можно подтянуть для создания приложения, однако при условии, что сервер оптимизирован для мобильных устройств. Если бэкенд устарел, его иногда приходится разрабатывать с нуля. В отличие от мобильных приложений, которые взаимодействуют с сервером через API-интерфейсы JSON, веб-сайты обычно используют формат HTML. Прием платежей может потребовать использования сторонних сервисов, тогда как в веб данный функционал работает иначе.

 

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


Design

Другие новости

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

Design