CreationWeb13

Création de sites Internet en région PACA et Rhônes-Alpes

Responsive Web Design – Les sites Internet adaptatifs

Site internet responsive ou adaptatif

Responsive Web Design ou Site Web Adaptatif

Site internet responsive ou adaptatif

Vous souhaitez surement rendre votre marque ou votre entreprise visible partout dans le monde, n’est ce pas? Parfait, c’est le principe du site Internet!

Mais, soyons plus précis. Souhaitez-vous que votre site Internet soit correctement visible par tout le monde? Il y a une nuance à bien saisir.

Voyons ensemble ce que cela signifie:

Internet n’est plus, depuis peu, réservé à la consultation sur PC . Le fort succès des smartphones et tablettes Android, Apple et autres Windows phones, a élargi considérablement le nombre de terminaux que vos clients potentiels peuvent utiliser pour visiter votre site Internet. Il est donc aujourd’hui nécessaire de s’adapter à ces nouveaux visiteurs.

Cas concret: vous avez apporté beaucoup de soin à la charte graphique de votre site et espérez que vos visiteurs aient une expérience de consultation optimale. Vous aimeriez qu’au travers de cette présentation ils ressentent l’esprit de votre entreprise, l’essence même de votre projet.

Sur PC, pas de problème, votre site est magnifique! Vous vous dites: « Mission réussie, je peux dormir sur mes deux oreilles!« . Hélas non! Vous recevez un message d’un ami qui vous dit que c’est une catastrophe! Il est obligé de faire défiler de gauche à droite et de bas en haut sans arrêt pour arriver à afficher ne serait-ce qu’un simple paragraphe. C’est laborieux, il laisse tomber dès la première page… En effet, il ne se sert plus de son vieil ordinateur, il a un fabuleux smartphone qui fait tout (ou presque…)!

C’est là qu’intervient le design dit Responsive!

Étant donné les différentes tailles d’écran des différents terminaux, le site se doit de s’afficher différemment selon l’appareil utilisé pour naviguer.

Par exemple, sur un écran 17″ (la référence), le site s’affichera avec une structure de ce type:

Affichage responsive écran de PC

Ce même site, sur un smartphone, devra s’afficher par exemple de cette manière:Responsive écran de smartphoneAinsi, l’utilisateur du smartphone n’aura plus qu’à faire défiler verticalement l’écran en faisant glisser son doigt pour lire la totalité du contenu de votre site. De plus la taille du texte s’adaptera à la taille du terminal afin que tout soit lisible sans difficulté. L’expérience est enfin optimale! Le site peut être totalement visité à l’aide de l’écran tactile de son smartphone et n’a donc pas besoin de souris.

Pour une tablette ce sera le même principe. Les images, les zones de texte et les menus devront être redimensionnés et repositionnés automatiquement selon la taille de l’écran du terminal afin que tout rentre en largeur et que le seul geste nécessaire soit le défilement vertical.

C’est pour cela que tout les sites réalisés par nos soins pour nos clients sont Responsive, afin d’offrir à vos visiteurs une expérience agréable de votre site web.

 

Pour plus d’informations techniques, veuillez également lire:

http://fr.wikipedia.org/wiki/Site_web_adaptatif

http://www.alsacreations.com/article/lire/1615-cest-quoi-le-responsive-web-design.html

http://openclassrooms.com/courses/qu-est-ce-que-le-responsive-web-design