Catégorie : Application mobile

[fusion_builder_container hundred_percent= »no » hundred_percent_height= »no » hundred_percent_height_scroll= »no » hundred_percent_height_center_content= »yes » equal_height_columns= »no » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » status= »published » background_position= »center center » background_repeat= »no-repeat » fade= »no » background_parallax= »none » enable_mobile= »no » parallax_speed= »0.3″ video_aspect_ratio= »16:9″ video_loop= »yes » video_mute= »yes » border_style= »solid » type= »legacy »][fusion_builder_row][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ center_content= »no » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » background_position= »left top » background_repeat= »no-repeat » hover_type= »none » border_style= »solid » border_position= »all » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ animation_direction= »left » animation_speed= »0.3″ last= »true » border_sizes_top= »0″ border_sizes_bottom= »0″ border_sizes_left= »0″ border_sizes_right= »0″ first= »true » min_height= » » link= » »][fusion_title title_type= »text » rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » content_align= »center » size= »2″ style_type= »default » animation_direction= »left » animation_speed= »0.3″]

Définition d’une Progressive Web Apps (PWA)

[/fusion_title][fusion_text rule_style= »default » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_transform= »none » animation_direction= »left » animation_speed= »0.3″]

Dans le monde de l’internet mobile, les Progressive Web Apps (PWA) sont des applications web d’un genre nouveau. Elles combinent le meilleur d’une application mobile et d’un site web. Même si ces interfaces nouvelle génération en sont encore à leur balbutiement en France, elles sont promises à un bel avenir. En effet, elles permettent d’optimiser le potentiel des sites classiques sur la majorité des appareils et des navigateurs web.

A mi-chemin entre l’application mobile et le site mobile, ces applications se présentent sous la forme d’un site web optimisé pour support mobile, avec le comportement et les fonctionnalités d’une application native.
L’utilisateur y accède depuis son navigateur et télécharge les contenus de l’application au fur et à mesure de sa navigation, d’où son nom de progressive.
Comme les applications natives, la Progressive Web App donne accès aux fonctionnalités du smartphone (appareil photo, géolocalisation, notifications…).

[/fusion_text][fusion_title title_type= »text » rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » content_align= »center » size= »2″ style_type= »default » animation_direction= »left » animation_speed= »0.3″]Quels sont les avantages d’une Progressive Web Apps (PWA) ?[/fusion_title][fusion_text rule_style= »default » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_transform= »none » animation_direction= »left » animation_speed= »0.3″]

• L’application est totalement responsive, son design s’adapte de manière fluide à tous les supports (smartphone, tablette, ordinateur…) et fonctionne avec n’importe quel système d’exploitation (iOS, Android)
• Elle se charge très rapidement, directement depuis une URL classique
• Elle fonctionne hors connexion grâce à une mise en cache (transports en commun, avion…) mais aussi dans des zones blanches (idéal pour des commerciaux en déplacement dans des secteurs peu connectés ou lors d’un salon)
• Elle permet d’envoyer des notifications push, en lien direct et permanent avec l’utilisateur, qui favorisent l’engagement et la conversion
• Elle propose une expérience utilisateur immersive en plein écran, semblable aux applications natives
• Sans installation ni téléchargement préalable, la PWA n’occupe pas de mémoire sur les smartphones, passablement saturés d’applications
• Elle peut être installée depuis une fenêtre de navigation sans avoir à être soumise aux règles et aux abonnements payants des Stores (Android Store, Apple store…)
• Elle est sécurisée grâce au protocole HTTPS, ce qui lui donne le même niveau de sécurité qu’une application native et la garantie de la protection des données et des informations de paiement
• Elle est SEO friendly grâce à un référencement naturel facilité par son statut de site web (l’URL de chaque page peut être indexée dans les moteurs de recherche et l’algorithme de Google les met en valeur, ce qui rend les contenus nativement référençables contrairement aux applications mobiles)
• Elle est beaucoup moins coûteuse en temps et en argent qu’une application classique puisqu’elle n’a besoin d’être développée qu’une seule fois (contrairement à une application native qui demande un développement pour iOS et un pour Android)
• La PWA permet des gains de temps de maintenance : elle s’administre beaucoup plus facilement qu’une application native (plus besoin de passer par un informaticien pour agir sur le contenu). Les modifications effectuées sur votre site web peuvent se répercuter directement sur votre PWA.
• Elle est optimisable avec des outils de diagnostic en ligne comme l’outil Google LightHouse, dont certains modules, dédiés aux PWA, permettent d’évaluer sa marge d’optimisation
• Lorsqu’elle est enregistrée dans les favoris, une icône apparaît alors sur l’écran d’accueil du smartphone (même eco-système qu’avec une application mobile).

