Votre navigateur ne supporte pas le javascript. La navigation risque d'être perturbée!
chargement
Progressive Web App (PWA)

Pour la création de sites web résolument Mobile First

Progressive Web App (PWA)

Mobile First ! Plus de 60 % du trafic sur les sites internet s'effectue aujourd’hui via les supports mobiles, téléphones essentiellement et les tablettes, une version PWA -Progressive Web App- du site web permet une expérience utilisateur -Ui) optimale en situation de mobilité.

Une expérience optimale pour les utilisateurs sur mobile

Depuis quelques années, toutes nos réalisations (sites internet, intranet...) sont développées en mode adaptatif, aussi communément appelé le Responsive Web Design (RWD), c'est un minimum évidemment. Mais depuis 2020, pour certaines applications nécessitant une ergonomie sur mobile particulièrement soignée, ce n'est pas suffisant, et l'agence web proposait en complément la réalisation d'une version PWA.

Depuis 2022, cette version PWA accompagne automatiquement toutes les créations de sites internet de l'agence. Cette version dites de 1er niveau assure une qualité de navigation, de rapidité, fluidité des sites internet bien supérieure au simple RWD. Elle peut si besoin ensuite être enrichie en mettant par exemple des fonctionnalités telles que des notifications en push sur les téléphones...

Les Progressive Web App en quelques lignes

Depuis quelques années, l'assemblage de technologies permet d'envisager une solution hybride entre les applications mobiles -Android et Ios- et les sites en responsive : les Progressive Web App ou PWA.

Dans certains cas la version PWA de premier niveau est générée dynamiquement lors de la création du site web. Dans d'autres cas, pour des applications web avec beaucoup de développements sur-mesure, l'agence s'appuie sur le Framework Ionic proposé en complément du site internet. Une version PWA de celui-ci est couteuse mais justifiée par une expérience utilisateur sur mobile très fluide avec un niveau d'interaction plus poussé.

>> Plus d'information sur les Progressive Web App sur Wikipédia

>> Plus d'information sur le framework OpenSource Ionic

Au sein de l'agence web Versio, nous croyons depuis le début au développement des Progressive Web App.poussé par le géant du digital : Google.

Lire l'article consacré aux PWA

Installer une Progressive Web App sur son téléphone mobile

  1. aller sur le site web avec le navigateur de votre téléphone (Chrome ou Firefox) ou navigateur de la marque du téléphone s'il propose cette option
  2. un message vous invite à installer l'application -si c'est votre 1ère visite-  : Ajouter "nom de l'application" à votre écran d'accueil
    ou sinon aller dans le Menu du navigateur en haut à droite :
    . Chrome - dans le Menu du navigateur choisissez "Installer l'application"
    . Firefox - dans le Menu sélectionner l'option "Ouvrir dans une application" 

Vous profiterez alors d'une navigation dans l'application de type PWA du site internet. Vous retrouverez aussi cette application au milieu de celles déjà installées dans votre téléphone, avec l'icone d'identification générée par le favicone du site web. Vous pourrez ranger celle-ci -elle ne pèse que quelques Ko- dans votre tiroir d'applications.

nb : une PWA se désinstalle du téléphone comme toute application Android et se ré-installe aussi facilement.

Quelques exemples de sites web avec Progressive Web App