Responsive Web Design

Alors qu’il y a encore très peu de temps on avait sur le marché 3-4 résolutions d’écran qui se battaient en duel, nous sommes aujourd’hui dans une nouvelle ère. Il n’est plus question de pixels mais d’expérience utilisateur adaptée à un terminal. On ne parle pas nécessairement de mobile ici puisqu’on peut, par exemple, depuis déjà un moment aller sur un site web à partir de sa télé avec ou sans console de jeu.

Surfez sur sa télé, n’est-ce pas là une autre expérience utilisateur ?

De nombreux professionnels du marché ou encore quelques curieux avaient déjà commencé l’expérience par la création de sites WAP. A l’époque on était déjà dans une conception totalement adaptée à ce qui existait. L’I-mode de Bouygues Telecom a apporté en cette période quelque chose de plus consistant (le développement WAP étant légèrement frustrant…)

La prolifération des smartphones et des tablettes ainsi que l’avancement du HTML, du javascript et du CSS permettent aujourd’hui d’utiliser un langage commun (même s’il n’est toujours au point), et de parler de Responsive Web Design.

Il est important de ne pas prendre le Responsive Web Design comme une technique permettant que votre site web ne soit pas trop laid sur un terminal mobile. La notion d’expérience adaptée est primordiale.

De même, réduire le contenu proposé selon le terminal n’est absolument pas le but de Responsive Web Design même si, dans certain cas, cela peut s’avérer nécessaire. Ce n’est simplement pas le but recherché.

Le Responsive Web Design inclut non seulement une notion d’ergonomie qui est essentiel mais aussi de marketing qui est bien plus fondamentale, que le site concerné soit un site marchand ou non (quelque chose à vendre ?). En effet l’efficacité du message à transmettre et de la finalité de ce dernier (inscription, collecte d’information, ventes…) est plus qu’essentiel.

C’est bien sympa d’avoir un site joli en tout circonstance mais si quand on y va avec un smartphone la transformation (par rapport à l’objectif) est divisée par 2 ou 3 alors on est à côté de la plaque. La performance marketing doit être elle aussi portative.

Voici une vidéo faites rapidement illustrant le Responsive Web Design.

DailyMotion – YouTube – Facebook

Comment se lancer ?

On pourrait croire qu’un site existant aurait juste besoin de 2-3 patch css et un peu de javascript et l’affaire est réglée. Et bien c’est une erreur de croire cela. Pour un site existant il est nécessaire de tout refaire ! Les balises HTML5 header, nav, article, section, acide, footer… sont fondamentales pour une portabilité optimum.

Un nouveau projet est bien plus aisé à mettre en place encore que… le travail marketing est conséquent. Rappelez-vous : la transformation ! Et par pitié, arrêtez de croire que 90% des gens ont des iphone4 et des ipad2…

Et le business dans tout ça ?

Alors que je viens de faire l’apologie du Responsive Web Design, je vais peut-être en décevoir certains ici. C’est beau, c’est moderne, c’est portatif, c’est merveilleux… mais ça fera toujours moins de gains qu’une redirection mobile avec ou sans marque blanche. Mais ça fidélise, non ?! D’une part, pas forcément et d’autre part, un autre contenu adapté apporte une sorte d’attractivité qui incite à la consommation.

Plus encore, la redirection mobile envoie le visiteur là où cela transforme le mieux en fonction de sa connexion internet (3G / Wifi), de son opérateur, de son FAI, de son terminal et de la thématique choisie. Concrètement vous confiez votre trafic a des professionnels du marché qui vont savoir quoi en faire à tout moment avec des technologies de géolocalisation et des algorithmes en permanence mis à jour.

Indépendamment de tout cela il faut savoir que les moyens de paiement sur mobile sont particulièrement performants en terme de transformation avec taux de rétention important mais qu’on ne peut pas utiliser les mêmes en toutes circonstances. Il est assez difficile d’expliquer toutes les subtilités autour de ça car elles sont nombreuses et complexes et varient selon chaque pays. Je vais prendre un exemple simple sur de la VOD. Il est interdit par les opérateurs français à partir d’une bannière ou d’un mail catcher d’envoyer directement sur une page de paiement. Le contenu doit être systématiquement annoncé sur une page intermédiaire et correspondre à l’offre proposée.

Il n’y a pas un moyen plus simple de faire un site mobile ?

Nous en avons déjà parlé sur quelques articles. La façon la plus simple et la plus rapide aujourd’hui de créer son site mobile et de s’orienter vers Worpress. De nombreux thèmes Web sont disponibles sur la toile ainsi que des thèmes mobiles. Combiné avec le plugin WordPress MobileRevenu, vous pourrez rapidement et simplemenet générer des revenus conséquents.

Faut-il considérer la tablette comme un portable ou comme un pc ?

Une tablette n’est rien de plus qu’un smartphone de grande taille. Ce terminal a les mêmes exigences en terme d’ergonomie et d’ajustements marketing. Que votre site soit beau ou pas avec une tablette est complètement hors sujet, les attentes de ces mobinautes en terme d’expérience sont complétement différentes de ceux utilisant un ordinateur. Ce n’est pas simplement une question de rendu mais d’efficacité marketing avec des exigences très spécifiques et des fonctionnalités totalement à repenser. Il faudra impérativement changer votre stratégie et ne pas considérer ce terminal comme un ordinateur de poche.

Que faut-il en conclure ?

La redirection mobile reste aujourd’hui le moyen le plus efficace de générer des revenus récurrents. Cela ne vous empêche nullement de vous lancer dans la conception de sites mobiles mais… si votre objectif et de monétiser ce dernier de façon efficace… la redirection mobile reste le moyen par excellence d’y arriver et très rapidement.

Vous trouverez dans votre interface de statistiques tous les outils nécessaires pour mettre en place cette redirection totale ou partielle. Nous avons également en stock (sur demande) une version PHP 5.2 du script vous permettant un ciblage geoip pour un pilotage complet de votre trafic. Cette version est toutefois réservée à des profils de type développeur.

Nous espérons que la contribution de MobileRevenu sur votre approche du marché mobile aura été pertinente. N’hésitez pas à partager cette article pour en faire profiter un maximum de monde.

L’équipe de Mobile Revenu.