picto_telephone Appeler l'agence, 1MIN30.
1MIN30-numerovert
Nous contacter

Méthode : wp_session, expire dans : 1472649026

Rencontrons nous a
 marketing-space-paris

2013
08/janv

Responsive design: comment faire? [Infographie]

Une infographie très complète par Splio sur le responsive design et la façon de l'implémenter. Malgré la complexité du sujet le propos est clair concernant la mise en place des media queries selon la taille d'écran. Quelques éléments d'information avant de découvrir l'infographie.

Pourquoi faire du responsive design?

Avec le développement des smartphone et des consultations depuis un mobile le responsive design n'est plus une option. C'est la seule technique qui permet de développer un seul site adapté à tous les environnements: mobile, tablette, fixe. C'est d'ailleurs une technique qui progresse rapidement comme le souligne les résultats de notre Observatoire 1min30 des site Internet professionnels français 4,4% des entreprises ont un site responsive.

Comment faire du responsive design?

10 conseils issus de l'infographie:
  • Simplifier la page pour facilité son adaptation au mobile
  • Utiliser les media queries pour s'adapter aux différentes résolutions d'écran
  • Définir les frontières segmentant les différentes tailles d'écran
  • Construire sa maquette sur une grille flexible
  • Adapter vos images à la taille d'écran, plus l'écran et petit plus l'image doit être ressérée
  • N'oublier pas de border les images avec des max et des min pour qu'elles restent lisibles
  • Utiliser des valeurs relatives
  • Organiser les contenus sur le mobile sous forme de colonne...
  • ... et supprimer les contenus non essentiels
  • N'oubliez pas dans le header la balise <meta name="viewport" content="width=device-width">
Je vous laisse découvrir l'infographie... Responsive design: comment faire? Pour les plus courageux qui seront allez jusqu'au bout de l'infographie, qu'en pensez-vous? Est-ce que cela vous semble clair? En tout cas pour 1min30, c'est l'un des chantiers de ce début d'année sur notre site Internet. En effet, l'adaptabilité au mobile est l'un des critères essentielles mis en avant dans notre nouveau livre blanc "Les 11 commandements d’un site Internet qui convertit vos visiteurs en clients". Alors il n'y a plus qu'à;-) Par ailleurs, si vous souhaitez réaliser un site responsive, je vous invite à découvrir notre offre création de site Internet.

Posté par Gabriel Dabi-Schwebel

Ingénieur de formation, j'ai accompagné notamment pour Alcatel, TF1, SFR et Lagardère Active le lancement de nombreuses révolutions numériques : 3G, VoD, Triple Play, TV Mobile, Apps Smartphone, Smart Grid, etc. Ces expériences ont forgé mon expertise du marketing lire la suite...

Contact Création de site :
Mathieu Benhalima

mb@1min30.com
06.79.84.25.05

En 2013, augmentez votre trafic et votre chiffre d'affaires

Les nouveaux papas, cibles de communication pour Google

9 Comments

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *