Comment optimiser sa stratégie web pour les tablettes ?

54
Comment optimiser sa stratégie web pour les tablettes ? Matinée Backelite – 11 décembre 2014

Transcript of Comment optimiser sa stratégie web pour les tablettes ?

Page 1: Comment optimiser sa stratégie web pour les tablettes ?

Comment optimiser sa stratégie

web pour les tablettes ? Matinée Backelite – 11 décembre 2014

Page 2: Comment optimiser sa stratégie web pour les tablettes ?

Sommaire

1. Données chiffrées sur le marché des tablettes

2. Quels impacts sur la stratégie web des marques ?

3. Stratégie de mise en œuvre pour les tablettes

4. Concevoir son site web adapté aux tablettes

5. Retour d’expérience du projet « Tablet First » Air France

Page 3: Comment optimiser sa stratégie web pour les tablettes ?

Données chiffrées

sur le marché des tablettes

Page 4: Comment optimiser sa stratégie web pour les tablettes ?

Les ventes de tablettes sont aussi

importantes que celles de PC

Ventes mondiales en 2014

(Gartner)

229M

1860M

314M

Une base installée de

285M de tablettes dans le

monde fin 2013 (ABI)

versus 1,6 milliard de PC

Page 5: Comment optimiser sa stratégie web pour les tablettes ?

L’adoption des tablettes est bien plus

rapide que celle des smartphones

35% des foyers

français équipés en tablette

contre 4% en 2011 (GfK)

6,1M de tablettes

vendues en France en 2013

contre 4,7M de PC (GfK)

Page 6: Comment optimiser sa stratégie web pour les tablettes ?

Ventes dominées par Android

iOS toujours en tête des usages

VENTES PARC USAGES

69% du trafic

web tablette est généré

par l’iPad aux Etats-Unis

56% en France

Sources : IDC (ventes), ABI (base installée), StatCounter novembre 2014 (trafic)

Page 7: Comment optimiser sa stratégie web pour les tablettes ?

La fin de la croissance

du web « classique »

Source : ComScore Media Metrix Multi-Plateform & Mobile Metrix, U.S, June 2013 – June 2014

DONNÉES AUX U.S

Page 8: Comment optimiser sa stratégie web pour les tablettes ?

La fin de la croissance

du web « classique »

Source : AT Internet

DONNÉES EN FRANCE

Page 9: Comment optimiser sa stratégie web pour les tablettes ?

Transfert du trafic web des desktops

vers les smartphones et les tablettes

Source : AT Internet

DONNÉES EN FRANCE

Page 10: Comment optimiser sa stratégie web pour les tablettes ?

38% de l’audience du web en France

provient des smartphones et des tablettes

62% du trafic internet

total provient

DES ORDINATEURS

(fixes ou portables)

28% du trafic internet

total provient

DES SMARTPHONES

10% du trafic internet

total provient

DES TABLETTES

Source : eStat’Web, Les chiffres clés de la mesure web analytics de Médiamétrie en septembre 2014

Page 11: Comment optimiser sa stratégie web pour les tablettes ?

Quels impacts sur la stratégie

web des marques ?

Page 12: Comment optimiser sa stratégie web pour les tablettes ?

Multiplication des points de contact

entre la marque et ses utilisateurs

La multiplication des écrans donne à l’utilisateur la

possibilité d’interagir de façons différentes avec une

marque, de manière quasiment continue : « always on »

L’utilisateur consomme ainsi davantage de temps au

contact des dispositifs web d’une marque.

Page 13: Comment optimiser sa stratégie web pour les tablettes ?

L’expérience des utilisateurs influencée

par le mobile et les applications

Page 14: Comment optimiser sa stratégie web pour les tablettes ?

Vers une conception en 3 dimensions :

smartphone, tablette, desktop

Ces évolutions des habitudes des clients impactent

l’exercice de conception des marques

• conception de dispositifs à plusieurs dimensions

• réflexion sur l’offre de services : besoins par canal

• cohérence de l’expérience utilisateur multicanal

• une conception qui nécessite plus de temps

Page 15: Comment optimiser sa stratégie web pour les tablettes ?

Observer et ajuster

en phase de conception

Les marques doivent être capables d’identifier les impacts de

