Responsive Design ? Version mobile ? Quelle solution pour votre site internet ?
25-03-2015•
0 commentaire
Il ne se passe pas une semaine sans que de nouveaux prospects nous sollicitent pour la création de leur site web, en précisant qu’ils souhaitent que leur nouveau site soit "Responsive".
Cependant, une fois sur deux, un site web Responsive n’est pas forcément adapté à leurs besoins ou à leurs objectifs. Alors pourquoi cet engouement ?
Définition du Responsive Web Design
Commençons par définir le Responsive Design...
“Le Responsive Web Design (RWD) est une approche de conception web qui vise à élaborer des sites offrant une expérience de lecture et de navigation optimales pour l’utilisateur quel que soit le type d’appareil (téléphone mobile, téléviseur, tablette, liseuse, écran d’ordinateur, …).”
(Source : AlsaCreations, une référence dans le monde de la création web)
“Le Responsive Web Design (RWD) est une approche de conception web qui vise à élaborer des sites offrant une expérience de lecture et de navigation optimales pour l’utilisateur quel que soit le type d’appareil (téléphone mobile, téléviseur, tablette, liseuse, écran d’ordinateur, …).”
(Source : AlsaCreations, une référence dans le monde de la création web)
Pour autant, nous n’obtiendrons pas un affichage identique des éléments du site sur tous ces types d’appareils.
C’est même la grande particularité du Responsive Design : ajuster ce que l’utilisateur voit en fonction de la surface d’affichage disponible.
Ainsi, le site web d’un réseau de transport d’agglomération pourra afficher une carte interactive sur des écrans d’ordinateur et tablettes en plus des autres informations, mais uniquement les infos trafic, les recherches d’horaires et le numéro de téléphone du service client sur téléphone mobile.
C’est même la grande particularité du Responsive Design : ajuster ce que l’utilisateur voit en fonction de la surface d’affichage disponible.
Ainsi, le site web d’un réseau de transport d’agglomération pourra afficher une carte interactive sur des écrans d’ordinateur et tablettes en plus des autres informations, mais uniquement les infos trafic, les recherches d’horaires et le numéro de téléphone du service client sur téléphone mobile.
Les avantages du Responsive Design
Le principal avantage mis en avant pour promouvoir le Responsive Design est de ne pas avoir à développer plusieurs sites, un pour chaque type d’écran (téléphone mobile, tablette, écran d’ordinateur). En réalité, ce n’est un problème que si l’on utilise un socle technique (CMS) qui ne suit pas l’approche MVC (une approche qui permet de dissocier les problématiques de traitement et d’affichage).
Les solutions techniques adoptées par La République Du Clic sont de type MVC depuis près de 10 ans. Ainsi, réaliser une variante mobile, tablette, écran de télévision (pour diffusion en circuit fermé) ne coûte pas plus cher que d’opter au départ pour un site unique « Responsive Design », tout en offrant l’avantage de pouvoir totalement personnaliser l’expérience utilisateur selon le type d’appareil utilisé par l’internaute.
Les solutions techniques adoptées par La République Du Clic sont de type MVC depuis près de 10 ans. Ainsi, réaliser une variante mobile, tablette, écran de télévision (pour diffusion en circuit fermé) ne coûte pas plus cher que d’opter au départ pour un site unique « Responsive Design », tout en offrant l’avantage de pouvoir totalement personnaliser l’expérience utilisateur selon le type d’appareil utilisé par l’internaute.
Les limites du Responsive Design
Il ne faut pas perdre de vue que la création d’un site selon l’approche Responsive Design représente un surcout non négligeable (de l’ordre de +20/30%).
Comme l’explique AlsaCreations, un Design Responsive requiert une forte technicité et une forte dépendance avec les différents navigateurs.
Ainsi, outre demander une plus importante réflexion d’ergonomie en amont (il faut penser mobile ET tablette ET écran d’ordinateur), il faut également prévoir d’étendre les tests et corrections à un grand nombre de navigateurs.
Comme l’explique AlsaCreations, un Design Responsive requiert une forte technicité et une forte dépendance avec les différents navigateurs.
Ainsi, outre demander une plus importante réflexion d’ergonomie en amont (il faut penser mobile ET tablette ET écran d’ordinateur), il faut également prévoir d’étendre les tests et corrections à un grand nombre de navigateurs.
Le paradoxe du Responsive Design
Le plus grand paradoxe du Responsive Design, c’est que le navigateur doit télécharger toutes les données que ce soit pour un affichage mobile, tablette ou ordinateur de bureau.
Et ce, même s’il existe en théorie des techniques pour limiter le volume de données, un téléphone mobile, disposant souvent d’un faible débit de connexion, se retrouve pénalisé alors même que l’affichage devrait être optimisé pour lui.
Et ce, même s’il existe en théorie des techniques pour limiter le volume de données, un téléphone mobile, disposant souvent d’un faible débit de connexion, se retrouve pénalisé alors même que l’affichage devrait être optimisé pour lui.
Les alternatives au Responsive Design
La principale alternative à l’approche Responsive Design est d’opter pour une variante mobile de son site. Nous l’avons vu, le surcoût n’est pas forcément important, et cette approche permet de proposer une expérience utilisateur totalement adapté au mobile, sans contrainte liée aux autres types d’écrans.
Et si vous ne souhaitez pas investir sur une version mobile, La République Du Clic a une solution économique spécialement conçue pour vous : Clic Pocket.
Grâce à cette solution technique innovante, votre site web, quel qu’il soit, devient « compatible mobile » et supprime notamment les alertes Google mobile.
Quand privilégier le Responsive Design ?
Nous avons pourtant souligné en introduction qu’une fois sur deux, le Responsive Design pouvait répondre au besoin exprimé.
Il y a 2 grands cas de figure :
- Lorsque le site web veut miser sur une approche fortement visuelle et dynamique : il est alors préférable d’opter pour une version totalement Responsive (ex. : Jeu-Pédagogique.fr ).
- Lorsque le site est avant tout conçu pour le mobile (site « utilitaire »), et que le besoin sur écran d’ordinateur est simplement de rendre l’ensemble lisible sur grand écran.
Vous hésitez entre un site traditionnel, un site Responsive Design et un site mobile ?
Contactez La République du Clic pour obtenir une étude gratuite...
0 commentaire
Soyez le premier à ajouter un commentaire