Pensez au responsive design. Voici quelques exemples sur Iscomigoo Webdesign

Car nous ne sommes jamais rassasiés de nouveautés et de design pour notre inspiration, Iscomigoo Webdesign vous présente aujourd’hui une sélection de 10 sites en responsive design dans différentes secteurs : que ce soit un blog, un site e-commerce, un site d’agence de design et de publicité, et bien d’autres. Le webdesign évoluant sans cesse, certains exemples sont des anciennes versions des sites mais restent tout de même intéressantes pour s'inspirer.

Comme nous l’avons vu dans un article précédent concernant le responsive design, cette pratique du responsive design gagne de plus en plus de popularité et est maintenant considérée comme l’un des meilleurs moyen de designer son site internet pour qu’il soit lisible sur tous les supports : smartphones, tablettes, desktop et même smart TVs !

Iscomigoo Webdesign vous présente ci-dessous une sélection avec sur la gauche le site vu sur une tablette et sur la droite le site vu à partir d’un smartphone. N’hésitez pas à proposer vos coups de cœur également.

#01: Blog: Think Traffic

Iscomigoo Webdesign: Sélection de responsive design sites, Think Traffic

#02: E-commerce: United Pixelworkers

Iscomigoo Webdesign: Sélection de responsive design sites, United Pixelworkers

#03: Design et Pub: MRY

Iscomigoo Webdesign: Sélection de responsive design sites, MRY

#04: Path

Iscomigoo Webdesign: Sélection de responsive design sites, Path

#05: Evènementiel: Design Week Portland

Iscomigoo Webdesign: Sélection de responsive design sites, Design Week Portland

#06: Association: TreeHouse

Iscomigoo Webdesign: Sélection de responsive design sites, TreeHouse

#07: Dress Responsively

Iscomigoo Webdesign: Sélection de responsive design sites, Dress Responsively

#08: Edition: CSS Tricks

Iscomigoo Webdesign: Sélection de responsive design sites, CSS Tricks

#09: Technologie: SquareSpace

Iscomigoo Webdesign: Sélection de responsive design sites, SquareSpace

#10: Nokia

Iscomigoo Webdesign: Sélection de responsive design sites, Nokia

Pour plus de sites et plus d’inspiration, Iscomigoo Webdesign vous conseille cet article d'où la sélection est tirée et qui vous présente de nombreux sites en responsive design.

Pourquoi penser mobile lorsque l'on designe une interface web? La réponse sur Iscomigoo Webdesign

Responsive design = 25% de trafic supplémentaire

J'ai appris aujourd’hui que plus de 25% du trafic sur Internet vient du mobile. Alors cela voudrait dire que si vous n’avez pas designé votre site internet en responsive design, vous perdez plus d’un quart de vos visiteurs! Voici plus de détails sur Iscomigoo Webdesign.

Qu’est-ce que le responsive design Un site en responsive design est un site qui est designé de manière à ce qu’il puisse s’adapter à tous types d’écrans (ordinateur, tablette, mobile), peu importe la taille, sans que l’aspect soit totalement « chamboulé » lors du passage d’un support à l’autre. Avouez que zoomer indéfiniment pour pouvoir cliquer sur «se connecter» est insupportable lorsque vous charger un site web non adapté sur votre mobile. Avec le responsive design, tout ça c’est fini!

Iscomigoo Webdesign conseil: le responsive design c'est 25% de trafic supplémentaire

Alors il est temps de vous y mettre, le mieux étant de penser votre site web le plus simplement possible: telle une interface mobile. Plusieurs avantages à cela: la navigation n’en sera que plus simple pour vos visiteurs, ils apprécieront la navigation «fluide», compréhensible et ludique, votre site internet sera clairement visible et lisible sur tous les supports, il sera donc responsive. De plus, de nombreux logiciels et outils vous apportent une aide précieuse et vous demandent peu d’efforts afin de vous fournir une interface web et mobile, comme par exemple Sketch.
Certains affirment même que nous ne devrions pas designer deux sites différents: un pour le mobile et un pour le web. Nous devrions simplement l’adapter en fonction de la largeur du support sur lequel on le visite. C’est ce qui résume le responsive design. Voici quelques exemples réalisés avec Sketch par Meng To, accompagné d’un article vraiment très intéressant.

Iscomigoo Webdesign conseil: le responsive design c'est adapter son site à toutes les tailles de supports

Iscomigoo Webdesign conseil: Meng To, Designing Mobile First

Iscomigoo Webdesign conseil: Meng To, Designing Mobile First

Responsive design, la solution pour un meilleur référencement?

Mais ça ne s’arrête pas là! Google ayant annoncé que les sites internet en responsive design étaient à privilégier (sous entendu que Google favorise les sites en responsive et donc que ça facilite le SEO), on ne se pose plus de questions!
Comme dit juste au dessus, le visiteur aura une navigation simplifiée et donc plus agréable qui évitera les sorties brutales de certains lorsqu’il ne trouve pas ce qu’il cherche. De plus, qui dit interface simplifiée dit: aucun contenu dupliqué, une architecture de site plus simple et un chargement de pages plus rapide. Ajoutons à cela le fait que votre site sera le même sur tous les supports et donc, que tous les visiteurs se rendront sur un seul et unique site: vos visiteurs ne seront pas dispersés entre votre site mobile, tablette et web et votre page rank en sera ravi.

Iscomigoo Webdesign conseil: Designer votre interface mobile avant votre interface web? Passer au responsive design

Conseil Iscomigoo Webdesign

Alors si vous n’avez pas encore adopté le responsive design, Iscomigoo Webdesign vous le conseille! Prenez tout de même le temps d’analyser la situation pour être sûr que ce dernier est adapté à votre situation et s’il ne faut pas par exemple, avoir une application mobile dédiée en plus de votre site en responsive. Même si tout à l’air bien rose sur le papier, ce n’est pas toujours aussi simple (et oui!). Alors passez au responsive design (oui!) mais de manière réfléchie!