Site web mobile, responsive design, déception 2012!

On est encore loin de la solution idéale en termes de stratégie mobile, pourtant c’est un fait, les sites web mobiles sont une nécessité, sans quoi vous allez attirer le courroux de vos visiteurs et perdre en performance et conversion.

L’essor de la téléphonie intelligente a concordé avec une explosion du nombre d’applications mobiles dédiées aux iPhones et plus récemment aux téléphones propulsés sous Android. Cette course à l’armement aveugle vers les applications nous conduit aujourd’hui à une situation pour le moins problématique et paradoxale, malgré ce grand nombre d’applications : la majeure part des sites web n’est pas adaptée aux smart phones.

Rappelons que le trafic mobile est estimé, suivant les sources, entre 10 et 20% en cette fin d’année 2012 et qu’il devrait encore croître dans les années à venir.

Rappelons enfin pour saisir la problématique, qu’une application se retrouve sur les babillards des téléphones et tablettes et sont issues des Apple Store et autres Google Play, quand les sites web mobiles sont référencés par les moteurs de recherche et les réseaux sociaux et servent à présenter une version optimisée des sites web aux internautes utilisant une plateforme mobile. Soit deux utilisations bien différentes.

La rédaction de cet article a été essentiellement motivée par le constat que la plupart des sites d’information possède une application sans pourtant avoir une version mobile. Étrange et irritant.

Nous verrons donc pourquoi site web et application mobile sont tout deux nécessaires et que le développement d’un site web en responsive design est la préconisation du moment.

Que fait-on avec son téléphone malin?

Vous êtes vous seulement poser la question, chers décideurs, de savoir à quoi passé-je mon temps sur mon appareil mobile? De nombreuses statistiques et sites web répondent à cette interrogation.

Si 82% de notre temps est voué à l’utilisation d’applications, comme nous l’apprend, par exemple, le site de Comscore: temps passé sur les téléphones intelligents (article en anglais), vous conviendrez que le nombre d’applications utilisées par un usager sera, somme toute, limité. Votre babillard est restreint et une routine se met très rapidement en marche pour répondre à nos besoins et nos addictions (courriels, cartes, recherches, méteo, jeux…).

C’est en ce sens qu’outre la recherche sur le web depuis les butineurs fournis (Chrome, Safari, Yahoo, peu importe…), en tête de liste on ne retrouve pas votre application chers amis, mais bien les applications sociales, Facebook se taillant évidemment une part magistrale du gâteau.

Que retient-on de cette étude. Application ou site mobile?

  • Les applications sont effectivement essentielles  au développement d’une bonne stratégie mobile.
  • A contrario un véritable monopole s’exerce sur l’usage des applications. L’application diffusant le contenu de votre site web ne captera pas tout le trafic mobile, sans doute même qu’une part mineure puisque tous vos lecteurs n’en feront pas l’acquisition, d’autres en arrêteront l’usage.

Vous ne pouvez donc pas limiter votre stratégie mobile au seul développement applicatif.

Qu’en est-il des personnes vous visitant depuis leur mobile par leur moteur de recherche?

Qu’en est il des liens postés depuis vos plateformes sociales renvoyant vers votre site?

Deux situations très fréquentes qui nécessitent en réponse et ce chaque jour une peu plus, un site web mobile. Rendez-vous compte! 78 Millions d’Étasuniens passant 7 heures et plus par mois sur leur application Facebook, 2h sur Twitter, cliquant ainsi sur un nombre invraisemblable de liens renvoyant à des sites non-optimisés, dont le vôtre.

Ex : j’écris un article pertinent, qualitatif, optimisé pour les moteurs de recherche. Posté sur mon site, il sera directement mis en ligne sur mon application, bonheur suprême! Puis dans le but de faire parler, réagir, d’informer… je diffuse mon article sur tous les espaces pertinents possibles (Facebook, Twitter, forums…), j’en informe personnellement mes principaux suiveurs, je le lie à mon infolettre, bref je fais un très beau travail de diffusion.

Seulement, vos suiveurs en déplacement prendront connaissance de votre article depuis leur support mobile.

