Użytkownicy zwykle otrzymują aplikacje, a zwłaszcza aplikacje platformy, ze sklepów z aplikacjami lub po pobraniu i instalowaniu pakietu. Obecnie nawet użytkownicy komputerów mogą oferować aplikacje w scentralizowanych sklepach.
W przypadku aplikacji internetowych model jest inny: użytkownicy nie muszą korzystać z centralnego magazynu aplikacji, aby uzyskać aplikację internetową. Z założenia nie wszystkie aplikacje internetowe można zainstalować. Sposób instalowania aplikacji może się różnić w zależności od platformy i przeglądarki, a przeglądarki mają różne menu i platformy do zainstalowania aplikacji. Gdy użytkownik kliknie tę opcję instalacji, domyślne okno nie będzie zawierać żadnych dodatkowych informacji, jak na przykład:
![Okno instalacji domyślnej przeglądarki na komputerze.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/the-browser-default-insta-3c6ce3fa8766e.png?authuser=7&hl=pl)
![Okno domyślnej instalacji przeglądarki na urządzeniach mobilnych.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/the-browser-default-inst-14907440251fd.png?authuser=7&hl=pl)
Tworzenie aplikacji internetowych, które można instalować i zapewniać te same funkcje co aplikacje platformy, wymaga pracy technicznej, aby zapewnić taką możliwość, a także dobrych wskazówek dla użytkowników dotyczących korzystania z tego odmiennej procedury instalacji.
Dzięki dodatkowemu interfejsowi instalacji deweloperzy mają nową możliwość przekazywania użytkownikom określonego kontekstu aplikacji podczas instalacji. Ten interfejs jest dostępny w Chrome 94 na urządzeniach mobilnych oraz na komputerach od Chrome 108. W Chrome nadal będą pojawiać się proste okna do instalowania aplikacji, jednak ten większy interfejs zapewni deweloperom miejsce na wyróżnienie ich aplikacji internetowych. Sprawia też, że proces instalacji jest bardziej znajomy, ponieważ przypomina okna dialogowe w sklepach z aplikacjami.
![Zrzuty ekranu przedstawiające UI aplikacji Richer Instal na komputerach i urządzeniach mobilnych.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/screenshots-richer-insta-56c432a76a62c.jpg?authuser=7&hl=pl)
Włączanie rozszerzonego interfejsu instalacji
Aby wyświetlić okno Bardziej szczegółowego interfejsu instalacji, programiści muszą dodać co najmniej 1 zrzut ekranu dla odpowiedniego formatu w tablicy screenshots
. Pole description
nie jest wymagane, ale jest zalecane. Okno treści zawiera zawartość tych 2 pól, dzięki czemu interfejs bardziej przypomina instalację w sklepie z aplikacjami. Dzięki temu użytkownicy będą wiedzieć, że dodają aplikację na urządzeniu, a dzięki większej ilości miejsca deweloperzy mogą podczas instalacji podać użytkownikom określony kontekst.
Deweloperzy mogą na przykład użyć pola description
, aby wyróżnić funkcje aplikacji, które zachęcają użytkownika do zachowania jej na urządzeniach. Dzięki screenshots
mogą prezentować wygląd i sposób działania aplikacji internetowej jako samodzielny zestaw z łatwym dostępem zapewnianym przez aplikacje platformy.
Szczegółową specyfikację i przewodnik dodawania ich do aplikacji znajdziesz we wzorzecem interfejsu użytkownika większej liczby instalacji.
Starsza wersja promptów instalacyjnych zawierała niewiele informacji i kontekstu. Te informacje nie były zgodne z oczekiwaniami użytkowników czego się spodziewają, co może oznaczać instalacja aplikacji i co może zawrzeć w nich dezorientację. Wiele z nich odrzuciło prośbę o instalację, co było też niekorzystne dla firm, które je stworzyły.
Bogatsze instalacje umożliwiają lepsze wrażenia użytkownikom systemów operacyjnych.
Możesz stworzyć własne, postępując zgodnie z przykładem z pliku manifestu aplikacji Squoosh. Możesz też wypróbować okno dialogowe na żywo na stronie https://squoosh.app/.
Prześlij opinię Rozważamy inne opcje zwiększania liczby instalacji, w tym kategorie i oceny aplikacji. Aby podjąć tę decyzję, potrzebujemy Twojej opinii. Opowiedz nam o projekcie Czy jest coś, co w interfejsie aplikacji Richer Instalacje nie działa zgodnie z oczekiwaniami? A może potrzebujesz konkretnych danych, by zrealizować swój pomysł? Masz pytanie lub komentarz? Wypełnij ten formularz.
Autor zdjęcia: Kaboompics .com w: Pexels