stratégie web mobile pourquoi privilégier le responsive design

Le Responsive Design s'impose comme le moyen de concilier l'impératif de .... stratégies numériques et orchestrent les dispositifs digitaux les plus pointus.
599KB taille 4 téléchargements 122 vues
e-business i performance web

STRATÉGIE WEB MOBILE POURQUOI PRIVILÉGIER LE RESPONSIVE DESIGN ? AVIS D’EXPERT

Thierry PICARD I Directeur Général Adjoint Spikly Les responsables Marketing et Communication s’attendent à ce que leur budget 2013 soit encore plus contraint qu’en 2012. Crise oblige, ils devront de nouveau « faire plus avec moins ». Or en matière de Web mobile, canal devenu incontournable du fait de l’explosion des smartphones et tablettes, on imaginait dépenser plus. Dans ce contexte, le sur-mesure et le provisoire sont à proscrire. Le Responsive Design s’impose comme le moyen de concilier l’impératif de coûts et de performance économique de l’écosystème digital.

La période de restrictions budgétaires que nous traversons oblige plus que jamais les responsables marketing et communication à rationnaliser leurs investissements et le digital n’échappe pas à ce phénomène. Au-delà de la course à l'audience, l’amélioration des taux de conversion devient la préoccupation centrale des marques qui annoncent et vendent en ligne. La chasse au taux de rebond est ouverte : les parcours clients doivent être optimisés pour éviter les ruptures et abandons de navigation, que l’internaute se connecte depuis un ordinateur ou, comme c’est de plus en plus souvent le cas, depuis une tablette ou un Quand choisir le smartphone. Responsive Design ?

Dès maintenant ! En particulier si vous envisagez une création de site ou la refonte d’un site Web existant. Vous mutualiserez ainsi les coûts de développement et à long terme les coûts de maintenance.

Si, dans un premier temps, les marques ont développé des applications ou des sites spécifiques pour les mobiles, elles s’aperçoivent aujourd’hui que ces choix sont onéreux : à la maintenance de leur site Web classique s’ajoute désormais celle du site mobile – un site qu’il faut souvent repenser de fond en comble puisque les attentes, en termes de contenus, d’ergonomie et de fonctionnalités, évoluent très rapidement. Pariant sur l’engouement pour les produits Apple, les marques privilégient le développement d’applications distribuées

via l’AppStore. C’était compter sans la montée en puissance des autres marques et systèmes d’exploitation mobiles et la nécessité, pour ne pas passer à côté d’une partie de l’audience, de développer leur application pour chaque type de plate-forme. Dans ce paysage mobile mouvant et diversifié, le Responsive Design offre une alternative industrialisable qui permet aux marques de répondre à moindre coût aux attentes des utilisateurs. Le Responsive Design, qu’est-ce que c’est ? Le Responsive Design, ou conception de sites Web adaptatifs, permet d’adapter un site Web à tous les types de terminaux et systèmes d’exploitation en jouant uniquement sur les feuilles de style (textes, images et polices). Avec ce mode de conception très flexible, le site est développé une seule fois. Il s’adapte ensuite automatiquement, en termes de présentation des contenus et de fonctionnalités, au terminal utilisé. Que l’internaute navigue depuis un ordinateur avec écran 24 pouces, un smartphone, une tablette ou une télévision connectée, les textes restent lisibles, les menus utilisables, la recherche d’information et les transactions aisées. Un aspect encore méconnu du Responsive Design est qu’il peut s’appliquer à n’importe quel site ou page HTML existant et quel que soit le système de gestion de contenu (CMS) utilisé. En d’autres termes, on peut Keyrus® - Tous droits réservés

avis d’expert

e-business i performance web

STRATÉGIE WEB MOBILE : POURQUOI PRIVILÉGIER LE RESPONSIVE DESIGN ?

rendre "responsive" un site qui ne l’est pas et, ainsi, non seulement protéger les investissements Web antérieurs mais aussi en maximiser la portée, notamment en évitant le développement et la maintenance d’une application mobile.

