BIEN DÉCLINER SA PRÉSENCE DIGITALE MOBILE, TABLETTE, ORDINATEUR, NETBOOK
Pourquoi vouloir décliner?
POURQUOI VOULOIR DÉCLINER? LES SUPPORTS DE VISUALISATION SE DIVERSIFIENT
DES DEVICES VARIÉS
DES RÉSOLUTIONS MULTIPLES 2,73% 2,79% 4,64% 4,96% 5,88% 8,29% 8,47% 12,23% 12,4% 15,7% Libstat.com, aout 2011
DES ORIENTATIONS CHANGEANTES
DES PERFORMANCES VARIABLES
POURQUOI VOULOIR DÉCLINER? LA CONSOMMATION MÉDIA ÉVOLUE
40M D INTERNAUTES DE PLUS DE 12 ANS MÉDIAMÉTRIE 4 ème trimestre 2011
19M DE MOBINAUTES : +23% EN UN AN! MÉDIAMÉTRIE 4 ème trimestre 2011
1,7M DE TABLONAUTES: +345% EN UN AN! 3M DE VENTES PRÉVUES POUR 2012 MÉDIAMÉTRIE 4 ème trimestre 2011
56% DES POSSESSEURS DE TABLETTE UTILISENT MOINS LEUR ORDINATEUR, ET 31% UTILISENT MOINS LEUR MOBILE http://www.netpublic.fr/2011/10/internet-en-france-en-2011-infographie/
2,4% DU TRAFIC WEB EST MOBILE EN FRANCE (7,9% EN UK) COMSCORE OCTOBRE 2011
POURQUOI VOULOIR DÉCLINER? LES USAGES MÉDIA S ENRICHISSENT
AVANT ORDINATEUR FAMILIAL ET C EST TOUT
MAINTENANT : DES ÉVOLUTIONS CONTEXTE TRANSPORTS, ATTENTES, CANAPÉ (DÉ) CLOISONNEMENT DUAL SCREEN, FRACTIONNEMENT DES PARCOURS ATTENTES SERVICES PRÉCIS & PONCTUEL ÉVASION & EXPÉRIENCE EXHAUSTIVITÉ TEMPORALITÉ LISSAGE DES CONNEXIONS
COMSCORE OCTOBRE 2011
OK, donc le digital est PLURIEL!
Qu entend-on par DÉCLINER SA PRÉSENCE?
Travailler une EXPÉRIENCE UTILISATEUR cross-plateforme?
.1 RENDRE ACCESSIBLE
Trois moyens de traiter l accessibilité
1. NE RIEN FAIRE ET ESPÉRER!
QQ PROBLÈMES DES BORDS SUR LES GRANDES RESOLUTIONS DES SITES ILLISIBLES EN PETITES RESOLUTIONS TROP DE CONTENU À GÉRER OBLIGATION DE NAVIGUER AVEC LE ZOOM PAS DE ROLL-OVER
2. CRÉER UNE VERSION PAR SUPPORT
ULTRA-ADAPTATION EXEMPLE : VOYAGES-SNCF
DES CONTRAINTES COÛT DÉLAIS DE PRODUCTION GESTION DES ÉVOLUTIONS GESTION DES NOUVEAUX DEVICES DÉPENDANCE AUX STORES
DES ALTERNATIVES DÉVELOPPEMENT EN NATIF DÉVELOPPEMENT EN HYBRIDE DÉVELOPPEMENT EN HTML ENCAPSULÉ
3. ADAPTER AUTOMATIQUEMENT UNE UNIQUE VERSION
{ LE RESPONSIVE DESIGN
RESPONSIVE DESIGN CONCEPTION D UN SITE PERMETTANT UNE ADAPTATION AUX DIFFÉRENTES TAILLES D'ÉCRAN ET AUX DIFFÉRENTS TERMINAUX. LA NOTION DE WEB RESPONSIVE RÉVOLUTIONNE LA MANIÈRE DE CONCEVOIR LES PARCOURS INTERNET PUISQU'IL NE S'AGIT PLUS ICI DE CONCEVOIR AUTANT DE PARCOURS QU'IL Y A DE FAMILLE DE TERMINAUX MAIS DE CONCEVOIR UNE SEULE INTERFACE AUTO-ADAPTABLE.
Et CONCRÊTEMENT?
UN SITE FLUIDE CE SITE EST FLUIDE POSTE DE BUREAU (1024)
UN SITE FLUIDE IL PEUT S ADAPTER FACILEMENT SUR TABLETTE TABLETTE (768PX) POSTE DE BUREAU (1024)
UN SITE FLUIDE SUR SMARTPHONE SMARTPHONE (320PX) TABLETTE (768PX) POSTE DE BUREAU (1024)
UN SITE FLUIDE ET SUR UN ÉCRAN À PLUS HAUTE RÉSOLUTION SMARTPHONE (320PX) TABLETTE (768PX) POSTE DE BUREAU (1024) POSTE DE BUREAU (1600PX)
UN SITE FLUIDE UN EXEMPLE EN PRESSE : BOSTON GLOBE http://www.bostonglobe.com
POSSIBILITÉS CHANGER LA STRUCTURE CHANGER LA PRIORITÉ CHANGER LA TAILLE CHANGER LA PRÉSENCE
FONCTIONNEMENT 3 GRANDS PILIERS { GRILLES FLUIDES + + IMAGES FLEXIBLES MEDIA QUERIES
CONTRAINTES - DÉVELOPPEMENTS PLUS LONGS QU UN SITE CLASSIQUE - DES NAVIGATEURS MULTIPLES À RENDRE COMPATIBLES - CRÉATIVITÉ ENCADRÉE -
BREF TROIS OPTIONS 1. NE RIEN FAIRE 2. CRÉER UN DISPOSITIF PAR SUPPORT 3. CRÉER UN DISPOSITIF ADAPTABLE À CHAQUE SUPPORT PAS DE RÈGLE!
( ) ÊTRE ACCESSIBLE C E S T A U S S I TRAVAILLER SON RÉFÉRENCEMENT POUR CHAQUE PLATEFORME!
UNE EXPÉRIENCE QUI FONCTIONNE SUR UN MÉDIA NE FONCTIONNE PAS FORCÉMENT AUSSI BIEN SUR UN AUTRE MÊME SI ON LA REND TECHNIQUEMENT ACCESSIBLE!
2 PENSER PARCOURS
SE POSER LES BONNES QUESTIONS EST-IL PERTINENTE DE PROPOSER LES MÊMES CONTENUS SUR TOUS LES SUPPORTS? QUE PEUT-ON APPORTER D UTILE À NOS USAGERS, DANS LEUR CONTEXTE D USAGE?
LE CAS CITROËN
SUR LE SITE WEB SHOWROOM, CONFIGURATEUR, EXHAUSTIVITÉ
SUR LE MOBILE SUIVI DE SON VÉHICULE
SUR LE SALON DESCRIPTIF VÉHICULE ET PRÉ-RÉSERVATION
EN CONCESSION CO-CONFIGURATEUR
RÉPONDRE AUX BESOINS DES UTILISATEURS SELON LE CONTEXTE
CONNAÎTRE SA CIBLE
SAVOIR POUR DÉCIDER QUEL ÉQUIPEMENT? QUELLE CONNAISSANCE ET QUELS USAGES DU DIGITAL? QUELLES HABITUDES? QUELS BESOINS CONSOMMATEUR? MÉTHODE P.O.S.T
CONCLUSION
DÉCLINAISON = FORME + FOND
10 IDÉES À RETENIR
7 FACTEURS CLEFS DE RÉUSSITE
5 DON T
LA (VRAIE) QUESTION
CLOISONNEMENT LA QUESTION DU MEDIA CHEZ L ANNONCEUR
VERS DES POSTES DE RESPONSABLE EXPÉRIENCE CLIENT?
VOILÀ! Jérémie ABRIC Directeur de la stratégie jeremie.abric@dagobert.fr @jabric DÉCOUVREZ AUSSI LES ÉTUDES DE DAGOBERT www.slideshare.net/agencedagobert DAGOBERT 39 RUE DES MATHURINS 75009 PARIS + 33 (0)1 56 03 99 80 www.dagobert.fr contact@dagobert.fr www.twitter.com/agencedagobert