Wprowadzenie
Urządzenia mobilne i wprowadzenie sklepów z aplikacjami od dostawców urządzeń zmieniły sposób, w jaki użytkownicy odkrywają, oceniają i instalują oprogramowanie. Użytkownicy są już tak przyzwyczajeni do sklepów z aplikacjami oraz dodatkowych informacji, takich jak kontekst aplikacji, opinie społeczności, oceny itp., że metafora sklepu z aplikacjami pojawia się w systemach operacyjnych na komputery, w tym w ChromeOS, Mac i Windows.
Wyzwanie do bieżących powierzchni instalacyjnych
Obecnie, gdy użytkownik chce zainstalować PWA, pojawia się pasek informacji i przesłona modalna z minimalną ilością informacji. Jeśli instalacja zostanie kontynuowana, proces zakończy się zbyt szybko, bez podania kontekstu użytkownikowi. Jest to sprzeczne z ich oczekiwaniami dotyczącymi instalowania aplikacji i może wprowadzić ich w błąd.
Aby umożliwić deweloperom tworzenie aplikacji, które po zainstalowaniu będą działać jak natywne, wprowadzamy w Chrome nową stronę instalacyjną, Richer Install. Umożliwia ona dodawanie opisu i zrzutów ekranu do pliku manifestu, które będą wyświetlane w oknie dialogowym na dolnym pasku w Chrome na Androida.
Daje to deweloperom możliwość stworzenia bardziej atrakcyjnego procesu instalacji, który lepiej odpowiada oczekiwaniom użytkowników i naśladuje ich dotychczasowy model mentalny w zakresie zainstalowanych aplikacji.
Zgodność wsteczna
Witryny, które nie zawierają co najmniej 1 zrzutu ekranu w pliku manifestu, będą nadal wyświetlać dotychczasowe prompty. Może się to zmienić w przyszłości w zależności od tego, jak społeczność deweloperów i użytkownicy przyjmą tę funkcję.
Wyświetlanie podglądu interfejsu
To UI działa w Chrome 94 na Androidzie i Chrome 108 na komputerach.
Ta funkcja jest włączona na stronie squoosh.app i można ją tam wyświetlić w wersji podglądowej.
Implementacja
Aby wyświetlić ulepszone okno dialogowe interfejsu instalacji, deweloperzy muszą dodać co najmniej 1 zrzut ekranu dla odpowiedniego formatu w tablicy screenshots. Pole description nie jest wymagane, ale zalecamy jego wypełnienie. Okno z zawartością jest tworzone na podstawie zawartości pól screenshots i description, aby zapewnić użytkownikom podobne wrażenia jak w sklepie z aplikacjami. To interfejs pomaga użytkownikom rozpoznać, że dodają aplikację do urządzenia. Dzięki większej ilości dostępnej przestrzeni deweloperzy mogą podać użytkownikom konkretny kontekst w momencie instalacji.
Na przykład deweloperzy mogą użyć pola description, aby wyróżnić funkcje aplikacji, które zachęcą użytkownika do jej zainstalowania na urządzeniu, a za pomocą pola screenshots mogą zaprezentować wygląd i wrażenia z korzystania z aplikacji internetowej jako samodzielnej aplikacji, która jest łatwo dostępna jak aplikacje na platformę.
Szczegółowe specyfikacje i instrukcje dodawania tych elementów do aplikacji znajdziesz w artykule Wzorce interfejsu użytkownika zapewniającego bogatsze wrażenia z instalacji.
Prześlij opinię
W przyszłości rozważymy dodanie innych danych, takich jak kategorie i oceny aplikacji, ale będzie to zależeć od opinii deweloperów i użytkowników.
W najbliższych miesiącach chcielibyśmy zobaczyć, jak deweloperzy korzystają z nowego wzorca interfejsu. Chętnie poznamy też Wasze opinie. Skontaktuj się z nami, wypełniając ten formularz