unique adapté à tous les terminaux mobiles et de répondre ainsi à l’exigence d’accessibilité permanente de tous les contenus "anytime, anywhere, any device" (ATAWAD) des internautes d’aujourd’hui. Le besoin d’universalité et la volonté de contenir les coûts plaident clairement en faveur du Responsive Design.

La priorité : réfléchir aux usages

Pourtant certains débats opposent Responsive Design et applications mobiles. Cette opposition, selon nous, n’a pas lieu d’être. Une application LES COMPÉTENCES À mobile peut constituer un MOBILISER complément à forte valeur // Capacités de webanalyse ajoutée pour l’utilisateur, pour décrypter et anticiper les notamment en lui permettant usages mobiles une utilisation offline. // Ergonome et webdesigner En revanche, contraindre pour traduire les usages en le mobinaute à télécharger parcours clients simples et une application nécessitant attractifs, souvent une connexion // Experts techniques Wifi pour accéder aux qui développeront ou contenus peut être contreoptimiseront le code HTML performant, voire dissuasif, pour que les pages s’adaptent en particulier à la première automatiquement à la résolution de l’écran et à la connexion depuis un situation de l’internaute. mobile.

Créer un nouveau site en Responsive Design ou rendre "responsive" un site existant demande une réflexion approfondie sur les usages, attentes et comportements des internautes cibles selon qu’ils sont ou non en situation de mobilité. La taille de l’écran n’est pas le seul paramètre à prendre en considération ! Il faut surtout déterminer les éventuelles différences de besoins entre l’utilisateur mobile et l’utilisateur classique. Les réponses peuvent varier considérablement d’une marque à l’autre, d’un secteur à l’autre. Par exemple, une compagnie d’assurance doit-elle mettre en avant la totalité de son offre sur les mobiles ? N’a-t-elle pas plutôt intérêt à mettre en évidence sur la page d’accueil le point d’accès à l’espace client, le numéro du centre d’appels, voire l’adresse de l’agence la plus proche ? De même, un e-Commerçant doit-il mettre en avant sur l’interface FAIRE L’IMPASSE SUR LE mobile les promotions, la MOBILE ? IMPOSSIBLE ! recherche de produits ou // Le taux de pénétration du le suivi de commandes ? smartphone est de 38% en France.

La Web analyse se révèle précieuse pour identifier les usages dominants des mobinautes et leurs pages // 64% regardent uniquement préférées afin d'optimiser la première page de résultats en conséquence l’interface lors d’une recherche sur leur proposée sur les mobiles smartphone. tout en restant fidèle au // 70% ont déjà utilisé leur "look & feel" de la marque. smartphone pour rechercher Le travail préalable vise un produit ou un service. aussi à réfléchir à des // 25% ont déjà effectué un contenus alternatifs dans achat à partir de leur téléphone. certains cas. Par exemple, Source : Google-Ipsos MediaCT (Q1 2012) si l’on s’accommode très bien de l’ouverture de "pop-up" sur un ordinateur, il n’en va de même sur mobile où le temps de chargement doit absolument être très court. Autre exemple : les menus qui se déroulent au survol de la souris sont inopérants sur les interfaces tactiles. Il faut donc les repenser. L’avantage d’une approche "responsive" est de pouvoir réinventer la partie de la navigation Internet destinée aux mobiles, sans développer une nouvelle fois le reste. // 77% des utilisateurs consultent Internet tous les jours depuis leur smartphone.

Alors, applications mobiles ou site responsive ? Opter pour le Responsive Design permet d’avoir un site

Keyrus® - Tous droits réservés