leurs choix de conception

en observant et en monitorant des variables multiples

A/B testing, user tests, analytics

en ajustant leurs choix de conception en conséquence

Page 16: Comment optimiser sa stratégie web pour les tablettes ?

Augmentation du trafic tablette

= augmentation des revenus ?

La croissance des audiences web est entièrement portée par le

smartphone et la tablette.

Pourtant cette augmentation du trafic ne se retrouve pas dans

les taux de conversion et revenus générés.

MOBILE

55% du trafic de Vente-privée

Mais 35% du chiffre d’affaires seulement

8% de taux de conversion moyen,

divisé par 2 sur mobile

Page 17: Comment optimiser sa stratégie web pour les tablettes ?

« plus l’écran est petit,

plus le taux de conversion est petit » Ilan Benhaim, cofondateur de vente-privée.com et directeur de l’innovation

Page 18: Comment optimiser sa stratégie web pour les tablettes ?

Identifier la cause d’un taux de

conversion plus faible

PREMIER RÉFLEXE :

le taux de conversion est moins bon sur une tablette

Les photos sont de moins bonne qualité, le temps de chargement

est plus long, le paiement sur mobile est laborieux…

Est-ce que le taux de conversion n’est pas plutôt réparti

entre 3 devices différents, ce qui entraîne une baisse de la valeur

générée par session ?

Page 19: Comment optimiser sa stratégie web pour les tablettes ?

Identifier la cause d’un taux de

conversion plus faible

IMPORTANCE DES ANALYTICS :

Monitorer la performance multicanal

Trafic et taux de conversion par device, observation des ruptures de

parcours sur tablette

Soit cette baisse de la valeur générée par session est « normale »

Soit elle traduit une mauvaise conception des parcours et écrans

Page 20: Comment optimiser sa stratégie web pour les tablettes ?

Stratégie de mise en œuvre

pour les tablettes

Page 21: Comment optimiser sa stratégie web pour les tablettes ?

Les stratégies web

pour adresser la tablette

SMARTPHONE TABLETTE DESKTOP

site mobile site desktop, responsive ou pas

site mobile site desktop

site responsive

site mobile site desktop site tablette

y compris phablets

Les stratégies web pour adresser la tablette

Page 22: Comment optimiser sa stratégie web pour les tablettes ?

SMARTPHONE TABLETTE DESKTOP

site mobile site desktop, responsive ou pas

Page 23: Comment optimiser sa stratégie web pour les tablettes ?

site responsive

SMARTPHONE TABLETTE DESKTOP

Page 24: Comment optimiser sa stratégie web pour les tablettes ?

SMARTPHONE TABLETTE DESKTOP

site mobile site desktop

Page 25: Comment optimiser sa stratégie web pour les tablettes ?

SMARTPHONE TABLETTE DESKTOP

site mobile site desktop site tablette

Page 26: Comment optimiser sa stratégie web pour les tablettes ?

Quel site web pour adresser la tablette ?

LES UTILISATEURS ONT DES ATTENTES TRES PROCHES

ENTRE TABLETTE ET DESKTOP

Ils recherchent la même offre de services sur tablette que

sur desktop

UN SITE QUI ADRESSE LA TABLETTE ET LE DESKTOP

C’est le cas le plus courant, qu’il soit responsive ou non

L’enjeu est donc de proposer un site adapté pour la tablette

Un minimum de responsive peut être une bonne solution

Page 27: Comment optimiser sa stratégie web pour les tablettes ?

Il n’y a pas de réponse universelle !

Chaque acteur doit déterminer le bon mix qui

correspond à son activité, son audience, ses objectifs

et les usages constatés

(importance des analytics)

EN SYNTHÈSE

Page 28: Comment optimiser sa stratégie web pour les tablettes ?

Mobile first, tablet first, desktop first ?

la préoccupation principale doit être user first

en prenant en compte les interfaces tactiles

avec un effort de simplification des contenus

et des parcours

EN SYNTHÈSE

Page 29: Comment optimiser sa stratégie web pour les tablettes ?

Concevoir son site web

adapté aux tablettes

Page 30: Comment optimiser sa stratégie web pour les tablettes ?

Préambule

