Bardziej rozbudowany interfejs instalacji PWA

Wprowadzenie

Urządzenia mobilne oraz sklepy z aplikacjami dostawców urządzeń zmieniły sposób, w jaki użytkownicy model psychiczny jak odkrywać, oceniać i instalować oprogramowanie. Użytkownicy dobrze znają sklepy z aplikacjami, dodatkowych informacji ze sklepów z aplikacjami, takich jak kontekst, opinie w mediach społecznościowych, oceny itp., co pojawia się w metadanych sklepu z aplikacjami na komputerach. w tym ChromeOS, Maca i Windowsa.

Wykorzystanie obecnych platform instalacyjnych

Obecnie, gdy użytkownik chce zainstalować aplikację PWA, wyświetlają się pasek informacyjny i nakładka modalna. i informacjami o nich. Jeśli nadal będą ją instalować, proces zakończy się zbyt szybko i nie zostanie z kontekstem dla użytkownika. Jest to niezgodne z oczekiwaniami dotyczącymi instalowania aplikacji i może sprawić, zdezorientowany tym, co się stało.

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

Aby umożliwić deweloperom dostarczanie rozwiązań zainstalowanych na równi z środowiskami natywnymi W Chrome wprowadzamy nowy interfejs – więcej opcji instalacji opis i zrzuty ekranu z plikiem manifestu, aby były one wyświetlane w oknie u dołu strony. w Chrome na Androida.

Przykład interfejsu u dołu strony w Chrome.
Przykład interfejsu u dołu w Chrome.

Dzięki temu deweloperzy mają możliwość stworzenia bardziej atrakcyjnego procesu instalacji które są lepiej dostosowane do oczekiwań użytkowników i odzwierciedlają ich istniejący model psychiczny zainstalowanych doświadczeń.

Rozwinięty interfejs użytkownika instalacji.
Rozszerzony interfejs instalacji.
Poszerzony UI instalacji jest zwinięty.
Bardziej rozbudowany interfejs instalacji.

Zgodność wsteczna

Witryny, które nie zawierają co najmniej 1 zrzutu ekranu w pliku manifestu, nadal będą otrzymywać dotychczasowych promptów. W przyszłości może się to zmienić w zależności od zaangażowania społeczności deweloperów. i ich reakcji.

Podgląd interfejsu

Ten interfejs działa w Chrome 94 na Androidzie oraz w Chrome 108 na komputerze.

Ta funkcja jest dostępna na stronie squoosh.app i tam można zobaczyć jej podgląd.

Implementacja

Aby wyświetlić pełniejsze okno dialogowe instalacji, deweloperzy muszą dodać co najmniej 1 zrzut ekranu dla odpowiedniego formatu w tablicy screenshots. Pole description nie jest wymagane, ale zalecane. Okno z treścią zostało utworzone na podstawie zawartości pól screenshots i description, dzięki czemu interfejs bardziej przypomina instalację w sklepie z aplikacjami. Ten interfejs ułatwia użytkownikom identyfikację, którzy chcą dodać aplikację na urządzeniu, a dzięki większej ilości miejsca deweloperzy mogą podczas instalacji podać użytkownikom określony kontekst.

Na przykład deweloperzy mogą użyć pola description, aby wyróżnić funkcje aplikacji, które zachęcają użytkownika do zakupu jej na urządzeniu, a dzięki screenshots mogą prezentować wygląd i sposób działania aplikacji internetowej jako samodzielną aplikację, zapewniając łatwy dostęp do wszystkich jej funkcji.

Szczegółową specyfikację i przewodnik dodawania ich do aplikacji znajdziesz we wzorzecem interfejsu użytkownika większej liczby instalacji.

Prześlij opinię

W przyszłości rozważymy dodanie innych danych, takich jak kategorie i oceny aplikacji, ale będą one opiera się na opiniach programistów i użytkowników.

W najbliższych miesiącach chcemy wiedzieć, jak deweloperzy zapoznają się z tym nowym wzorcem interfejsu chce poznać Twoją opinię. Skontaktuj się z nami za pomocą tego formularza.