L'essor des applications d'une page

L'essor de l'application d'une page Web.

Il y a eu une forte augmentation du nombre d '«applications Web d'une page». Ce qui ne signifie absolument rien pour la majorité des gens. Voici donc un aperçu rapide de ce qu'est une application Web d'une page.

Pages Web traditionnelles

Traditionnellement, les sites Web fournissent du HTML à un navigateur Web, une page à la fois. Ce html est «sans état», ce qui signifie qu'il n'a aucune idée de l'endroit où il se trouve sur le grand schéma de la vie, de l'univers et de tout .... Il n'a aucune connaissance de ce qui se passe ...

Comparez cela à une application qui se trouve sur votre téléphone ou votre ordinateur. Une «application» sait qui vous êtes et quel est son but dans la vie. Il se souvient de ce que vous lui avez demandé de faire et est programmé pour fournir des résultats en fonction des informations et des demandes qui lui sont fournies. Une application sait un peu ce qui se passe ...

Certes, c'est une simplification excessive et une description imparfaite des différences entre une page Web et une application, mais j'espère que vous obtenez l'image!

Ah, mais je vous entends dire, alors comment les sites Web savent-ils comment me montrer les produits que je veux voir et acheter, s'ils sont complètement stupides?

Eh bien, au début, il y avait des pages Web simples, dépourvues de toute «interactivité». Ensuite, quelqu'un a compris comment inciter le flat-html à interagir avec un script informatique de base. Cela a permis aux pages Web de base d'être connectées aux bases de données côté serveur. Ce qui a permis aux pages Web d'avoir une certaine interaction en faisant changer leur contenu à la demande d'un navigateur (la personne qui regarde la page Web). Ce qui était bien ...

Ensuite, des navigateurs ont pu lire un langage de script pour ajouter une interactivité «côté client», enrichissant ainsi l'expérience des sites Web. Javascript était arrivé.

 

Applications d'une page

Ok, alors qu'est-ce qu'une application web d'une page?
Au lieu que le «serveur Web» fournisse une nouvelle «page Web» à chaque fois que le navigateur fait une demande, une SPA (application à page unique) change dynamiquement son contenu «côté client» (dans le navigateur) grâce à un ensemble de bibliothèques de code basées sur les évolutions de Javascript. Tout le HTML, Javascript et CSS nécessaires sont livrés au navigateur une seule fois. Ensuite, le navigateur modifie le contenu de cette page en fonction des actions de l'utilisateur. Il n'y en a qu'un seul sur le serveur Web.

L'idée est que cela offre une expérience de type «application» transparente qui fonctionne bien sur n'importe quel appareil, qu'il s'agisse d'un ordinateur traditionnel, d'un ordinateur portable, d'une tablette ou d'un téléphone intelligent.

Ces applications d'une seule page utilisent des frameworks Javascript tels que Angulur JS, React ou Vue.js

Voici quelques liens vers certains sites SPA, si vous souhaitez voir quelques exemples.

 

Apple Plug SPA example

Plastics SPA example

 

Contrairement à un site Web de plusieurs pages plus traditionnel, un site Web d'une seule page organise son contenu en sections accessibles en faisant défiler vers le bas. Ce qui signifie que le contenu doit être organisé de manière logique en sachant qu'un utilisateur sera tenté de sauter une section et de faire défiler rapidement, sans lire le contenu.

 

Donc, est une application SPA - une seule page - le bon choix pour moi?

Peut-être, peut-être pas, mais commençons par les «pros» d'un SPA.

1) Interface utilisateur simple - facile à utiliser.

2) Adhérence accrue pour votre site - Les utilisateurs n'ont pas besoin de s'éloigner d'une seule page - ils ont donc tendance à s'engager davantage en faisant défiler, plutôt que de naviguer vers une autre page ou un autre site (souvent loin de votre propre site) .

3) Clarté du contenu - Si vous avez une histoire à raconter, le SPA est idéal. En concentrant tout votre contenu sur une seule page, vous avez la possibilité de raconter votre histoire de manière linéaire. Ce qui n'est pas facile à faire si vous étalez votre contenu sur plusieurs pages (qui peuvent ne jamais être vues).

4) Taux de conversion plus élevé - parce que votre `` histoire '' est concentrée sur une seule page, vos chances de réussir un CTA (appel à l'action) sont plus élevées. Votre chance de les diriger vers une vente (par exemple) est plus élevée. Ainsi, le taux de «conversion» est plus élevé.

5) Naturellement bon sur les appareils mobiles - De nombreux sites Web sont «réactifs» de nos jours. Cela signifie qu'ils adaptent leurs dispositions à l'appareil sur lequel ils sont visualisés (PC, tablette, téléphone, etc.). Cependant, un SPA est naturellement conçu pour les appareils mobiles, car vous n'avez pas à naviguer sur différentes pages - ce qui peut être difficile avec les sites traditionnels.

 

D'accord. ce sont donc les avantages d'une application d'une seule page. Quels sont donc les inconvénients?

Un SPA n'est pas le bon choix pour tous les sites Web. Voyons quelques-unes des raisons pour lesquelles elles peuvent ne pas être appropriées.

1) Un contenu étroit signifie un ciblage étroit par mots clés - L'idée d'un SPA est que le contenu s'adresse à un public très spécifique, avec votre message tout aussi spécifique. Donc, si vous avez beaucoup à dire et plusieurs messages à transmettre, un SPA n'est pas pour vous. De même, comme un SPA n'est qu'une page, avec un message, vous ne pouvez utiliser qu'un seul ensemble de mots clés. Par conséquent, votre capacité à promouvoir une gamme plus large de contenus et à essayer de classer une large gamme de mots clés est strictement limitée.

2) Contenu déroutant - Encore une fois, si vous avez beaucoup à dire et avez besoin de transmettre beaucoup d'informations, un SPA n'est probablement pas pour vous. Tenter de passer à travers des informations complexes sur une seule page (même avec les meilleurs graphiques et illustrations) est une grande question. Vous risquez de créer plus de confusion que de compréhension, vaincant ainsi la raison de développer une application de page unique.

3) Mauvaises analyses - Les informations fournies dans les analyses (par exemple Google Analytics) sont essentielles à toute campagne de marketing Web. Si votre site Web est une seule page, vous ne pouvez obtenir des analyses que sur cette seule page. Il est donc beaucoup plus difficile de déterminer (par exemple) le contenu sur lequel les visiteurs de votre site sont attirés.

4) Évolutivité - Vous ne pouvez pas simplement ajouter une page de contenu à un SPA, quand vous en avez envie ... Donc, si vous vous trouvez dans l'obligation d'ajouter beaucoup d'informations supplémentaires - quelque chose qui a vraiment besoin d'une autre page - alors vous avez un problème!

 

Voilà donc un aperçu rapide de ce qu'est une application de page unique. À la fin de la journée, vous devez réfléchir soigneusement à la question de savoir si un SPA convient à votre entreprise. Si oui, tant mieux! Je travaille dans React et Angular et je suis plus qu'heureux de développer un SPA pour vous!

 

 

L'essor des applications d'une page

Nous

WJP Media crée des sites Web «Full-Stack» et «SPA» - des applications Web à page unique, qui permett…

Dév Full-Stack

Le développement «Full-Stack» désigne un développeur (ou des développeurs) qui est tout aussi à l'ai…

Angular-React-Vue

Il y a une forte augmentation de la montée en puissance des applications Web «une page». WJP Media c…

Dév Umbraco

Dans le monde en ligne actuel, la capacité de modifier et de mettre à jour facilement votre site Web…