BIEN DÉCLINER SA PRÉSENCE DIGITALE MOBILE, TABLETTE, ORDINATEUR, NETBOOK

Transcription

1 BIEN DÉCLINER SA PRÉSENCE DIGITALE MOBILE, TABLETTE, ORDINATEUR, NETBOOK

2 Pourquoi vouloir décliner?

3 POURQUOI VOULOIR DÉCLINER? LES SUPPORTS DE VISUALISATION SE DIVERSIFIENT

4 DES DEVICES VARIÉS

5 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

6 DES ORIENTATIONS CHANGEANTES

7 DES PERFORMANCES VARIABLES

8 POURQUOI VOULOIR DÉCLINER? LA CONSOMMATION MÉDIA ÉVOLUE

9 40M D INTERNAUTES DE PLUS DE 12 ANS MÉDIAMÉTRIE 4 ème trimestre 2011

10 19M DE MOBINAUTES : +23% EN UN AN! MÉDIAMÉTRIE 4 ème trimestre 2011

11 1,7M DE TABLONAUTES: +345% EN UN AN! 3M DE VENTES PRÉVUES POUR 2012 MÉDIAMÉTRIE 4 ème trimestre 2011

12 56% DES POSSESSEURS DE TABLETTE UTILISENT MOINS LEUR ORDINATEUR, ET 31% UTILISENT MOINS LEUR MOBILE

13 2,4% DU TRAFIC WEB EST MOBILE EN FRANCE (7,9% EN UK) COMSCORE OCTOBRE 2011

14 POURQUOI VOULOIR DÉCLINER? LES USAGES MÉDIA S ENRICHISSENT

15 AVANT ORDINATEUR FAMILIAL ET C EST TOUT

16 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

17 COMSCORE OCTOBRE 2011

18 OK, donc le digital est PLURIEL!

19 Qu entend-on par DÉCLINER SA PRÉSENCE?

20 Travailler une EXPÉRIENCE UTILISATEUR cross-plateforme?

21 .1 RENDRE ACCESSIBLE

22 Trois moyens de traiter l accessibilité

23 1. NE RIEN FAIRE ET ESPÉRER!

24 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

25 2. CRÉER UNE VERSION PAR SUPPORT

26 ULTRA-ADAPTATION EXEMPLE : VOYAGES-SNCF

27 DES CONTRAINTES COÛT DÉLAIS DE PRODUCTION GESTION DES ÉVOLUTIONS GESTION DES NOUVEAUX DEVICES DÉPENDANCE AUX STORES

28 DES ALTERNATIVES DÉVELOPPEMENT EN NATIF DÉVELOPPEMENT EN HYBRIDE DÉVELOPPEMENT EN HTML ENCAPSULÉ

29 3. ADAPTER AUTOMATIQUEMENT UNE UNIQUE VERSION

30 { LE RESPONSIVE DESIGN

31 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.

32 Et CONCRÊTEMENT?

33 UN SITE FLUIDE CE SITE EST FLUIDE POSTE DE BUREAU (1024)

34 UN SITE FLUIDE IL PEUT S ADAPTER FACILEMENT SUR TABLETTE TABLETTE (768PX) POSTE DE BUREAU (1024)

35 UN SITE FLUIDE SUR SMARTPHONE SMARTPHONE (320PX) TABLETTE (768PX) POSTE DE BUREAU (1024)

36 UN SITE FLUIDE ET SUR UN ÉCRAN À PLUS HAUTE RÉSOLUTION SMARTPHONE (320PX) TABLETTE (768PX) POSTE DE BUREAU (1024) POSTE DE BUREAU (1600PX)

37 UN SITE FLUIDE UN EXEMPLE EN PRESSE : BOSTON GLOBE

38 POSSIBILITÉS CHANGER LA STRUCTURE CHANGER LA PRIORITÉ CHANGER LA TAILLE CHANGER LA PRÉSENCE

39 FONCTIONNEMENT 3 GRANDS PILIERS { GRILLES FLUIDES + + IMAGES FLEXIBLES MEDIA QUERIES

40 CONTRAINTES - DÉVELOPPEMENTS PLUS LONGS QU UN SITE CLASSIQUE - DES NAVIGATEURS MULTIPLES À RENDRE COMPATIBLES - CRÉATIVITÉ ENCADRÉE -

41 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!

42 ( ) ÊTRE ACCESSIBLE C E S T A U S S I TRAVAILLER SON RÉFÉRENCEMENT POUR CHAQUE PLATEFORME!

43 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!

44

45 2 PENSER PARCOURS

46 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?

47 LE CAS CITROËN

48 SUR LE SITE WEB SHOWROOM, CONFIGURATEUR, EXHAUSTIVITÉ

49 SUR LE MOBILE SUIVI DE SON VÉHICULE

50 SUR LE SALON DESCRIPTIF VÉHICULE ET PRÉ-RÉSERVATION

51 EN CONCESSION CO-CONFIGURATEUR

52 RÉPONDRE AUX BESOINS DES UTILISATEURS SELON LE CONTEXTE

53

54

55

56

57 CONNAÎTRE SA CIBLE

58 SAVOIR POUR DÉCIDER QUEL ÉQUIPEMENT? QUELLE CONNAISSANCE ET QUELS USAGES DU DIGITAL? QUELLES HABITUDES? QUELS BESOINS CONSOMMATEUR? MÉTHODE P.O.S.T

59 CONCLUSION

60 DÉCLINAISON = FORME + FOND

61 10 IDÉES À RETENIR

62 7 FACTEURS CLEFS DE RÉUSSITE

63 5 DON T

64 LA (VRAIE) QUESTION

65 CLOISONNEMENT LA QUESTION DU MEDIA CHEZ L ANNONCEUR

66 VERS DES POSTES DE RESPONSABLE EXPÉRIENCE CLIENT?

67 VOILÀ! Jérémie ABRIC Directeur de la DÉCOUVREZ AUSSI LES ÉTUDES DE DAGOBERT DAGOBERT 39 RUE DES MATHURINS PARIS + 33 (0) contact@dagobert.fr