Face à un article sans ergonomie, la majeure part, que dis-je, l’immense majorité, ne quittera pas mais fuira littéralement et comme la peste le manque de convivialité de votre site web! Pire encore certains ne prendront plus la peine de revenir depuis leur mobile (Ce que recherche les utilisateurs de mobiles selon Google, ressource en anglais).

Agissez, optimisez votre site web pour le mobile!

Voici une allégation qui peut sembler évidente. Mais posez-vous cette question combien de fois en cliquant sur un lien Facebook êtes-vous tombé sur une site non-optimisé pour les téléphones intelligents? Combien de grands groupes d’information délaissent leurs visiteurs, en leur offrant le calvaire de tenter de lire ou regarder un contenu qui n’est pas optimisé pour leur appareil :

Les blogues de RadioCanada, Le Canadien, Canoe media, Canal +, L’Équipe, Sport 365… La liste est non exhaustive, juste quelques exemples de liens qui me sont quotidiennement proposés sur mon flux Facebook depuis mon appareil mobile et qui ne répondent pas à mes attentes d’internaute.

C’est tout bonnement insupportable et assez incroyable à l’aune du développement mobile, de la généralisation de l’usage des téléphones intelligents et des tablettes.

Le surf devient ou redevient un calvaire : menus, liens ou boutons incliquables, zooms permanents, inconfort de lecture… on se demande si les diffuseurs veulent monétiser leur site et améliorer leur référencement SEO.

Schéma illustrant le responsive design sur trois supports. moniteur, tablette, smart phone

Le responsive design, une préconisation

Je me garderais d’ergoter sur l’avenir, j’aime cette définition de l’économiste : une personne qui nous expliquera demain, pourquoi ce qu’elle avait prévu hier, n’est pas arrivé aujourd’hui (Jacques Attali), néanmoins, à ce jour, si le minimum est de développer, en parallèle des applications mobiles, un site web mobile dont l’url s’apparenterait à un sous domaine du type m.mondomaine.com, la préconisation du moment irait vers le responsive design, dont nous expliquons le principe ci-dessous.

Je me pose donc une question, pourquoi si peu de sites développés avec cette technologie depuis une année alors qu’elle présente de nombreux avantages et qu’elle est recommandée par Google lui-même : Recommandations pour des sites web optimisés pour les téléphones intelligents (ref en anglais) et pourquoi plus simplement aussi peu de sites mobiles.

Qu’est ce que le responsive design?

Ce que Wikipedia nous apprend :

La notion de Responsive Web Design (conception de sites web adaptatifs selon l’OQLF1) regroupe différents principes et technologies qui forment une approche de conception de sites Web dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation. L’utilisateur peut ainsi consulter le même site Web à travers une large gamme d’appareils (moniteurs d’ordinateur, smartphones, tablettes, TV, etc.).
Le Responsive Web Design est souvent abrégé par RWD dans les articles traitant du sujet. Il est également courant de trouver l’expression « Site web responsable » qui est une erreur de traduction de l’anglais vers le français.

En d’autres termes, le site devient multi-plateforme sans multiplier les répertoires ou les sous-domaines. Le développement prend un tout autre niveau d’expertise mais le confort pour l’utilisateur sera quasiment optimal. Un même article, une même page auront une seule place sur le web et seront optimisés pour tous les supports. Elle est pas belle la vie!

Un exemple? Ils sont encore peu nombreux, du moins pour les sites web que je fréquente. Les passionnés de jeux vidéos aurontLogo du site web d'information sur les jeux vidéos Gamekult néanmoins plaisir de découvrir le site web de Gamekult, sans doute la meilleure référence francophone en termes de jeux vidéos. N’hésitez pas à vous amuser à modifier la taille de la fenêtre du site web de Gamekult afin de mesurer directement ce qu’est le Responsive Design.

Passez en responsive!

Si vous en avez les moyens bien sûr:) En tout cas, s’il fallait déterminer un coup de gueule en cette fin d’année ce serait celui-là. Pourquoi aussi peu de sites optimisés chez les grands groupes plein de fric? C’est pas chic pour nous les gars!

Un site web majeur vous énerve particulièrement parce qu’il n’est pas optimisé pour votre appareil, n’hésitez pas à l’ajouter dans les commentaires, ajoutez aussi des exemples de sites web utilisant le responsive design.