Design web responsive : Es-tu prêt pour l'examen ?

Le 75 % des recherches sur Internet en 2017 se feront via des appareils mobiles. Cela dit, la grande question est : Es-tu vraiment prêt à profiter de tout ce trafic mobile ou le perds-tu en chemin ? Design responsive. Nous ne parlons pas d'avenir, nous parlons de présent. Avoir un design web responsive, adapté aux smartphones et tablettes, n'est plus une option, c'est une obligation et il n'est pas question de faire les choses à moitié.

Vérifions si tu passes l'examen ?

Pour commencer, si tu n'as pas de design web responsive, tu renonces non seulement à un pourcentage très élevé de trafic potentiel, mais en plus, ta visibilité dans les recherches organiques diminuera.

Fais attention à l'augmentation fulgurante de la consommation d'internet via les smartphones : en 2013, seulement 18 % des utilisateurs cherchaient sur Google via leurs mobiles. En 2017, pas moins de trois utilisateurs sur quatre. La tendance est plus que claire.

Comment savoir si mon site est 100 % responsive ?

Tu n'es pas sûr que ton site soit responsive ? C'est très simple à vérifier. Dans le précédent post de ce blog, nous t'indiquions une page avec cette fonctionnalité. Google lui-même te propose une méthode simple pour le savoir.

Quoi qu'il en soit, tu peux le vérifier toi-même avec une simple action : visite ton site et réduis la fenêtre de ton navigateur. Te voilà avec une barre de défilement et tu dois l'utiliser pour voir tout le contenu ?

Alors, désolé, tu n'as pas un site responsive. Celui d'Elpais.com l'est, mais celui d'Elmundo.es ne l'est pas, pour donner deux exemples de grands journaux numériques espagnols.

Que dit Google sur le design web responsive

Google, qui a récemment mis l'utilisateur au centre de toute sa stratégie, comprend que si quelqu'un accède à un site, il peut le faire depuis différents supports et sur chacun d'eux, il doit toujours trouver un site où la visualisation et les fonctions sont correctes.

Pour promouvoir cela dans la plupart des cas, en février 2015, il a annoncé un changement dans son algorithme qui entrerait en vigueur le 21 avril de cette même année. Bien sûr, toutes les alertes ont été activées 😉

Depuis ce moment, des rumeurs ont commencé à circuler sur internet, comme par exemple que si à cette date tu n'avais pas mis en place le design responsive sur ton site, celui-ci disparaîtrait des recherches.

D'autres, moins alarmistes mais tout aussi faux, affirmaient que les sites non adaptés aux mobiles seraient pénalisés. La boule de neige est devenue de plus en plus grande.

En réalité, ce qui s'est passé - et continue de se passer - n'est pas que les sites qui n'offrent pas le design responsive aient été punis, mais que ceux qui l'ont été ont été récompensés, et plus précisément dans les résultats des recherches mobiles. Cela peut sembler identique, mais ce n'est pas le cas.

Google voulait sensibiliser à l'importance de répondre aux nouveaux modèles de consommation de l'utilisateur.

Le fait est que la campagne a porté ses fruits et les webmasters du monde entier se sont retroussés les manches et ont commencé à travailler sur le “mobile first” (concevoir d'abord pour les mobiles) comme option la plus logique pour instaurer le responsive. Le menu hamburger - trois barres horizontales sur lesquelles on clique pour déployer les sections du site - est aujourd'hui un “must-have” des versions mobiles. Jusqu'à ce qu'une autre mode s'impose, bien sûr.

Les avantages au-delà de l'expérience utilisateur

Les avantages du design web responsive vont bien au-delà de l'amélioration de l'expérience de tes utilisateurs, ce qui n'est pas négligeable :

• Il t'évite la possibilité d'encourir des contenus dupliqués, comme cela peut se produire si tu choisis de créer un site parallèle spécifique pour mobile.
• Chargement plus rapide de tous les éléments, un facteur clé pour améliorer ton positionnement, ce qui à son tour t'apportera plus de visites.
• Il favorisera la diffusion de tes contenus en unifiant tous les liens, sans redirections. Les utilisateurs auront plus de facilité et d'accessibilité à partager les contenus, de sorte que le SEO de ton site, par conséquent, en sort gagnant.
• Ton portefeuille et ton temps en bénéficieront également, car toute mise à jour de ton site impliquait auparavant des changements dans plusieurs feuilles de style, tandis qu'il n'y en a maintenant qu'une.
• Si ton site est une boutique en ligne, tu remarqueras la différence. Là où il y avait auparavant des barrières infranchissables et où tu avais la désagréable sensation de ne pas trouver sur mobile ce qu'il y avait dans la version de bureau, avec le design responsive, il y aura un joli chemin de dalles jaunes vers les ventes.

Vérifie tout depuis plusieurs appareils

D'accord, tu es convaincu et tu as développé ton design web responsive. La première chose que tu dois faire avant de le mettre à la vue de tous est de vérifier par toi-même que tout fonctionne comme il se doit. Mets-toi à la place de l'utilisateur, visite ta page et exécute les actions habituelles. Et pas seulement depuis un mobile et une tablette, essaie de le faire depuis plusieurs modèles différents et dans divers navigateurs. Si une autre personne étrangère à ton site le fait aussi, c'est encore mieux.

Nous insistons là-dessus car il peut y avoir des fonctions qui se voient bien et fonctionnent parfaitement sur ton ordinateur de bureau, mais qui ensuite n'apparaissent pas ou ne se chargent pas correctement depuis la navigation mobile ou tablette.

Rappelle-toi de tester avec l'écran en position verticale et horizontale et assure-toi que l'utilisation tactile des fonctionnalités est confortable. Les utilisateurs ne devraient pas être obligés d'utiliser le zoom pour toucher avec précision un bouton ou un lien.

Et ne concentrons pas toute l'attention sur les appareils mobiles. Bien qu'il ait encore beaucoup moins d'impact dans notre pays, la consommation d'internet via les smart-TV semble devoir augmenter considérablement dans les prochaines années.

Avec le design web responsive, le redimensionnement de tous les éléments de ton site sur les énormes écrans des télévisions intelligentes - beaucoup d'entre elles étant déjà incurvées - ne devrait pas poser de problèmes. Cependant, nous devrons rester attentifs aux nouveautés qui pourraient surgir, car dans le domaine des technologies, on le sait : se renouveler ou mourir.

As-tu passé l'examen ? Des doutes ou des commentaires ? La section des commentaires est à toi 🙂