Installation d'interface utilisateur enrichie disponible sur ordinateur

Les utilisateurs obtiennent généralement des applications, en particulier des applications de plate-forme, via des plates-formes de téléchargement d'applications ou en téléchargeant un package et en l'installant. Aujourd'hui, même l'expérience de bureau s'oriente vers la possibilité de proposer des applications dans des magasins centralisés.

Pour les applications Web, le modèle est différent: les utilisateurs n'ont pas besoin de se rendre dans un dépôt d'applications centralisé pour obtenir une application Web. Par définition, les expériences Web ne sont pas toutes installables, l'installation d'une application peut varier selon les plateformes et les navigateurs, les navigateurs ont même des menus et des surfaces différentes pour installer l'application. Une fois que l'utilisateur clique sur cette option d'installation, la boîte de dialogue par défaut n'inclut aucune information supplémentaire, comme illustré ci-dessous:

Boîte de dialogue d'installation par défaut du navigateur pour ordinateur.
Boîte de dialogue d'installation par défaut sur ordinateur.
Boîte de dialogue d'installation par défaut du navigateur pour mobile.
Boîte de dialogue d'installation par défaut sur mobile.

Créer des applications Web qui peuvent être installées et qui offrent les mêmes interactions que les applications de plate-forme nécessite un travail technique pour proposer ces expériences, ainsi que de bons conseils pour que les utilisateurs puissent tirer parti de ce processus d'installation différent.

Avec l'UI d'installation enrichie, les développeurs Web ont une nouvelle occasion de donner à leurs utilisateurs un contexte spécifique sur leur application au moment de l'installation. Cette interface utilisateur est disponible pour les mobiles à partir de Chrome 94 et pour les ordinateurs à partir de Chrome 108. Chrome continuera à proposer des boîtes de dialogue d'installation simples pour les applications installables, mais cette interface utilisateur plus grande offre aux développeurs l'espace nécessaire pour mettre en avant leur application Web. Le processus d'installation est également plus familier, car il ressemble aux boîtes de dialogue des plates-formes de téléchargement d'applications.

Captures d'écran de l'interface utilisateur d'installation enrichie sur ordinateur et mobile.
Interface d'installation plus riche sur ordinateur et sur mobile.

Activer l'interface utilisateur d'installation plus riche

Pour afficher la boîte de dialogue d'installation enrichie de l'UI, les développeurs doivent ajouter au moins une capture d'écran pour le facteur de forme correspondant dans le tableau screenshots. Le champ description n'est pas obligatoire, mais il est recommandé. La boîte de dialogue de contenu intègre le contenu de ces deux champs, ce qui rend l'expérience plus semblable à l'installation sur la plate-forme de téléchargement d'applications. Cela permet aux utilisateurs d'identifier qu'ils ajoutent une application sur leur appareil. Avec plus d'espace disponible, les développeurs peuvent fournir un contexte spécifique à leurs utilisateurs au moment de l'installation.

Par exemple, les développeurs peuvent utiliser le champ description pour mettre en avant les fonctionnalités de l'application qui incitent les utilisateurs à la conserver sur leurs appareils. Avec screenshots, ils peuvent présenter l'apparence de l'application Web de manière autonome, en bénéficiant d'un accès facile aux applications de plate-forme.

Pour connaître les spécifications détaillées et les instructions permettant de les ajouter à votre application, consultez le modèle d'interface utilisateur d'installation enrichie.

L'ancien style d'invite d'installation fournissait peu d'informations et de contexte. Cela ne répondait pas aux attentes des utilisateurs quant à la signification de l'installation et pouvait les induire en erreur. Beaucoup ont refusé l'intégralité de la demande d'installation, ce qui a également été dégradant pour les entreprises qui les ont créées.

Les installations enrichies vous permettent de créer des expériences plus similaires à celles sur les systèmes d'exploitation.

Vous pouvez créer le vôtre en suivant l'exemple du fichier manifeste de l'application Squoosh. Vous pouvez également essayer la boîte de dialogue en ligne à l'adresse https://squoosh.app/.

Commentaires Nous envisageons d'autres options pour enrichir les installations d'applications, y compris les catégories et les notes d'application. Pour prendre cette décision, nous avons besoin de vos commentaires. Parlez-nous de la conception Y a-t-il un aspect de l'interface utilisateur pour les installations enrichies qui ne fonctionne pas comme prévu ? Ou avez-vous besoin de données spécifiques pour mettre en œuvre votre idée ? Vous avez une question ou un commentaire ? Remplissez ce formulaire.

Photo de Kaboompics .com sur Pexels