BLOG

Blog

  • Clients, serveurs ? Qu’est-ce que ça veut dire ?
    Ces termes informatiques sont très régulièrement utilisés et il peut être intéressant de savoir, grossièrement, de quoi il s’agit. Qu’est-ce qu’un serveur ? Un serveur est un équipement informatique. Le plus souvent ce n’est qu’un simple ordinateur. Bien sûr il est, en général, beaucoup plus puissant que les ordinateurs que…
    En savoir plus...
  • Les messages d’erreurs HTTP
    Les messages d'erreurs HTTP: Qui n’a pas un jour rencontré une page inaccessible sur un site internet ? Tout le monde n’y prête pas forcement attention mais le message renvoyé (à la place de la page inaccessible par exemple) est généralement accompagné d’un code. Nous allons brièvement voir les significations…
    En savoir plus...
  • Le référencement
    Qu'est-ce que le référencement ? Le référencement est l'action visant à rendre visible un site depuis les différents outils de recherche disponibles sur Internet. Ces outils ne sont autre que les moteurs de recherche (google, yahoo, Bing...) et les annuaires (meilleursliens.be, net-liens.com, meilleurduweb.com, weborama.fr...) qui vont indexer les sites pour…
    En savoir plus...
samedi, 08 juin 2013 20:17

Qu’est-ce qu’un site dit “responsive” ?

Contexte :

Aujourd’hui, nous pouvons accéder à internet grâce à une multitude de supports : ordinateurs, tablettes, Smartphones…
Devant la diversité de taille d’écran et de résolution de ces terminaux, les concepteurs de site web se sont trouver devant un problème de taille (+1 jeu de mot !) : Comment penser l’ergonomie de mon site pour qu’il soit optimisé sur toute sorte d’écran ?

Pour contourner ce problème, la première idée aura été de créer un deuxième site dédié aux mobiles. Cette solution n’est pas entièrement à proscrire, selon les projets, mais elle présente de grosses contraintes :

  • ça fait 2 sites à créer, et donc 2 sites à gérer.
  • Avec l’arrivée des tablettes, on fait un 3e site ? Et pour les nouveaux supports  à venir… ?

C’est là que le Responsive Web Design (RWD) intervient.

 

 

Principe :

L’idée est de concevoir un site dont l’interface s’adaptera automatiquement en fonction de l’espace disponible sur l’écran.

Le Responsive Web Design est le nom donné à une variété de techniques visant à rendre le site Web parfaitement visible sur n'importe quel écran . Les colonnes et les images s'ajustent, se redimensionnent et se déplacent automatiquement en fonction de la largeur du support. Ceci optimisant l’accès à l’information du site web et sa navigation.

Pour arriver à ce résultat, le concepteur doit repenser le comportement de chacun des éléments du site en fonction du terminal utilisé.

En hiérarchisant les différents informations d’une page Web, il pourra indiquer aux éléments de moindre importance (image d’habillage d’un texte,   contenu secondaire, barre latérale du site …) de se placer « derrière » l’information principale, de réduire leur taille ou même de disparaître complétement.

 

En pratique :

Pour simuler un écran plus petit que celui que vous utilisez actuellement, réduisez la largeur de la fenêtre de votre navigateur. Vous constaterez, alors, que les éléments de cette page se réorganisent pour garder une ergonomie cohérente.

 

En conclusion :

Comme de plus en plus de gens navigue sur le web via leurs appareils mobiles , l'avenir tend à avoir une conception de site Web qui permet  d'afficher votre site lisiblement sur ces appareils. En effet, si vous avez qu’une version de bureau de votre site Web aujourd’hui, vous vous passez de tous les clients potentiels qui utilisent leurs smartphones plus leurs ordinateurs de bureau.

En utilisant une conception adaptée, vous n’avez à gérer qu’un seul site, peu importe le nombre de terminaux utilisés pour lire votre site. Cela signifie que vous n'avez pas à créer des pages séparées pour les smartphones , tablettes et autres écrans . Comme vous pouvez l'imaginer, cela baisse considérablement le temps de gestion, et donc le coût de production de votre site.

Le Responsive Web design a beaucoup d'avantages et devient, aujourd’hui, stratégiquement indispensable. N'hésitez pas à sauter dans responsive design maintenant!

Devis

Être Contacté

Compétences

Site web sur mesure aux standards W3C
Site Flash animé
Logo, Bannière animée et interactive
Référencement et Optimisation du SEO
Identité visuelle et charte graphique
Développement et application Web

Réalisations

realisations
chargement...
4D for Design. fermer