CONNAITRE SON SECTEUR D’ACTIVITE DEPUIS UNE TABLETTE

Pour évaluer et positionner son dispositif existant

REPARTIR DE L’EXISTANT ET DES ANALYTICS

Identifier notamment les points faibles observés sur une tablette,

les ruptures qui ne se produisent pas sur desktop

1 VISITEUR SUR 2 PASSERA PAR UNE TABLETTE

Concevoir pour la tablette, mais Tablet First n’est pas PC less

Page 31: Comment optimiser sa stratégie web pour les tablettes ?

3 niveaux d’exigence pour définir

l’expérience utilisateur sur tablette :

Compatibilité

tablette

Optimisation

tablette

Tablet

First

Page 32: Comment optimiser sa stratégie web pour les tablettes ?

Compatibilité

tablette

OBJECTIF :

Rendre praticable l’ensemble

des contenus et des services

sur tablette

Adaptations ergonomiques mineures

pour un meilleur confort de navigation

Page 33: Comment optimiser sa stratégie web pour les tablettes ?

Site praticable sans contenu en Flash

Page 34: Comment optimiser sa stratégie web pour les tablettes ?

Composants et zones de saisies cliquables

Page 35: Comment optimiser sa stratégie web pour les tablettes ?

OBJECTIF :

Privilégier des composants

et des modes d’affichage plus

adaptés à la tablette que ceux

habituellement utilisés sur le web

Optimisation

tablette

• Amélioration page par page

• Allègement et simplification du contenu des pages

• Remplacement des composants web

par des composants « tablette »

Page 36: Comment optimiser sa stratégie web pour les tablettes ?

Oubliez le pinch et le zoom

Page 37: Comment optimiser sa stratégie web pour les tablettes ?

Optimisez les zones de touch

Page 38: Comment optimiser sa stratégie web pour les tablettes ?

Oubliez les popin dont la position est aléatoire…

Page 39: Comment optimiser sa stratégie web pour les tablettes ?

Préférez les volets et bandeaux qui s’ouvrent

Page 40: Comment optimiser sa stratégie web pour les tablettes ?

Simplifiez les contenus

Page 41: Comment optimiser sa stratégie web pour les tablettes ?

Favorisez les visuels pour rythmer le contenu

Page 42: Comment optimiser sa stratégie web pour les tablettes ?

OBJECTIF :

Refondre l’UX de son site pour

proposer une expérience plus

adaptée aux besoins des

utilisateurs

Tablet

First

• Simplification des contenus, des parcours

et de l’architecture de l’information

• Refonte de l’ergonomie, des interfaces

et des interactions

Page 43: Comment optimiser sa stratégie web pour les tablettes ?

Pensez l’architecture de l’information

en fonction des besoins utilisateur

Page 44: Comment optimiser sa stratégie web pour les tablettes ?

Accès rapide à l’information recherchée

et simplification des contenus

Page 45: Comment optimiser sa stratégie web pour les tablettes ?

Focus sur une activité, un besoin

Page 46: Comment optimiser sa stratégie web pour les tablettes ?

Focus sur une activité, un besoin

Page 47: Comment optimiser sa stratégie web pour les tablettes ?

Facilitez et simplifiez le parcours d’achat

Page 48: Comment optimiser sa stratégie web pour les tablettes ?

Guider le regard de l’utilisateur par la couleur

Page 49: Comment optimiser sa stratégie web pour les tablettes ?

Privilégiez de grandes zones tactiles

Page 50: Comment optimiser sa stratégie web pour les tablettes ?

Des animations qui produisent du sens

Page 51: Comment optimiser sa stratégie web pour les tablettes ?

Des animations qui produisent du sens

Page 52: Comment optimiser sa stratégie web pour les tablettes ?

Se nourrir des ergonomies tablettes

Page 53: Comment optimiser sa stratégie web pour les tablettes ?

EN SYNTHÈSE

Si le Tablet First constitue une cible à long terme, chaque

marque peut adopter une démarche plus progressive :

une home Tablet First

les principaux parcours optimisés

la compatibilité appliquée à l’ensemble des pages

C’est la démarche adoptée par Air France.

Page 54: Comment optimiser sa stratégie web pour les tablettes ?

Merci !

Des questions ?