De plus, les études de cas PWA présentées par Google montrent des tendances qui stimulent l’engagement et la conversion :

• amélioration du temps de chargement des pages
• amélioration de l’expérience utilisateur
• progression du nombre de visites
• hausse des taux d’ouverture, taux de clics et taux d’engagement
• baisse du taux de rebond
• hausse du nombre de pages consultées et du temps passé sur le site
• augmentation du taux de conversion des paniers d’achats grâce aux notifications Push

[/fusion_text][fusion_separator style_type= »none » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » top_margin= »50″ alignment= »center » /][fusion_title title_type= »text » rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » content_align= »center » size= »2″ style_type= »default » animation_direction= »left » animation_speed= »0.3″]Exemples de Progressive Web Apps (PWA)[/fusion_title][fusion_gallery columns= »5″ column_spacing= »10″ hover_type= »zoomin » lightbox= »yes » lightbox_content= »title_and_caption » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » layout= »masonry » limit= »5″][fusion_gallery_image image= »https://test.bluemarketing.fr/wp-content/uploads/2019/05/pwa-lancome-576×1024.png » image_id= »13589|large » linktarget= »_self » /][fusion_gallery_image image= »https://test.bluemarketing.fr/wp-content/uploads/2019/05/pwa-starbucks-576×1024.png » image_id= »13592|large » linktarget= »_self » /][fusion_gallery_image image= »https://test.bluemarketing.fr/wp-content/uploads/2019/05/pwa-lequipe-576×1024.png » image_id= »13590|large » linktarget= »_self » /][fusion_gallery_image image= »https://test.bluemarketing.fr/wp-content/uploads/2019/05/pwa-reveilcourrier-576×1024.png » image_id= »13591|large » linktarget= »_self » /][fusion_gallery_image image= »https://test.bluemarketing.fr/wp-content/uploads/2019/05/pwa-financialtimes-576×1024.png » image_id= »13588|large » linktarget= »_self » /][/fusion_gallery][fusion_separator style_type= »none » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » top_margin= »50″ alignment= »center » /][fusion_text rule_style= »default » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_transform= »none » animation_direction= »left » animation_speed= »0.3″]

A un moment où l’audience mesurée sur mobile a détrôné celle sur PC, les applications natives sont fortement challengées par les PWA sur les terminaux mobiles. En tirant partie du meilleur des deux mondes (web et mobile), les PWA offrent une alternative pratique et à moindre coût, dont l’impact n’est plus à démontrer en termes de performance et de conversion. Il semble d’ailleurs que Google commence à référencer les PWA dans Google Play, ce qui va leur permettre de gagner encore en visibilité. De quoi conforter notre intuition ainsi que celle de certains experts du web qui prédisent une percée fulgurante des PWA dans les années à venir.

Voici quelques exemples de PWA réalisées par BlueMarketing :

• La PWA de Dome Solar, développée pour répondre à leur besoin de fournir un outil d’aide à la vente accessible sur mobile hors connexion, ergonomique et évolutif.
• La PWA POwR Certifications, qui simplifie la gestion et le suivi des certifications obligatoires pour les commerciaux et installateurs professionnels du solaire.

[/fusion_text][fusion_separator style_type= »none » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » top_margin= »50″ alignment= »center » /][fusion_tagline_box shadow= »no » shadowopacity= »0.70″ border= »1″ highlightposition= »top » content_alignment= »left » link= »https://test.bluemarketing.fr/contact/ » button= »Contactez-nous » linktarget= »_self » buttoncolor= »default » title= »Vous souhaitez être accompagné pour la création de votre Progressive Web App ? » description= »UGFybG9ucyBkZSB2b3MgYmVzb2lucywgZGUgdm90cmUgY29udGV4dGUgZXQgZGVzIGZ1dHVycyB1dGlsaXNhdGV1cnM= » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]