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.](https://developer.chrome.com/static/blog/richer-pwa-installation/image/an-example-pwa-install-u-49a75003bc1f7.png?authuser=19&hl=pl)
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.](https://developer.chrome.com/static/blog/richer-pwa-installation/image/example-bottomsheet-ui-99ece303ded3e.jpeg?authuser=19&hl=pl)
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.](https://developer.chrome.com/static/blog/richer-pwa-installation/image/richer-install-ui-expande-1a8050e2a0f99.jpg?authuser=19&hl=pl)
![Poszerzony UI instalacji jest zwinięty.](https://developer.chrome.com/static/blog/richer-pwa-installation/image/richer-install-ui-collaps-76c9c5e1b17a.jpg?authuser=19&hl=pl)
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.