Bardziej rozbudowany interfejs instalacji PWA

Adriana Jara
Adriana Jara

Wstęp

Urządzenia mobilne i wprowadzenie sklepów z aplikacjami różnych producentów zmieniły model myślowy użytkowników, którzy odkrywają, oceniają i instalują oprogramowanie. Użytkownicy są już tak dobrze zaznajomieni ze sklepami z aplikacjami, a dodatkowe informacje ze sklepów z aplikacjami, np. kontekst aplikacji, opinie społecznościowe, oceny itp., dostrzegają metaforę sklepu z aplikacjami w systemach operacyjnych, takich jak ChromeOS, Mac i Windows.

Wyzwania związane z dzisiejszymi platformami instalacyjnymi

Obecnie, gdy użytkownik chce zainstalować PWA, pojawia się pasek informacyjny i nakładka modalna z minimalną ilością informacji. Jeśli użytkownik będzie kontynuować instalację, proces zakończy się zbyt szybko i nie przekaże kontekstu użytkownikowi. Jest to niezgodne z oczekiwaniami użytkowników dotyczącymi instalowania aplikacji i może ich zaniepokoić, co się stało.

Przykład interfejsu użytkownika do instalacji PWA.
Przykład interfejsu użytkownika do instalacji PWA.

Aby umożliwić deweloperom zapewnianie możliwości instalacji na równi z rozwiązaniami natywnymi, Chrome udostępnia nową platformę instalacyjną – opcję Richer Update. Umożliwia ona programistom dodawanie opisu i zrzutów ekranu do pliku manifestu oraz wyświetlanie tych treści w oknie dialogowym w dolnej części Chrome na Androida.

Przykład interfejsu użytkownika u dołu w Chrome
Przykład interfejsu użytkownika u dołu w Chrome.

Dzięki temu deweloperzy mają możliwość stworzenia bardziej atrakcyjnego procesu instalacji, który lepiej odpowiada oczekiwaniom użytkowników i naśladuje ich obecny model myślowy instalacji.

Rozwinięty UI instalacji.
Rozwinięto bogatszy interfejs instalacji.
Zwinięty interfejs instalacji
Zwinięty interfejs instalacji ze bogatszym interfejsem.

Zgodność wsteczna

Witryny, w których nie ma co najmniej 1 zrzutu ekranu w pliku manifestu, nadal będą otrzymywać dotychczasowe komunikaty. W przyszłości może się to zmienić w zależności od zainteresowania społeczności deweloperów i reakcji użytkowników.

Podgląd interfejsu

Ten interfejs działa w Chrome 94 na urządzeniach z Androidem i Chrome 108 na komputerach.

Ta funkcja jest włączona na stronie squoosh.app i można w niej wyświetlić jej podgląd.

Implementacja

Aby wyświetlać bogatsze okno z interfejsem instalacji, deweloperzy muszą dodać co najmniej 1 zrzut ekranu dla odpowiedniego formatu w tablicy screenshots. Pole description nie jest wymagane, ale jest zalecane. Okno treści jest tworzone na podstawie zawartości pól screenshots i description, dzięki czemu interfejs jest bardziej podobny do instalacji ze sklepu z aplikacjami. Ten interfejs pomaga użytkownikom zidentyfikować, że dodają aplikację do urządzenia, a deweloperzy mogą podawać użytkownikom określony kontekst podczas instalacji.

Na przykład deweloper może użyć pola description, aby wyróżnić funkcje aplikacji zachęcające użytkownika do pozostawienia jej na urządzeniach, a za pomocą screenshots mogą zaprezentować wygląd i styl aplikacji internetowej jako samodzielną aplikację ze wszystkimi łatwymi do niej dostępem, jakie zapewniają aplikacje platformowe.

Szczegółową specyfikację oraz instrukcje dodawania ich do aplikacji znajdziesz w artykule o wzorcu instalacji aplikacji z bogatszymi informacjami.

Prześlij opinię

W przyszłości rozważymy dodanie innych danych, takich jak kategorie i ocena aplikacji, ale będziemy opierać się na opiniach deweloperów i użytkowników.

W najbliższych miesiącach chcielibyśmy sprawdzić, jak deweloperzy eksplorują nowy wzorzec interfejsu użytkownika, i chętnie poznamy Twoją opinię. Skontaktuj się z nami, wypełniając ten formularz