Skip to content

Conception Web réactive ou adaptative

Avez-vous déjà entendu le terme « monde post-PC » ? Il a été popularisé au cours des dernières années lorsque les gens ont parlé de la chute de l’ordinateur de bureau. Avec des chiffres récents indiquant une augmentation de la navigation sur le Web à partir d’appareils mobiles, de 30 % à 50 % selon différentes études, vivons-nous désormais dans un monde post-PC ?

Si oui… Qu’est-ce que cela signifie signifie pour vous en tant que propriétaire d’entreprise ?

L’approche One World Wide Web

Le W3C, ou le consortium World Wide Web, a inventé l’expression  » une approche Web ». Le mot fait référence au concept de techniques de conception réactives et adaptatives qui sont utilisées pour garantir que le même contenu et les mêmes services sont disponibles pour les utilisateurs, dans la mesure du raisonnable, quel que soit l’appareil qu’ils utilisent.

Du point de vue d’un développeur, cela signifie non seulement s’assurer qu’un site fonctionne sur les smartphones et les étagères qui existent aujourd’hui, mais aussi s’assurer qu’il fonctionnera sur tout ce que demain apportera.

En tant qu’entreprise, cela aussi signifie s’assurer que non seulement votre site Web est construit avec des techniques de conception adaptatives ou réactives, mais aussi que l’entreprise engagée dans ce développement pense à l’avenir tout en gérant vos problèmes aujourd’hui.

À quoi ça sert de One Web ?

Cela peut sembler évident pour certaines personnes, mais il existe suffisamment de sites Web qui indiquent le contraire ; Les sites Web optimisés uniquement pour un écran de bureau sont une race en voie de disparition. Ils sont comme un homme des cavernes dans le monde d’aujourd’hui. Même si vous suivez cette alternative, le site ne sera pas optimisé pour l’écran du bureau. Même si vous suivez cette option, le site mobile n’est optimisé que pour une certaine taille d’écran par rapport à la gamme existante d’appareils mobiles, ce qui pose toujours des problèmes.

N’oubliez pas que les numéros de navigation mobile qui se trouvent dans le La plage de 30 à 50 % restera stable, sinon augmentera davantage. Cela implique qu’un pourcentage décent de clients essaiera d’accéder à votre site Web via un appareil numérique. Pour les sites qui ne sont pas intuitifs ou qui ne se redimensionnent pas ou ne se chargent pas incroyablement lentement, cela signifie une perte rapide de visiteurs, ce qui signifie moins de conversions.

Vous devez vous rappeler que tous les éléments et actifs de la page sur chaque et chaque page doit être téléchargée avant qu’une page, comme le commerce électronique, puisse être utilisée. Des pages Web plus grandes signifient des temps de chargement plus longs. Bien que cela ne soit pas un gros problème pour l’individu qui navigue à la maison avec une connexion Internet par câble, pour l’acheteur sur sa tablette utilisant le Wi-Fi Starbucks, les vitesses de chargement sont un énorme problème. Les statistiques montrent que votre taux de conversion chute de 3,5 % lorsque les téléspectateurs mobiles doivent attendre une seconde. Si vous pensez que c’est mauvais, en trois secondes, 57 % de ces utilisateurs auront abandonné votre site d’après les statistiques de Radware.

Réactif ou adaptatif ?

Ainsi, lorsque vous allez utiliser l’approche de conception « One Web », quel style de conception devriez-vous adopter ? Passons brièvement en revue les choix :

Réactif – Il s’agit de l’approche la plus populaire qui modifie la présentation d’une page Web en fonction de la taille de l’appareil d’affichage. Certains avantages de conception peuvent faciliter la tâche des développeurs. Pour ce type de conception, vous devrez souvent effectuer une reconstruction complète du site Web. Cela convient bien à ceux qui conçoivent d’abord un site pour l’utilisateur mobile, puis évoluent vers les ordinateurs de bureau. Cela peut poser des problèmes pour les sites qui ont beaucoup de fonctionnalités et d’images, mais cela est atténué s’il y a des fonctionnalités plus faciles.

Adaptatif – Adaptatif est différent d’une direction de développement dans qu’il s’appuie sur des tailles d’écran prédéfinies. Il s’agit généralement d’une approche en couches plus rationalisée qui utilise des scripts pour faciliter l’adaptation aux appareils et aux tailles d’écran. Dans ce cas, c’est le serveur hébergeant le site Web qui détecte l’appareil d’où provient une requête et délivre donc un code différent en fonction de l’appareil. Idéalement, ce type de site peut capturer plus précisément l’intention de l’utilisateur sur un appareil mobile. De plus, un développeur n’a pas à recoder l’ensemble du site Web existant à partir de zéro. Enfin, les sites adaptatifs sont généralement bien meilleurs en termes de performances de temps de chargement, permettant une expérience d’interface utilisateur plus positive.

Le résultat – Le choix entre la conception adaptative ou réactive dépend beaucoup de l’intention de votre site, mais vous devriez certainement utiliser l’une ou l’autre. Nous vivons dans un monde quelque peu post-PC et il est logique d’adopter l’approche « One Web » au lieu de perdre des clients et ces conversions importantes.

Partager