Подпишитесь на нашу рассылку!
Будьте в курсе новостей мира разработки и менеджмента, узнайте первыми о наших новых кейсах, событиях и личном опыте!

Всё ушло на front!
Как PWA меняют правила игры в онлайн-торговле

11/10/2019
Читать статью на vc.ru.
Пять лет назад считалось, что онлайн-торговлю будут двигать мобильные приложения. Но довольно быстро им нашли замену: удобную, простую, приятную в использовании и администрировании. Разбираемся, почему 2019 год можно назвать годом PWA и за что эту технологию так любят маркетологи.

Онлайн как двигатель торговли

Уже понятно, что главным двигателем торговли становится онлайн-сегмент: по законам бизнеса торговые площадки «следуют» за покупателем.

Но и здесь не всё так гладко. Чтобы захватить все каналы конверсии, интернет-магазину приходится вкладываться минимум трижды: разрабатывая сайт, приложение под iOS и приложение под Android.

А результат?

Ещё лет 5–7 назад специалисты прогнозировали, что будущее — за мобильными приложениями, а браузер будет собирать жалкие крохи конверсии. Но статистика 2018–2019 годов показывает, насколько они ошибались.

Среднестатистический пользователь скачивает ежемесячно НОЛЬ приложений. Среднестатистический пользователь проводит львиную долю своего времени — примерно 85 % — в ПЯТИ любимых приложениях.
И это, как правило, соцсети, мессенджеры, видеохостинги. На шопинг остаются считаные байты — около 3 % «мобильного» времени!
Да и вообще, пользователю проще сказать «Окей, Google» и перейти по ссылке, чем искать что-то в App Store или «Play Маркете».

В результате — новая дилемма. Обычные сайты не создают столько возможностей для повторного касания, как мобильные приложения. Они не «живут» у пользователя на рабочем столе и не напоминают о себе push-уведомлениями. Они дольше грузятся и нестабильно работают при медленном соединении с Интернетом. А приложения не приносят результатов, которые от них ожидают.

Идея Progressive Web Applications (PWA, или прогрессивные web-приложения) на этом фоне не нова. Информационный продукт, который удобен как приложение и прост как сайт, появился уже давно. Но только последние пару лет PWA переживают настоящий расцвет. Причина этой тенденции — в политике корпорации Google, которая задалась целью сделать Chrome самым нужным приложением в мире и поэтому активно «открывает» для браузера новые возможности.

PWA как способ изменить мир e-Commerce

Что такое PWA? Вкратце — это мобильное приложение в браузере. Оно не требует обязательной установки и при этом «наследует» все лучшие качества нативных приложений: привлекательный и быстрый интерфейс, гибкость в разработке, независимость от back'а.

Но добавляет к этому собственные бонусы: легко ищется через тот же Google и «весит» в разы (а то и в десятки раз) меньше, чем обычное приложение.
Пример PWA, перевернувшего продажи
Сеть Starbucks в дополнение к обычному мобильному приложению разработала PWA для сбора заказов. В PWA был реализован привычный для пользователей приложения Starbucks user-friendly интерфейс, но «вес» PWA оказался меньше на 99,84 %. Результат не заставил себя ждать: заказы через мобильный Интернет удвоились и почти сравнялись с заказами через десктоп.
Такой взлёт PWA стал возможен, когда изменились технологии web. То, что раньше казалось принципиально невозможным: работа в офлайне, push-уведомления, вход за один клик, оплата картами и системами Apple Pay и Google Pay — теперь стало реальностью. Если раньше по технологическим возможностям web просто недотягивал до нативных приложений, то сейчас они практически сравнялись.

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

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

В числе первых возможностями PWA воспользовались игроки сектора e-Commerce и уже оценили возможности технологии.
9 плюсов PWA
  • 1
    Адаптируется для всех устройств.
    Загрузить PWA можно на десктоп, смартфон, планшет и на терминал в торговом зале. Его работоспособность не зависит от ОС, установленной на устройство: создавать отдельные приложения под Windows, iOS, Android не придётся.
  • 2
    Находится через Google (и любую другую поисковую систему).
  • 3
    Быстро грузится.
    Например, ядро PWA Uber «весит» 50 килобайт. Оно грузится за миллисекунды даже в 2G.
  • 4
    Быстро работает.
    Никаких зависаний и скроллов: PWA реагирует на все действия пользователя мгновенно.
  • 5
    Стабильно работает с нестабильной сетью.
    Разрывы соединения и медленное соединение с Интернетом никак не повлияют на user experience. PWA, в отличие от сайта, будет работать стабильно. Более того, само приложение откроется при полном отсутствии Интернета, хотя для работы ему и требуется информация о товарах и ценах, которую нужно получить через сеть.
  • 6
    Front отделён от back'а.
    А значит, меньше времени и ресурсов тратится на разработку и переработку дизайна и логики взаимодействия PWA с клиентом.
  • 7
    Следствие шестого плюса — PWA устойчив к высоким нагрузкам.
    На user experience не влияет то, что происходит «внутри», пока он выбирает и делает заказ. Он уверен: его заказ попадёт в систему и будет исполнен в срок. Даже в периоды сверхнагрузок — в «чёрную пятницу» или во время новогоднего шопинга. Ведь PWA умеет сохранять данные, если back недоступен или перегружен, и передавать их, когда связь с back'ом восстанавливается или нагрузка на него снижается.
  • 8
    Можно добавить на стартовый экран.
  • 9
    Можно загрузить в App Store и Google Play.

