Sorry, you need to enable JavaScript to visit this website.

Image CAPTCHA
Saisir les caractères affichés dans l'image.

[Infographie] responsive design : une solution pour tous les usages ?

[Infographie] responsive design : une solution pour tous les usages ?
2015-03-232015-04-03marketing mobilefr
Les Smartphones et les tablettes sont sans conteste les stars de ces 5 dernières années dans le domaine de la communication. En effet, plus personne ne doute de leurs usages dans notre vie quotidienne. Aujourd’hui, de plus en plus d’Internautes sont en fait des mobinautes
Publié le 23 Mars 2015 par François Body dans marketing mobile

Les Smartphones et les tablettes sont sans conteste les stars de ces 5 dernières années dans le domaine de la communication. En effet, plus personne ne doute de leurs usages dans notre vie quotidienne. Aujourd’hui, de plus en plus d’internautes sont en fait des mobinautes : ils étaient 29,4 millions  en juin 2014.

Les marques doivent alors s’adapter pour assurer leur visibilité sur la toile. Comment faire pour qu’un site Internet s’adapte à tous les supports et notamment aux mobiles ? Une des solutions est le responsive design. Mais qu'est-ce qu’un site responsive ? Est-ce vraiment adapté pour tous les types d’usages ?

qu’est ce qu’un site responsive ?

Lorsque l’on souhaite consulter des informations sur nos mobiles tout le monde pense, à juste titre, à utiliser les applications présentes sur ces derniers. Ces applications natives permettent d'accéder à un contenu riche et adapté à un usage 100% mobile, offrant alors une expérience utilisateur poussée à sont maximum. Elles sont, malheureusement, assez longues à développer et donc assez coûteuses. En fonction des usages des mobinautes, les marques peuvent envisager une solution beaucoup plus rapide et moins chère qui permet de créer un site Internet que tout le monde pourra visiter. Cette solution est le responsive design.

L’idée est simple : faire en sorte qu’avec une conception basée uniquement sur du HTML/CSS et JS, un site Internet puisse s’adapter sur tous les types de supports. Que ce soit en termes de présentation de contenu ou en termes de fonctionnalités, un site Internet s’affichera donc de façons différentes, selon la taille du support, soit en cachant ou soit en affichant des informations plus ou moins pertinentes pour l’utilisateur.

Cette solution a de nombreux atouts :

  • un coût maîtrisé et un temps de production raccourci puisque le développement est assez simple et n’est fait qu’une seule fois
  • une compatibilité optimale avec tous les écrans, les OS et les navigateurs
  • un meilleur référencement (les moteurs de recherche référencent les sites Internet et non les applications).

est-ce vraiment adapté pour tous les usages ?

S’il s'agit d'un simple usage de « consultation d'article » la réponse est oui. Mais du fait de sa simplicité, le responsive design possède quelques points négatifs qu’il ne faut pas négliger.

Pour commencer le point le plus important réside dans l’expérience utilisateur. En effet, le code étant le même sur mobile que sur ordinateur, le site Internet est tout simplement « ré-agencé ou réorganisé » selon le support sur lequel il s’affiche. Il n’est donc pas optimisé pour une réelle utilisation mobile, et n'offre pas une ergonomie et une expérience utilisateur très différente. Un site responsive affiché sur un Smartphone ne peut quasiment pas interagir avec ce dernier, en utilisant par exemple les fonctionnalités natives comme l'accéléromètre, la caméra ou la géolocalisation. Un utilisateur mobile aura donc une version adaptée visuellement à son appareil mais n’aura pas de contenu, ni d’informations pensés pour une utilisation optimale sur Smartphone ou tablette. Cette nuance est très importante et nous oblige à avoir une réflexion nécessaire en amont afin de bien identifier les besoins du client mais surtout sur les usages des internautes.

Autre point négatif : la performance. Contrairement à une application mobile qui est stockée sur le Smartphone et peut donc être utilisée en mode « hors connexion »; un site Internet responsive est hébergé sur un serveur nécessitant d’avoir une connexion. Le temps de chargement du site pourra alors varier en fonction du réseau.

Au final, le Responsive design est un moyen parmi d'autres de parvenir à afficher correctement des informations sur différents supports sans passer par un développement lourd comme pour les applications. Mais cette solution ne doit pas être considérée comme la "solution magique".

En mobilité, l'expérience utilisateur est primordiale. Il faut donc prendre le temps de la réflexion et bien analyser son projet, afin de ne pas se retrouver bloqué par une solution technique peu adaptée aux usages des clients. La clé est bien de partir des besoins des clients et non de la technique ! On peut avoir tendance à l’oublier …

François Body

1 Commentaire

  • 23 Avril 2015
    2015-04-23
    par
    Vincent
    Bonjour,
    Article très intéressant !
    Je suis néanmoins en désaccord sur la conclusion faites en fin d'article.
    Les points négatifs cités, notamment la nécessité d'avoir une bonne connexion internet, sont beaucoup moins justifiables ces dernières années de part :
    - les nouvelles méthodes permettant d'optimiser les temps de chargements d'un site WEB (exemple : convertir les images en base64 pour réduire le nombre d'appel HTTP, minifié les JS et CSS...)
    - les débits 4G et 5G (à venir) de plus en plus puissants. De plus un site responsive est indépendant du support sur lequel il est exploité, et de ce fait reste toujours à jour quoi qu'il arrive... Vincent.

Ajouter un commentaire

comments

  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • Tags HTML autorisés : <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <br>

Plain text

  • Aucune balise HTML autorisée.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.

Email HTML

  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
Image CAPTCHA
Saisir les caractères affichés dans l'image.
Changer d'affichage