Responsive Design

responsive designAvec l’augmentation massive de l’usage des smartphones, des tablettes et autres « objets connectés » notre quotidien est devenu « mobile ». Alors qu’en est-il de vos sites internet ? En vous fiant à votre propre expérience, utilisez-vous couramment votre téléphone mobile ou une tablette pour votre navigation sur internet ? Si la réponse est oui, c’est que vous faites maintenant partie de la majorité des visiteurs de la toile.

Responsive Design : qu’est-ce que c’est ?

C’est la capacité d’un site internet à s’adapter (à changer de forme et même parfois de contenu) en fonction de la plateforme qui le consulte. En effet, la taille des écrans, les largeurs et hauteurs d’affichage varies suivant si vous naviguez sur internet avec votre ordinateur, votre smartphone, votre tablette ou votre téléviseur connecté… Le Responsive Design a pour but de rendre les sites internet agréables et lisibles sur toutes les plateformes sans devoir « zoomer » ou prendre une loupe (sans parler d’utiliser des doigts plus fins de votre petit frère pour naviguer).

Et pour votre site, devez-vous y passer ?

Vous allez faire développer votre nouveau site web, avec Web Images Associées bien entendu ;), devez-vous le rendre adaptable sur les terminaux mobiles ? Vous avez déjà un site internet qui, même s’il ne s’adapte pas, reste visible correctement sur les plateformes mobiles, devez-vous le rendre Responsive Design ? En fait, la réponse est multiple, voici quelques éléments à prendre en compte avant de vous décider :
En vous mettant à la place de votre cible de visiteurs, pensez-vous que c’est un vrai plus si votre site web est parfaitement visible sur un smartphone en mode vertical ?
Qu’elle image voulez-vous donner de votre offre/entreprise/activité lorsqu’un visiteur consulte votre site internet ?
Le référencement de votre site internet est-il un enjeu majeur dans votre acquisition de clientèle ou pour votre notoriété ?
Si vous avez répondu oui à ces questions et s’il s’agit pour vous de créer un nouveau site, alors, aucune hésitation à avoir : il faut faire du Responsive Design.
Si vous avez déjà un site internet, tout dépend de son âge, de la technologie utilisée pour son élaboration et des développements spécifiques qu’il contient. Il ne sera pas forcement simple, il sera peut-être même impossible de le rendre Responsive sans devoir en faire une refonte complète.

Le Responsive Design : combien ça coûte ?

Ici encore, la réponse dépend de l’existant ou du contenu à créer. En effet, il faut considérer que nous devons réaliser des « modèles » de visualisation au minimum en 10 exemplaires pour pouvoir s’adapter à la majeure partie des cas :

iPhone 5 portrait, largeur: 320px
iPhone 5 paysage, largeur: 568px
iPhone 6 portrait, largeur: 375px
iPhone 6 paysage, largeur: 667px
iPhone 6 Plump portrait, largeur: 414px
iPhone 6 Plump paysage, largeur: 736px
Android (Nexus 4) portrait, largeur: 384px
Android (Nexus 4) paysage, largeur: 600px
iPad portrait, largeur: 768px
iPad paysage, largeur: 1024px

Ces 10 versions “écran” devront être optimisées pour l’affichage indépendamment les unes des autres. Ces opérations prennent du temps de réalisation et de mise au point, elles augmentent d’autant le coût de création de votre site internet.
Il faut aussi « penser » la conception et l’ergonomie dès le début pour ces affichages. Bref, comme pour l’ensemble de nos prestations, la tarification des options d’affichage responsive web design dépendra du temps que nous devrons lui consacrer. La “norme” généralement constatée est une augmentation de 25% du temps d’intégration graphique.

Et l’avenir ?

future-mobileL’avenir est résolument orienté vers de nouveaux périphériques (y compris des périphériques qui restent à inventer). Depuis janvier 2015 Google commence à envoyer des emails aux Webmasters demandant de :
« Corrigez les problèmes d’ergonomie mobile détectés sur http://www.nomdusiteconcerne.fr/ » et indiquent dans le corps du message :
Nos systèmes ont testé xxx pages de votre site et ont découvert que 100 % d’entre elles contiennent des erreurs majeures d’ergonomie mobile. Les erreurs présentes sur ces xxx pages nuisent gravement à la bonne utilisation de votre site web par les mobinautes. Ces pages ne seront pas considérées comme mobile-friendly (adaptées aux mobiles) dans la recherche Google, et seront affichées et classées en conséquence pour les utilisateurs de smartphones.
On peut imaginer qu’en plus des pénalités liées aux résultats de recherches dédiés aux mobiles, il y a, à terme, un risque de pénalités plus générales pour les sites ne proposant pas de versions web adaptatives.

N’hésitez pas à nous consulter pour tous vos besoins Responsive Design