Как Chrome помогает пользователям устанавливать нужные им приложения

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

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

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

«Созданные» приложения, соответствующие критериям установки.

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

Значок установки в адресной строке настольного браузера Chrome.

Альтернативный способ установки — использовать MoreБолее > Сохранить и поделиться > Установить $appName .

Установите пункт меню приложения в меню «Дополнительно» на рабочем столе Chrome.

На мобильных устройствах пользователи могут установить приложение, используя отображаемую подсказку об установке или используя Дополнительно.Более > Добавить на главный экран > Установить приложение .

Сайт Википедии на мобильном телефоне.

Добавьте подсказку на главный экран на сайте Википедии.

Диалог установки приложения на сайте Википедии.

Такие установки называются «созданными», поскольку разработчик выбрал этот UX, выполнив критерии возможности установки.

Индивидуальный опыт установки

Разработчики могут пойти еще дальше и предложить индивидуальный подход к установке . Именно такой подход использовали такие приложения, как Squoosh и SVGcode . См. выделенные кнопки «Установить» в следующих примерах. Предоставляя снимки экрана , разработчики могут сделать установку еще более интересной.

Приложение Squoosh и кнопка его установки.

Приглашение к установке приложения Squoosh со скриншотами.

Приложение SVGcode и его кнопка установки.

«Ручная» установка любого приложения

Исследования Google показали, что пользователи также хотят устанавливать любые веб-интерфейсы, даже если они не соответствуют критериям установки или не предлагают индивидуальный процесс установки. Примером является Wordle . На момент написания в манифесте веб-приложения отсутствуют элемент icons и start_url .

{  
    "name": "Wordle",  
    "short_name": "Wordle",  
    "theme_color": "#FFFFFF",  
    "background_color": "#FFFFFF",  
    "display": "minimal-ui"  
}  

В таких случаях Chrome предлагает ручной способ установки страницы как «ручного» приложения , как показано на следующем снимке экрана для настольного компьютера. В правом верхнем углу окна браузера выберите «Ещё» .Более > Сохранить и поделиться > Установить страницу как приложение . В приглашении на установку вы можете изменить название приложения по своему вкусу.

Установить страницу как пункт меню приложения в Chrome для ПК.

Установите эту страницу как диалоговое окно приложения в Chrome для ПК.

На мобильном устройстве нажмите «Еще»Более > Добавить на главный экран > Установить приложение .

Веб-сайт IMDB на мобильном устройстве Chrome.

Веб-сайт IMDB с добавлением пункта меню на главный экран на мобильном устройстве Chrome.

Веб-сайт IMDB с диалоговым окном установки приложения.

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

Подсказка установки на основе машинного обучения

Команда использует сегментацию Chrome, чтобы предсказать, захочет ли пользователь установить определенную страницу, на основе набора сигналов, включая характеристики работоспособности сайта (например, наличие действующего манифеста) и данные о посещении сайта пользователем (например, общее количество посещений сайта). количество посещений сайта за последние 14 дней). Эти данные собираются и используются для обучения модели машинного обучения запуску диалогового окна установки на сайте, на котором в противном случае его не было бы. Если сайт соответствует критериям установки, отображается обычное диалоговое окно установки, а на других страницах отображается диалоговое окно установки вручную.

Веб-сайт Wordle с установкой этой страницы в качестве диалогового окна приложения.

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

Создайте ярлык на рабочем столе и мобильном телефоне

Начиная с Chrome 128 и далееБолее > Сохранить и поделиться > Создать ярлык создает закладку на рабочем столе или главном экране пользователя. При этом откроется определенная страница на новой вкладке, что соответствует поведению Android, где вы создаете ярлык с помощью «Еще».Более > Добавить на главный экран > Создать ярлык .

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

Выводы

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

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

А теперь вернемся к Wordle, эм, работе…

Вордле 1,110 3/6

⬛⬛⬛🟨⬛
⬛🟨⬛🟨🟩
🟩🟩🟩🟩🟩

Благодарности

Этот документ рецензировали Финнур Бреки Тораринссон, Элла Ге и Рэйчел Эндрю .