Le responsive design VS les sites mobiles

Les internautes se connectent de plus en plus souvent à l’aide de leurs téléphones ou de leurs tablettes, sans pour autant bouder les ordinateurs.

Il faut donc que les sites Internet s’adaptent aux nouvelles modalités de connexion tout en prenant en compte les règles de base : Tactilité, résolution d’écran, intuitivité, ...

Chaque terminal a ses propres caractéristiques. Le site doit donc s’adapter à tous les formats pour pouvoir être lu correctement.

Que l’on choisisse le Responsive Design ou le développement d’une version mobile, ce sont aujourd'hui des solutions incontournables si l’on veut conserver une présence sur Internet.

Mais quelle solution choisir pour son site ?

Chaque solution a ses avantages et ses contraintes et chaque site à ses objectifs. Pour essayer d’y voir plus clair nous allons faire un état des lieux du Responsive Design et des sites versions mobiles.

  • Le Responsive Design

    Le responsive Design est la faculté d'un site web à s'adapter au terminal de lecture. Avec le Responsive Design, le contenu d’un site internet s’adapte automatiquement à la largeur et/ou à la hauteur de l’écran qui le visionne.
    Un site en Responsive design adapte de lui-même le menu, la slidebar, les images et même sa structure pour être visible convenablement et sans zoom sur une tablette un smartphone, une télévision ou sur un ordinateur. Les colonnes, par exemples peuvent s’ajuster, se déplacer, voire disparaître. Les images se redimensionnent, se replacent et il en va de même pour de nombreuses choses.

    Le Responsive Design est une véritable philosophie car il faut repenser toute l’approche d’une création d’un site Internet.


    Le Responsive Design
  • Définition des sites mobiles

    Un site mobile est un site Internet classique, dont l’affichage et la navigation sont développés et optimisés pour l’affichage mobile : Taille réduite et si possible tactile.

    Un site mobile peut être accessible par tous les téléphones : quel que soit son type (smartphone ou non), son système d’exploitation ou ses spécificités techniques (résolution d’écran, support du Javascript ou non, etc.).

    Un site mobile peut être très intéressant d’un point de vue commercial car il permet de proposer des contenus à une toute nouvelle audience et dans un tout autre contexte.


    Définition des sites mobiles
  • Les + et les - du responsive design

    Les plus :

    • Très peu de maintenance à réaliser,
    • Le coût de développement a un retour sur investissement plus intéressant qu'un site mobile spécialisé. Certes le temps de développement est plus long, mais, on touche une cible plus large, à travers différents terminaux. L'information est donc susceptible d'être trouvée plus facilement et le taux de transformation augmente.
    • URL unique. Le site s'affiche automatiquement en fonction de l'écran sans demander de quelle manière l'utilisateur souhaite naviguer,
    • Les colonnes et les images s'ajustent, se redimensionnement et se déplacent automatiquement selon la résolution d'écran. Ce qui permet une ergonomie optimale en conservant la qualité de l'information du site web,
    • Conservation du référencement naturel car la prévisualisation d'images d'une certaine largeur dans les pages de résultats d'un moteur de recherche représente un atout considérable pour le référencement naturel,
    • Meilleur indexation : Le Responsive Design s'adapte à tous les supports d'affichage. Chaque page du site à une adresse unique peu importe la version, les liens entrants se dirigent tous vers une même URL facilitant le référencement. Cela permet de réaliser des économies d'échelles considérables puisqu'une seule modification est alors nécessaire dans un site réalisé en Responsive Design,
    • Exploitation entière des avantages et des fonctionnalités du T-commerce et du M-commerce.

    Les moins :

    • Le temps de téléchargement est long. Pour la mise en forme, les images sont souvent simplement allongées et non redimensionnées. Ce qui rend le temps de chargement beaucoup plus long. Avec le Responsive Design on charge tous les éléments constituant la page ce qui amoindri la performance. Il y a définitivement plus de difficultés à télécharger le contenu d'un site « Responsive » que le contenu d'un site mobile spécialisé,
    • Le développement demande plus de temps. Pour le Responsive design il faut avoir une réflexion en amont plus importante. Chaque support a ses propres contraintes, il faut donc adapter la navigation et l'ergonomie à chaque support, pour rendre l'expérience utilisateur plus intéressante,
    • Le Responsive design demande d'avantage de compétences techniques (HTML5, CSS3, Java, Javascript) et de connaissances spécifiques à mettre en œuvre, sur chacun des supports exploité,
    • Une phase de test conséquente : La liste des tests visant à vérifier le bon fonctionnement est lourde et il y beaucoup de variables à tester. Il faudra tester chaque point sur chaque terminal,
    • La créativité est limitée: les contraintes techniques liées au développement empêchent en partie les créatifs de laisser libre champs à leurs idées et au design voulu pour le site.
  • Les + et les - des sites mobiles

    Les plus :

    • Le site web mobile est indépendant d'un site web. Il y a donc la possibilité de créer un site optimisé pour les formats mobiles, avec ses propres pages, ses propres contenus et ses fonctionnalités spécifiques totalement adaptées aux interfaces mobiles,
    • L'expérience utilisateur peut être beaucoup plus poussée. Possibilité de connexion avec des fonctionnalités natives du support mobile. Il est donc possible d'imaginer des expériences utilisateurs qui utilisent pleinement l'outil mobile (Réalité augmenté, jeux, …),
    • Le site web mobile est rapide à charger,
    • La navigation sur un site mobile est plutôt dédiée aux petits écrans,
    • Un site mobile a une durée de vie importante puisqu'il répond principalement à un besoin d'information et peut s'adapter aux besoins du mobinaute.

    Les moins :

    • La maintenance du site web mobile est séparée de la maintenance du site classique. Il y a donc risque de non concordance des contenus,
    • Le temps de développement est plus long que le Responsive Design,
    • Malheureusement, les sites mobiles sont souvent des mini-sites ne permettant pas d'avoir toutes les fonctionnalités d'un site internet.
  • En resumé

    Le Responsive Design

    Les sites mobiles

    Les +

    Très peu de maintenance

    Totalement adaptés aux interfaces mobiles

    Un retour sur investissement plus intéressant

    L’expérience utilisateur peut être beaucoup plus poussée

    URL unique

    Rapide à charger

    Les colonnes et les images s’ajustent automatiquement selon la résolution d’écran

    Dédiés aux petits écrans

    Conservation du référencement naturel

    Une durée de vie importante

    Meilleur indexation

    Exploitation des fonctionnalités du T-commerce et du M-commerce

    Les -

    Le temps de téléchargement est long.

    La maintenance du site web mobile est séparée de la maintenance du site classique

    Le développement demande plus de temps de réflexion

    Le coût est plus élevé

    Demande d’avantage de compétences techniques

    Le temps de développement est plus long

    Une phase de test conséquente

    Les sites mobiles sont souvent des mini-sites

    La créativité est limitée

  • Dans quels cas utiliser le responsive design et les sites mobiles ?

    En faisant l’état des lieux des points positifs et négatifs de ces deux solutions nous pouvons dire que le Responsive design et les sites mobiles n’ont pas les mêmes vocations. Le choix d’une de ces deux solutions dépend réellement des objectifs définis en amont.

    Le Responsive Design sera très intéressant si l’on souhaite être présent sur tous les terminaux : Site web, tablette, télévision, Smartphone, etc. Et surtout si l’on souhaite diffuser un seul et même contenu sur toutes ces interfaces.

    Alors que les sites mobiles sont une très bonne alternative si l’on souhaite développer un support indépendant du site web classique. L’intérêt est d’avoir une interface parfaitement adaptée au support mobile avec ses propres contenus, ses propres fonctionnalités et sa propre organisation. Cette solution permet aussi d’exploiter le Smartphone en réutilisant ses outils internes pour augmenter l’expérience utilisateur et proposer de nouvelles choses.

    Dans quels cas utiliser le responsive design et les sites mobiles ?