Введение
Мобильные устройства и введение магазинов приложений поставщиков устройств изменили ментальную модель пользователей относительно того, как находить, оценивать и устанавливать программное обеспечение. Пользователи теперь настолько знакомы с магазинами приложений и дополнительной информацией, предоставляемой через магазины приложений, такой как контекст о приложении, социальные отзывы, рейтинги и т. д., что вы видите, как метафора магазина приложений появляется в операционных системах для настольных компьютеров, включая ChromeOS, Mac и Windows.
Проблема с современными поверхностями установки
Сегодня, если пользователь хочет установить PWA, появляется информационная панель и модальное наложение с минимальной информацией. Если они продолжают установку, процесс заканчивается слишком быстро, не предоставляя пользователю контекста. Это противоречит их ожиданиям от установки приложений и может оставить их в некотором замешательстве относительно того, что произошло.
Чтобы разработчики могли предоставлять установленные приложения наравне с нативными, Chrome представляет новую поверхность установки Richer Install, которая позволяет разработчикам добавлять описание и снимки экрана в свой файл манифеста и отображать его в нижнем диалоговом окне в Chrome для Android.
Это дает разработчикам возможность создать более привлекательный процесс установки, который лучше соответствует ожиданиям пользователей и имитирует их существующую ментальную модель опыта установки.
Обратная совместимость
Веб-сайты, не включающие хотя бы один скриншот в свой файл манифеста, продолжат получать существующие подсказки. Это может измениться в будущем в зависимости от восприятия сообществом разработчиков и реакции пользователей.
Предварительный просмотр пользовательского интерфейса
Этот пользовательский интерфейс работает с Chrome 94 на Android и Chrome 108 на настольных компьютерах .
Эта функция включена в squoosh.app и ее можно предварительно просмотреть там.
Выполнение
Для отображения более богатого диалогового окна установки пользовательского интерфейса разработчикам необходимо добавить по крайней мере один снимок экрана для соответствующего форм-фактора в массив screenshots . Поле description не является обязательным, но рекомендуется. Диалоговое окно содержимого создается с использованием содержимого screenshots и полей description , чтобы сделать процесс более похожим на установку из магазина приложений. Этот пользовательский интерфейс помогает пользователям определить, что они добавляют приложение на свое устройство, а благодаря большему количеству доступного пространства разработчики могут предоставить пользователям определенный контекст во время установки.
Например, разработчики могут использовать поле description , чтобы подчеркнуть функции приложения, которые мотивируют пользователя сохранить его на своих устройствах, а с помощью screenshots они могут представить внешний вид и функциональность веб-приложения как отдельного приложения со всем тем же легким доступом, что и у приложений-платформ.
Подробную спецификацию и руководство по их добавлению в ваше приложение можно найти на странице шаблона Richer Install UI .
Обратная связь
В будущем мы рассмотрим возможность добавления других данных, таких как категории и рейтинг приложений, но это будет основано на отзывах разработчиков и пользователей.
В ближайшие месяцы мы хотели бы увидеть, как разработчики исследуют этот новый шаблон пользовательского интерфейса, и мы хотели бы получить от вас обратную связь. Свяжитесь с нами, заполнив эту форму