Почему PWA становятся так популярны?

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

Пользователь видит красивый интерфейс, с которым удобно и приятно взаимодействовать. Страницы быстро грузятся, товары — ищутся, добавлять в избранное или оформлять заказы легко. Путь от решения до покупки сокращается до трёх шагов:

«Окей, Google» – открытие PWA – заказ.

В результате пользователь проводит на сайте больше времени, чаще конвертируется в покупателя и больше заказывает.
Показателен пример PWA AliExpress
После внедрения технологии на 74 % увеличилось среднее время сеанса, средний пользователь стал просматривать в два раза больше страниц. Конверсия новых пользователей в покупателей увеличилась на 104 %!

PWA интернет-магазина La Nature, разработанного kt.team, уже в первые месяцы показал рост конверсии на 65 % с мобильных устройств, пользователи стали просматривать на 30 % больше товаров, а время загрузки каждой страницы сократилось до 0,1 секунды.
Маркетолог видит не только эти результаты, но и внутренние процессы, связанные с внедрением PWA. Он привык слышать «OK, мы переставим эту кнопку, но это неделя разработки». CMS диктует определённую логику, которой вынужден подчиняться дизайн интернет-магазина. Создание PWA освобождает маркетолога от жёстких рамок и позволяет тестировать новые инструменты и логику, не тратя на это космических бюджетов.

Маркетолог привык бороться за место на стартовом экране своего покупателя — и с PWA, в отличие от сайта, он легко займёт это место.

Маркетолог — давайте будем честными — не хочет трижды платить за один и тот же продукт. С PWA его расходы на разработку сократятся в разы.

Почему внедрять PWA нужно именно сейчас?

Технология PWA известна с 2015 года. Но по-настоящему её время настало именно сейчас.

Только с середины 2018 года PWA начали поддерживать операционки iOS младше 11.3 и все последние версии Android. PWA открываются на всех современных браузерах без искажений и проблем. С февраля 2019 года PWA можно добавлять в App Store и Google Play, давая пользователю возможность скачать приложение из привычного источника.

Vue Storefront vs PWA Studio: выбираем технологию

PWA Studio — «штатная» технология Magento. Она идеально совместима с другими функциями этой системы. Но даже Magento-интеграторы не всегда рекомендуют использовать для разработки PWA именно эту технологию.

Андрей
Генеральный директор kt.team
«Есть два момента, почему мы не советуем своим заказчикам разработку PWA в PWA Studio. По крайней мере, на сегодняшний день. Первое — в PWA Studio до сих пор не реализована технология SSR (server-side rendering). Он „не умеет" выдавать поисковику готовую страницу по продукту. Vue Storefront для поискового робота выглядит так же, как и обычный сайт — а это важно для SEO... Второе — у PWA Studio меньше абстракция стека. Он „заточен" под Magento, а вот совмещение с другими платформами e-Commerce проходит уже не столь гладко. Независимый Vue Storefront без проблем интегрируется с любым back'ом и обменивается с ним данными».
Как вы думаете, остались ли ещё у нативных приложений преимущества перед PWA в e-Commerce? Какая технология сможет удержать лидерство в будущем?

Поделиться

Хотите больше полезных материалов?
Подпишитесь на нашу новостную рассылку!

Новости мира разработки и дизайна, переводы статей, наши новые кейсы. Пишем просто о сложном, без рекламы и спама.
Остались вопросы?
Вы можете обсудить любые вопросы по своему IT-проекту с нашим экспертом.
Мы работаем с PIM-системами Akeneo и Pimcore с 2016 года. Выполняем полный цикл работ: от внедрения до сложных интеграций и поддержки.

Посмотреть кейсы по внедрению PIM-систем на нашем сайте.
Интеграция с PIM-системой
Сергей Влазнев
Телефон: +7 917 125-96-34
Телеграм: @kt_team_it
WhatsApp: +7 917 125-96-34
Email: clients@kt-team.de
Читайте также:

Нравится статья?
Укажите свою почту, и мы будем присылать вам еженедельный анонс
новых статей.