Place du Cirque 3, 1204 Genève, Suisse

+41 22 328 19 78

auditsexpert@gmail.com

Comment les applications web progressistes se comparent-elles vraiment aux applications natives ? -

Comment les applications web progressistes se comparent-elles vraiment aux applications natives ?

Application web
D’année en année, les gens passent plus de temps sur des appareils mobiles pour accéder à l’internet.
En fait, les gens consomment deux fois plus de contenu sur leur téléphone portable que sur leur ordinateur de bureau.
Les propriétaires de sites web devraient être enthousiasmés par cette perspective en 2019, car les possibilités de toucher ces utilisateurs mobiles sont encore plus nombreuses.
Il existe plusieurs façons de créer une présence mobile qui permettra à vos utilisateurs d’accéder à votre contenu sur le mobile.
Il y a, bien sûr, la conception de sites web réactifs, qui leur permet de se connecter avec les utilisateurs via leur site web.
Ensuite, il y a les applications mobiles natives, que les utilisateurs peuvent télécharger à partir d’un magasin d’applications et ajouter à l’écran d’accueil de leur appareil mobile.
Aujourd’hui, nous nous intéressons à l’entrée des applications web progressives (AWP) dans l’arène, qui adopte une approche à mi-chemin entre les sites web mobiles et les applications mobiles.

Qu’est-ce qu’une application web progressive ?
Les applications web progressives adoptent une approche à mi-chemin entre les sites web mobiles et les applications mobiles.
Il s’agit de sites mobiles construits avec des cadres JavaScript modernes, conçus pour fonctionner comme une application native. Ils peuvent être ajoutés à l’écran d’accueil d’un appareil mobile à l’aide d’une icône. Comme les applications, ils offrent une expérience en plein écran pour inciter les gens à les utiliser. Toutefois, ils ne sont encore qu’un site web lorsqu’on les ouvre. Avec le développement de Service Workers, les AWP bénéficient de certains avantages supplémentaires par rapport aux applications natives, mais ces avantages sont encore limités, en particulier sur iOS.

Google définit les AWP comme des expériences web qui sont :

Fiable – Chargement instantané et ne jamais montrer un site web comme étant en panne, même dans des conditions de réseau incertaines.
Rapides – Réagissent rapidement aux interactions des utilisateurs grâce à des animations fluides et soyeuses et à l’absence de défilement.
Engageante – Sentez-vous comme une application naturelle sur l’appareil, avec une expérience utilisateur immersive.
Les AWP visent à rendre le web plus fiable et plus agréable, mais il y aura toujours une catégorie d’applications qui sera mieux servie par les natifs.
Et cela nous amène à la discussion d’aujourd’hui ainsi qu’aux réponses pour les entrepreneurs et les propriétaires d’entreprises qui tentent de décider ce qui est le mieux pour leur entreprise :
Les applications web progressives se comparent-elles vraiment aux applications natives ?

Les applications web progressives par rapport aux applications natives : Quelle est la différence ?
La question semble assez simple pour y répondre : Y a-t-il une différence entre les applications web progressives (AWP) et les applications natives ? (Oui.) Si oui, quelles sont ces différences et comment choisissez-vous entre une application native et une application web progressive pour la présence de votre entreprise sur les appareils mobiles ? (Cela dépend.)
Ci-dessous, je vais vous présenter les principales différences entre les AWP et les applications natives.

  • Installation
  • Disponibilité multiplateforme
  • Utilisation hors ligne
  • Stockage, données et alimentation
  • Mises à jour
  • Découverte
  • Notifications Push
  • Sécurité
  • Caractéristiques de l’appareil
  • Coût

Si chaque plateforme a effectivement ses forces et ses faiblesses, il existe des cas d’utilisation clairs pour chacune d’entre elles :

Installation
La différence superficielle entre les AWP et les applications natives est liée à la manière dont l’utilisateur final y accède.

