L'échec de la conception d'un site web réactif

Échec de la conception ? Responsive web design et planification de l'échec

Un jour, la conception de sites web réactifs est encensée, considérée comme l'étalon blanc sur lequel l'avenir de la conception de sites web se précipite à la rescousse, et le lendemain, elle est sévèrement critiquée... vous aurez... lire à propos de Des vitesses de téléchargement terribles, j'en suis sûr. La raison pour laquelle il y a tant de débats est qu'il est encore très tôt dans le cycle de vie du responsive web design et que les exemples, bons ou mauvais, sont rares. Néanmoins, si vous envisagez de tester cette approche sur votre propre site web, il y a quelques erreurs à éviter.

1. Laisser à quelqu'un d'autre le soin de commander le contenu

Grâce à un système de grille, le responsive web design permet au contenu affiché sur un grand écran d'ordinateur portable ou de PC d'être affiché sur un smartphone étroit, et tout ce qui se trouve entre les deux. L'ordre dans lequel les "blocs" de contenu sont affichés n'est pas un résultat aléatoire déterminé par le CMS, quelqu'un, quelque part, doit décider de cet ordre. Il s'agit d'une décision stratégique importante et le moyen le plus simple de gâcher votre conception web responsive est de confier cette décision à quelqu'un d'autre.

2. Télécharger de grosses images

La conception web réactive permet de redimensionner les images en fonction de l'écran sur lequel le site web est affiché. Si vous laissez vos images sous la forme de gros fichiers de 1 Mo lorsqu'elles sont affichées sur un smartphone, elles se téléchargeront très lentement. Vous devriez également chercher à images adaptatives comme solution au problème de la vitesse de téléchargement.

3. Nécessitent beaucoup de défilement

Si votre page d'accueil nécessite un défilement lorsqu'elle est présentée sur un grand écran comme celui d'un ordinateur portable ou d'un PC, lorsqu'elle arrive sur l'écran d'un smartphone, elle risque d'être totalement ingérable pour l'utilisateur. Défilement sans fin pour essayer de trouver le bon contenu signifie que les utilisateurs manqueront ce qu'ils cherchent et décideront rapidement que l'expérience mobile ne vaut pas la peine d'être poursuivie.

4. Ne s'attaquer qu'à l'épiderme

Avec un certain nombre de conceptions de sites web réactifs présentées aujourd'hui, le traitement semble n'avoir été que superficiel. La page d'accueil a été joliment conçue avec un menu pliable, un en-tête bien rangé, pas trop de défilement, puis vous cliquez sur la page suivante sur votre smartphone et " boom ". La page s'agrandit pour remplir l'écran avec un texte microscopique et un ensemble de contenus dans le coin supérieur droit et de grands espaces ouverts à droite et en dessous.

5. Ignorer les capacités des smartphones

Dans les milieux du responsive web design et de la conception de sites web mobiles, la question de savoir si la conception doit se faire d'abord sur le mobile ou sur l'ordinateur fait l'objet d'un grand débat. Aucune des deux approches n'est correcte si vous n'utilisez pas les capacités du smartphone. Par exemple, un outil de recherche de magasin est une fonction multicanal très utile sur un smartphone ou un ordinateur portable, mais l'utilisation de la géolocalisation sur le smartphone ajoute un degré de valeur ajoutée qui est unique à l'expérience du smartphone.

Il y a beaucoup d'autres choses que vous pouvez faire qui feront échouer votre design web responsive et si vous voulez en savoir plus sur la façon d'éviter ces pièges de l'expérience utilisateur, alors prendre contact.