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 sur ordinateur tend à proposer des applications dans des plates-formes centralisées.

Pour les applications Web, le modèle est différent: les utilisateurs n'ont pas besoin de se rendre sur un dépôt d'applications centralisé pour obtenir une application Web. Par conception, toutes les expériences Web ne sont pas installables. L'installation d'une application peut varier d'une plate-forme à l'autre et d'un navigateur à l'autre. Les navigateurs disposent même de menus et de surfaces différents pour installer l'application. Une fois que l'utilisateur a cliqué 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.

La création d'applications Web pouvant être installées et offrant les mêmes interactions que les applications de plate-forme nécessite un travail technique pour permettre de telles expériences, ainsi que des conseils pour que les utilisateurs puissent profiter de ce flux d'installation différent.

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

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

Activer l'UI d'installation plus riche

Pour afficher la boîte de dialogue de l'UI d'installation enrichie, 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 est créée avec le contenu de ces deux champs, ce qui rend l'expérience plus semblable à l'installation sur une plate-forme de téléchargement d'applications. Cela permet aux utilisateurs de savoir qu'ils ajoutent une application à leur appareil. De plus, 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 l'utilisateur à la conserver sur ses appareils. Avec screenshots, ils peuvent présenter l'apparence de l'application Web en tant qu'application autonome, avec tout l'accès facile dont disposent les applications de plate-forme.

Pour obtenir une spécification détaillée et un guide pour les ajouter à votre application, consultez le modèle d'UI d'installation plus riche.

L'ancienne invite d'installation fournissait peu d'informations et de contexte. Cela ne correspondait pas à ce que les utilisateurs attendaient de l'installation et pouvait les laisser perplexes quant à ce qui s'était passé. De nombreuses entreprises ont refusé complètement la demande d'installation, ce qui était également préjudiciable aux entreprises qui les ont créées.

Les installations plus riches vous permettent de créer des expériences plus proches de celles des systèmes d'exploitation.

Vous pouvez créer la vôtre en suivant l'exemple du fichier manifeste de l'application Squoosh. Vous pouvez tester la boîte de dialogue en direct sur https://squoosh.app/.

Commentaires Nous envisageons d'autres options pour les installations plus enrichies, y compris les catégories et les notes des applications. Pour prendre cette décision, nous avons besoin de votre avis. Parlez-nous de la conception Quel élément de l'interface utilisateur de l'installation enrichie ne fonctionne-t-il 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