Les applications natives sont trouvées et installées via un app store, comme Google Play ou l’App Store iOS d’Apple. Les App Stores agissent comme une immense vitrine, la passerelle vers tous les services et contenus que les gens consomment sur leurs appareils mobiles. Les possibilités offertes aux propriétaires d’applications sont considérables, s’ils peuvent être trouvés grâce à des mots clés populaires ou s’ils ont une marque existante et peuvent compter sur les personnes qui les recherchent dans les magasins, ce qui arrive souvent de nos jours.

Une fois installée, l’application apparaîtra sur l’écran d’accueil de l’utilisateur avec une icône reconnaissable et une étiquette de texte qui attirera l’attention sur sa présence.
Icône de l’application native sur l’écran d’accueil
Cela dit, cela signifie que lorsque vous développez une application native, vous devez la soumettre à l’examen d’un (ou plusieurs) des magasins d’applications de périphériques sur lesquels vous souhaitez qu’elle apparaisse. C’est ensuite aux utilisateurs de trouver l’application, de lire la description et les commentaires, et de déterminer si elle vaut la peine d’être téléchargée et enregistrée sur l’écran de leur appareil mobile.
Les PWA, d’autre part, vous aident à éviter les maux de tête administratifs dans les app stores. Ces applications web s’exécutent directement depuis le navigateur de l’appareil mobile. Le PWA du Financial Times en est un bon exemple :

Le FT PWA dans Google Chrome
Comme vous pouvez le voir dans cet exemple, le PWA du Financial Times ressemble beaucoup à ce que vous attendez d’une application.
Les utilisateurs accèdent à un PWA en le recherchant dans le navigateur mobile. Si les utilisateurs ne savent même pas que le PWA existe, il peut être surprenant de rencontrer une version tronquée du site web alors qu’ils s’attendaient à une expérience similaire à celle du site web normal.

Cependant, une fois qu’ils l’ont découvert, il est assez facile d’enregistrer le PWA sur l’écran d’accueil et de l’y retrouver comme s’il s’agissait d’une application native.

Le seul obstacle auquel vos utilisateurs peuvent se heurter est de savoir comment l’ajouter à l’écran d’accueil.

Les dernières versions d’Android invitent les utilisateurs à installer un PWA (comme vous pouvez le voir dans l’image ci-dessus), alors qu’iOS compte toujours sur l’ancienne action “Ajouter à l’écran d’accueil” pour cela.

Sur iOS, votre utilisateur devra visiter l’URL de votre PWA dans Safari, puis appuyer manuellement sur le bouton “Partager”, puis sur “Ajouter à l’écran d’accueil”. Il n’y aura aucun indicateur visuel que votre site web est une application web progressive.

Ajout d’un PWA à l’écran d’accueil d’iOS
Les utilisateurs d’iOS devront toujours trouver le bouton “Ajouter à l’écran d’accueil

Disponibilité multiplateforme
Comme les développeurs conçoivent généralement une application spécifiquement pour les utilisateurs d’iOS ou d’Android, cela garantit que l’expérience au sein de l’application native est adaptée à chaque plate-forme. Les développeurs doivent moins se préoccuper de la compatibilité entre les navigateurs ou les plates-formes et plus de la mise au point de leur application pour un appareil mobile spécifique.
Les applications web progressives, en revanche, adoptent une approche différente.
Utilisées par de nombreuses grandes marques comme Twitter, Forbes et Flipboard (en plus de leurs offres d’applications natives), elles ont évolué à partir d’une technologie web qui est en jeu depuis des années. (Toutefois, l’expression elle-même “application web progressive” vient à peine d’être inventée par la designer Frances Berriman et l’ingénieur de Google Chrome Alex Russell en 2015).
Les développeurs créent l’instance réactive de la PWA, la publient, puis laissent au navigateur de l’utilisateur le soin de l’afficher correctement dans les paramètres de l’écran. Il ne s’agit que d’une seule application à développer et les utilisateurs d’un large éventail de navigateurs mobiles peuvent s’y connecter grâce aux technologies web modernes.

 

Source à lire : https://www.editoweb.eu/Developpement-mobile_a33735.html

Post a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*