En outre, les marques prennent progressivement la mesure des contraintes imposées par les boutiques en ligne incontournables pour publier leurs applications mobiles – qu’il s’agisse du Store d’Amazon, de Windows Marketplace, de l’AppStore d’Apple ou de Google Play : l’absence d’indexation Google qui les prive de tout bénéfice SEO (Search Engine Optimization), l’accès réglementé aux informations sur les utilisateurs, l’acquittement éventuel d’une redevance annuelle. S’y ajoutent le risque de voir ses applications retirées du Store du jour au lendemain et une visibilité des applications dépendant en grande partie de leur classement, alors que celui-ci n’est pas toujours représentatif. De plus, la marque n’a pas vraiment le contrôle sur la distribution de ses applications mobiles. Elle multiplie les coûts de développement et de maintenance en étant obligée d’offrir une version spécifique pour les principales plates-formes du marché. Le bon réflexe aujourd’hui : Responsive first ! Dans le contexte actuel, le plus judicieux est de démarrer avec un site responsive pour une expérience "ATAWAD" ouverte à tous. Cette recommandation s’applique particulièrement aux sites qui accueillent de nombreux nouveaux visiteurs dans le cadre d’une stratégie d’acquisition. Pour un surcoût minime, la marque peut ainsi :

avis d’expert

e-business i performance web

STRATÉGIE WEB MOBILE : POURQUOI PRIVILÉGIER LE RESPONSIVE DESIGN ?

•  éliminer les coûts de création et de maintenance d’un site mobile, •  valoriser ses contenus existants et ses investissements antérieurs, •  réduire le taux de rebond en ne rebutant pas les utilisateurs mobiles par un site illisible, •  améliorer les taux de retour de ses campagnes d’e-mailing : le mobinaute qui se connecte sur un site "mobile friendly" est enclin à y rester plus longtemps.

fidèle. Elle lui permettra typiquement d’accéder à son espace client et d’effectuer des transactions, par exemple passer un ordre ou "uploader" une photo. Identifiées via la Web analyse, les pages du site les plus appropriées à l’"appsurfing" proposeront alors au mobinaute de télécharger l’application et un lien vers le Store approprié. L’offre pourra ensuite être élargie à des applications complémentaires pour d'autres usages, temporaires ou permanents (advergames, comparateur de consommation domestique en marque blanche, app QS… ).

Dans un deuxième temps, une application mobile peut venir enrichir l’offre en proposant une expérience relationnelle plus riche entre la marque et l'internaute

T.P.

Thierry Picard est Directeur général adjoint de l’agence Spikly. Avec 15 années d’expérience à la direction de projets internet, il s’est notamment illustré dans le secteur du Luxe et de la presse en prenant la direction de l’e-commerce international du groupe Hermès et la direction des activités internet de la Nouvelle République.

A propos de Spikly Fruit d’une union entre la communication digitale et la Business Intelligence, Spikly cultive l’art et la manière de conjuguer expériences de marque et taux de conversion. Ses consultants, designers, publicitaires et spécialistes de la e-Performance, accompagnent les marques dans la définition de leurs stratégies numériques et orchestrent les dispositifs digitaux les plus pointus. Son fil rouge : la « creative performance ». Spikly est une marque du Groupe Keyrus. Plus d’information sur www.spikly.com

A propos du Groupe Keyrus Acteur majeur du conseil et de l’intégration de solutions de Business Intelligence et d’e-Business pour les grands comptes et de solutions ERP/CRM pour le Mid Market, le Groupe Keyrus emploie à ce jour près de 1700 collaborateurs sur quatre continents et accompagne ses clients dans l’optimisation de leur performance et de la maîtrise de leurs données en leur offrant une gamme complète de prestations capitalisant sur les compétences mises en place dans les domaines suivants : • Conseil en Management • Business Intelligence – Performance Management • e-Business – Performance Web • Solutions de Gestion pour l’Entreprise (ERP/CRM) Le Groupe Keyrus est coté à l’Eurolist d’Euronext Paris (Compartiment C/Small caps - Code ISIN : FR0004029411 Reuters : KEYR.LN – Bloomberg : KEYP FP) Plus d’informations sur : www.keyrus.fr

Département Marketing Communication 155 rue Anatole France, 92593 Levallois-Perret Cedex – Tél. : +33 (0)1 41 34 10 00 - [email protected] Keyrus® - Tous droits réservés