Chrome Dev Summit 2015 : à la découverte des applications progressives


L’expérience utilisateur d’une application native est incomparablement meilleure que ce qu’il est possible de faire avec une app basée sur les technologies Web. Pourtant, de nombreux utilisateurs de smartphones passent la majeure partie de leur temps dans leur navigateur. Dans le but de réduire le gap entre application native et application Web, un tout nouveau concept arrive : les applications progressives.

Dans un premier temps, voici quelques chiffres à retenir. Chrome pour mobile est maintenant utilisé par 800 millions de personnes !  En moyenne, sur un mois, 25 applications sont utilisées et 3 de ces applications concentrent 80% des usages. Dans le même temps, une centaine de sites sont visités.

Applications vs Web

L’idée est donc de proposer une expérience utilisateur proche des applications natives… mais pour les sites Web. Pour cela, il faut que le site réponde aux critères suivants :

  • Responsive (il doit s’adapter à votre écran)
  • Connectivity independent (il doit pouvoir fonctionner offline)
  • App-like-interactions (il doit proposer une bonne UX et une bonne UI)
  • Fresh (il doit toujours être à jour)
  • Safe (il doit être délivré de manière sécurisée via TLS/SSL)
  • Discoverable (il doit avoir un “manifest”)
  • Re-engageable (il doit inciter l’utilisateur à revenir avec des notifications)
  • Installable (il doit pouvoir s’installer sur la home du téléphone)
  • Linkable (il doit fonctionner… comme un site web :) )

Afin d’avoir une première idée de ce qu’est une progressive web app, il faut essayer Flipkart . Application disponible sur mobile, elle est présentée via l’illustration ci-dessous est faite depuis un téléphone portable. Il est ainsi possible de tester une grande partie des fonctionnalités qui définissent le concept.

Flipkart.com une des applications progressives en mode online et offline

Flipkart.com montrée en mode online et offline

Pour en apprendre plus sur les applications natives et sur la manière de les construire, regardez cette vidéo :

Vous pouvez également consulter l’ensemble des présentations du Chrome Dev Summit 2015 grâce à cette playslist ➜

Vous aimerez aussi...