Responsive Design à la Webschool Orléans

Webschool 3collaboractifs

Ce mardi se tenait la session mensuelle de la Webschool Orléans, avec au programme le responsive design. Retour sur l’événement web de la semaine qui se tenait à la CCI place du Martroi.

Le président Bertrand Laurentin présentait les actualités de l’association, avec en tête d’affiche le nouveau site web réalisé par le partenaire Kiwik. Un site bien sur conçu de façon responsive !

Le trésorier Philippe Guerin ne manquait pas non plus de mettre en valeur le fil d’actu twitter intégré. Un bon moyen de suivre les dernières infos de la #Webschool. Fil Twitter qui permet également à ceux qui n’ont pu venir de suivre la session en livetweet !

En plus des nombreux partenaires qui soutiennent la Webschool, Bertrand nous annonçait également l’arrivée d’un nouveau partenaire d’importance puisque Orange a décidé d’apporter son soutien à l’association orléanaise.

Pour parler du responsive design, la Webschool accueillait Pierre-Antoine VIALLON, directeur de communication de l’agence orléanaise ADS-Communication, créée en 1997.

Le web et la mobilité

Avant d’attaquer le responsive design, Pierre-Antoine faisait un petit tour d’horizon du web et des usages mobiles :

L’usage du web en connexion mobile a dépassé celui des connexions fixes (type PC) depuis l’année 2013.

Entre 2012 et 2014, respectivement +20% et +25% de la population française se sont équipés de smartphones et tablettes quand la part de français possédant un ordinateur portable reste stable. Preuve en est que la mobilité est en marche !

A noter qu’au premier trimestre 2012, 20 millions de tablettes étaient vendues dans le monde contre 80 millions au troisième trimestre de l’année 2014.

La mobilité est toutefois à nuancer en fonction des marchés visés. Sur le marché BtoC, le mobile représente aujourd’hui presque 50% du marché, cependant, il ne s’élève qu’à 15% sur le marché BtoB.

Un dernier chiffre pour conclure sur la consommation mobile du web : 1 français sur 3 utilise un smartphone régulièrement.

Le responsive design

S’il fallait définir le responsive design, Pierre-Antoine insiste sur le fait que le site que vous concevez n’est plus statique. Il bouge avec la taille de la fenêtre ou le format de l’écran du terminal. Parmi quelques exemples de bons élèves, Pierre-Antoine citait l’Elysée, ZD.net, Microsoft ou en plus local l’hôtel de l’abeille et bien sur la webschool.

Le contenu est donc liquide puisqu’il s’adapte. La page reste la même mais les CSS (feuilles de style) gèrent la mise en place et déplacent les éléments (menu compacté…) selon une logique de dégradation pour masquer certaines zones.

Responsive design webschool 3collaboractifs

Ci-dessus le site de la webschool en pleine page et format réduit

Concevoir son site avec le responsive design présente plusieurs avantages. Vous n’avez ainsi plus qu’un seul support à gérer et votre référencement s’en trouve optimisé. Par ailleurs, cela représente un bon compromis pour développer des premières versions de vos plateformes. Twitter a d’ailleurs développé Bootstrap, un framework en libre accès pour nous aider à travailler.

Cependant, le responsive design n’est pas la seule vérité du marché puisque les applications représentent depuis quelques années un moyen incontournable de se connecter via smartphones ou tablettes de part sa facilité d’accès. Le site mobile responsive peut en effet s’avérer plus long à charger puisqu’il faut passer par un navigateur. Il demande aussi une meilleure connaissance du media puisqu’il faut tester son interface sur tous les supports. Une contrainte de création puisqu’il faut adapter le déplacement et la dégradation de tous les blocs.

De manière générale Pierre-Antoine VIALLON décrivait le paysage web mobile comme assez mixte. Puisque si nous nous connectons sur les applications régulières, mais tout le reste du web se passe sur le navigateur. Et en tant que clients exigeants que nous sommes tous, nous critiquons le site dès que le moindre détail ne fonctionne pas. Imaginez donc que votre site ne s’adapte pas au format du smartphone de vos clients, un bon raté pour commencer votre relation avec lui. Vous l’aurez donc compris, la marche du responsive design n’est pas à rater !

Prochain rendez-vous à la webschool le 21 avril avec une thématique qui nous tient à cœur, l’économie collaborative. En espérant vous voir nombreux là-bas.

Fabien Clouet  /  @fabienclouet

Publicités

Une réflexion sur “Responsive Design à la Webschool Orléans

  1. Pingback: Le webdesign en 2015 |

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s