SlideShare une entreprise Scribd logo
1  sur  137
Télécharger pour lire hors ligne
4 décembre

CONFÉRENCE INFOPRESSE

TENDANCES 2014
170. OUI, 170.
3
INTRODUCTION

LAURENT VÉNÉROSY

⟶ 

⟶ 
⟶ 

Directeur artistique
@rnzoo
@tinkweb

4
INTRODUCTION

GUILLAUME MASSONDELISLE

⟶ 

⟶ 
⟶ 

Directeur,
stratégie et conception
@guillaumemd
@tinkweb

5
Stratégie

Conception

Social

NOTRE OFFRE
6
Développement

Mesure

Évolution

NOTRE OFFRE
7
TENDANCES

PLAN

⟶ 
⟶ 
⟶ 

2014 et hier
2014 et aujourd’hui
2014 et demain

8
TENDANCES

PLAN

SOCIAL /
TECHNO
LOGIQUE

DIGITAL

DESIGN

9
01
2014 ET HIER
01

2014 ET HIER

« POUR VOIR LE FUTUR,
IL FAUT REGARDER DERRIÈRE SOI. »
EXTRAIT DE LA BIBLE

11
01

2014 ET HIER

QUE S’EST-IL PASSÉ HIER ?

12
01

2014 ET HIER

1875

1895

1926

13
01

2014 ET HIER

1989 :
LE WEB, NOUVEAU
MÉDIA DE MASSE

14
01

2014 ET HIER

TRAFIC INTERNET DE 20 MAISONS
= TRAFIC INTERNET TOTAL EN 1995

15
MARKETING DE MASSE
16
01

2014 ET HIER

CONSOMMATION
DE MASSE

17
RÉCHAUFFEMENT CLIMATIQUE.
18
01

2014 ET HIER

DES SCANDALES
DE LA CONSOMMATION

19
AFFAIRE
VACHE FOLLE

EXPLOITATION
INFANTILE

AFFAIRE
FOXCONN
AFFAIRE
NSA/PRISM

AFFAIRE
WIKILEAKS

SCANDALE
FACEBOOK
01

2014 ET HIER

SCEPTICISME :
MARQUES
ET INSTITUTIONS

22
BOOM DES RÉSEAUX SOCIAUX
23
01

2014 ET HIER

MARQUES :
VALEURS HUMAINES

24
01

2014 ET HIER

MÉDIAS :
= MESSAGE

25
PRINTEMPS ARABE
26
CONSOMMATION, INTERNET, RÉSEAUX SOCIAUX

… OUI…MAIS QUEL IMPACT?
27
01

2014 ET HIER

QU’EST CE QUE

JE CONSOMME ?
28
JE VEUX DE LA NOSTALGIE !
29
JE VEUX DE L’AUTHENTICITÉ !
30
DONC JE CONSOMME LOCAL, NATUREL ET BIO
31
WÉ COMME UN HIPPIE QUOI…
32
…NON PLUTÔT UN HIPSTER.
33
01

2014 ET HIER

NOUS SOMMES
LE 4 DÉCEMBRE…

34
01

2014 ET HIER

…ET VOUS PORTEZ UNE
MOUSTACHE…

35
01

2014 ET HIER

…VOUS ÊTES
SUREMENT UN HIPSTER

36
LE HIPSTER EST FAN DE RETRO/VINTAGE.
37
BOOM D’INSTAGRAM
38
BOOM DU SKEUOMORPHISME
39
01

2014 ET HIER

SKEUOMORPHISME /  des éléments d'interface informatique

reproduisant des objets physiques (par exemple des textures : cuir, papier,
bois) dans le but de donner des repères facilement accessibles à
l'utilisateur.

40
BOOM DES TYPOGRAPHIES RETRO/VINTAGES
41
PANTONE 2013
42
COULEUR DE L’ANNÉE 2013
43
01

2014 ET HIER

RÉCAPITULONS…

44
CONSOMMATION
MASSE

AUTHENTICITÉ
HIPSTER

RETRO
VINTAGE
02
2014 ET AUJOURD’HUI
02

2014 ET AUJOURD’HUI

« SI ON NE S'OCCUPE PAS DE SON
PRÉSENT ON MANQUE SON FUTUR. »
BERNARD WERBER, LE JOUR DES FOURMIS

47
02

2014 ET AUJOURD’HUI

QUE SE PASSE T-IL MAINTENANT ?

48
DÉMOCRATISATION D’INTERNET
49
DÉMOCRATISATION DU GEEK…
50
…OU PLUTÔT LA CULTURE GEEK
51
APPLE ET GOOGLE : MARQUES INFLUENTES NUMÉRO 1.
52
« Nous avons pratiquement dix ans. Nous ne
sommes plus un phénomène de 'niche' ; ce genre
de profil cool, c'est fini pour nous. »
(SEPTEMBRE 2013)

53
MARCK ZUCKERBERG, Fondateur de Facebook
54
EXPLOSION DU MARCHÉ DES MOBILES ET TABLETTES
55
ÉMERGENCE DES APPS
56
02

2014 ET AUJOURD’HUI

MOBILES > ORDINATEURS

57
WEB, MOBILE, TABLETTE, ETC…

… OUI…MAIS QUEL IMPACT?
58
RESPONSIVE DESIGN
59
RESPONSIVE DESIGN
60
RESPONSIVE DESIGN
61
ÉMERGENCE DES « GRIDS »
62
ENGOUEMENT POUR LE FLAT DESIGN
63
COMBINAISON FLAT DESIGN + RESPONSIVE
64
NOUVEAU SITE INTERNET BRUNET.CA
65
02

2014 ET AUJOURD’HUI

⟶ 

Brunet.ca / Version Mobile

66
02

2014 ET AUJOURD’HUI

⟶ 

Brunet.ca / Version Tablette

67
02

2014 ET AUJOURD’HUI

68
ENGOUEMENT POUR LE FLAT DESIGN
69
ENGOUEMENT POUR LE FLAT DESIGN
70
02

2014 ET AUJOURD’HUI

FLAT DESIGN /  est un style graphique ayant pour objectif d’écarter tout
élément graphique n’apportant aucune valeur significative à la
structuration d’une page

71
LA TYPOGRAPHIE, TOUJOURS LA TYPOGRAPHIE
72
ÉMERGENCE DES GOOGLE FONT
73
DE (TRÈS) GRANDES IMAGES
74
UTILISATION DE COULEURS VIVES
75
DÉMOCRATISATION DES VIDÉOS ET DU STREAMING.
76
ENGOUEMENT POUR PINTEREST
77
ENGOUEMENT POUR LE « BLOCKING »
78
ENGOUEMENT POUR LES « SINGLE PAGE »
79
ENGOUEMENT POUR LES CONTENUS COURTS
80
ENGOUEMENT POUR LES CONTENUS COURTS (VINE)
81
ENGOUEMENT POUR LES CONTENUS COURTS (GIF)
82
ENGOUEMENT POUR L’INSTANTANÉITÉ : SNAPCHAT/WIRE
83
02

2014 ET AUJOURD’HUI

RÉCAPITULONS…

84
02

2014 ET AUJOURD’HUI

UN RÉSEAU SOCIAL
POUR TOUS LES CONTENUS

85
UN MONDE
PLUS MOBILE

RESPONSIVE
DESIGN

SIMPLE
ET PLAT
IMPORTANCE
DE LA TYPO

IMPORTANCE
DU VISUEL

CONTENUS
COURTS
03
2014 ET DEMAIN
03

2014 ET DEMAIN

« LE FUTUR APPARTIENT À CEUX QUI
VOIENT LES POSSIBILITÉS AVANT
QU'ELLES NE DEVIENNENT
ÉVIDENTES. »
THÉODORE LEVITT

89
03

2014 ET DEMAIN

QUE SE PASSERA T-IL DEMAIN ?

90
03

2014 ET DEMAIN

UNE DÉMOGRAPHIE
CROISSANTE CONNECTÉE

91
PAYS ÉMERGENTS
92
03

2014 ET DEMAIN

MULTIPLICATION
DES INTERFACES

93
L’HUMAIN MODERNE
94
L’HUMAIN HYPERMODERNE?
95
DES MAISONS CONNECTÉES
96
TÉLÉS CONNECTÉES
97
DES OBJETS CONNECTÉS
98
DES VÊTEMENTS CONNECTÉS
99
DES AUTOMOBILES CONNECTÉES
100
03

2014 ET DEMAIN

PLUSIEURS TYPES D’INTERFACES
CONNECTÉES
101
RECONNAISSANCE VOCALE
102
RECONNAISSANCE DES MOUVEMENTS
103
LA PRIORITÉ AU CONTENU…
104
UN CONTENU PERSONNALISÉ ET CONTEXTUEL
105
UN CONTENU GÉOLOCALISÉ
106
UN CONTENU SOCIAL
107
UN CONTENU UTILE
108
03

2014 ET DEMAIN

LE DÉFI :
EXPÉRIENCE USAGER
CONTINUE

109
03

2014 ET DEMAIN

! ALERTE BUZZWORD !

110
03

2014 ET DEMAIN

« CUSTOMER EXPERIENCE
MANAGEMENT »

111
QUEL AVENIR POUR LES INTERFACES?
112
03

2014 ET DEMAIN

LE FUTUR DE L’INTERFACE,
C’EST L’ABSENCE D’INTERFACE?
113
QUEL AVENIR POUR LES WEBDESIGNERS?
114
LE RESPONSIVE NE SERA PLUS UNE TENDANCE
115
03

2014 ET DEMAIN

BREAKPOINT = APPAREIL

116
03

2014 ET DEMAIN

BREAKPOINT = CONTENU

117
03

2014 ET DEMAIN

CONTENU
QUI S’ADAPTE

118
03

2014 ET DEMAIN

EXPÉRIENCE

CONTENU

119
03

2014 ET DEMAIN

EXPÉRIENCE

CONTENU

120
03

2014 ET DEMAIN

LA FIN DU
LOREM IPSUM?

121
DE FLAT DESIGN À « ULTRA FLAT »
122
UN CONTENU SOUS FORME DE CARTES ET NOTIFICATIONS
123
IMPORTANCE DE LA TYPOGRAPHIE ÉCRAN
124
IMPORTANCE DES ICÔNES
125
FAIRE DU PRATIQUE

ET BEAU
126
LA RÉSURRECTION DE LA RÉALITÉ AUGMENTÉE ?
127
UN CONTENU QUI VIENT VERS NOUS
128
03

2014 ET DEMAIN

RÉCAPITULONS…

129
PLUS
DE MOBILE

PLUS
CONNECTÉ

CONTENUS
À LA BASE
RESPONSIVE
SUR CONTENUS

ADAPTÉS
CONTEXTE

UTILE
ET BEAU
03

2014 ET DEMAIN

UN GROS
RÉCAPITULATIF…

132
RETRO
VINTAGE

BOOM
MOBILE

FLAT
DESIGN
RESPONSIVE
APPAREILS

EXPLOSION
INTERFACES

RESPONSIVE
CONTENUS
Merci
LES TENDANCES DIGITALES 2014

FIN
LAURENT
VÉNÉROSY
-lvenerosy@tink.ca
@rnzoo

GUILLAUME
MASSON-DELISLE
-gmdelisle@tink.ca
@guillaumemd
137

Contenu connexe

Similaire à Les Tendances Digitales 2014

Rapport activités kreizenn_dafar_2014
Rapport activités kreizenn_dafar_2014Rapport activités kreizenn_dafar_2014
Rapport activités kreizenn_dafar_2014lamatriceSB
 
Touristic présentation Kaysersberg - Internet de séjour
Touristic présentation Kaysersberg - Internet de séjourTouristic présentation Kaysersberg - Internet de séjour
Touristic présentation Kaysersberg - Internet de séjourJohanna Wiss
 
2014-09-16 Francis Bélime Réseaux ociaux
2014-09-16 Francis Bélime Réseaux ociaux2014-09-16 Francis Bélime Réseaux ociaux
2014-09-16 Francis Bélime Réseaux ociauxPMI Lévis-Québec
 
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?UXD Meetup
 
Atelier d'innovation @ Le Cube "Construisons ensemble le travail de demain"
Atelier d'innovation @ Le Cube "Construisons ensemble le travail de demain"Atelier d'innovation @ Le Cube "Construisons ensemble le travail de demain"
Atelier d'innovation @ Le Cube "Construisons ensemble le travail de demain"Claire Bresson
 
Forum rideau 2018: esprit numérique par Sylvain Carle.
Forum rideau 2018: esprit numérique par Sylvain Carle.Forum rideau 2018: esprit numérique par Sylvain Carle.
Forum rideau 2018: esprit numérique par Sylvain Carle.Sylvain Carle
 
M Publicité-RégieObs - Le Big Bang de l'économie de l'attention
M Publicité-RégieObs - Le Big Bang de l'économie de l'attentionM Publicité-RégieObs - Le Big Bang de l'économie de l'attention
M Publicité-RégieObs - Le Big Bang de l'économie de l'attentionM Publicité / Groupe Le Monde
 
Atelier 6 VEM7 - L'immersion par le multimédia, la sensation de vivre l’expér...
Atelier 6 VEM7 - L'immersion par le multimédia, la sensation de vivre l’expér...Atelier 6 VEM7 - L'immersion par le multimédia, la sensation de vivre l’expér...
Atelier 6 VEM7 - L'immersion par le multimédia, la sensation de vivre l’expér...Salon e-tourisme #VeM
 
BAFS 2015 : Jean Marc De Jonghe - Comment devenir une entreprise branchée, in...
BAFS 2015 : Jean Marc De Jonghe - Comment devenir une entreprise branchée, in...BAFS 2015 : Jean Marc De Jonghe - Comment devenir une entreprise branchée, in...
BAFS 2015 : Jean Marc De Jonghe - Comment devenir une entreprise branchée, in...BAFS
 
Manager sa destination numérique exemple de dax mopa 20141113 mopa
Manager sa destination numérique exemple de dax mopa 20141113 mopaManager sa destination numérique exemple de dax mopa 20141113 mopa
Manager sa destination numérique exemple de dax mopa 20141113 mopaMONA
 
Cours Marketing Mobile - Ulrich Rozier
Cours Marketing Mobile - Ulrich RozierCours Marketing Mobile - Ulrich Rozier
Cours Marketing Mobile - Ulrich RozierUlrich Rozier
 
#BlendWebMix : Réseaux sociaux et évènementiel
#BlendWebMix : Réseaux sociaux et évènementiel#BlendWebMix : Réseaux sociaux et évènementiel
#BlendWebMix : Réseaux sociaux et évènementielJade Le Maitre
 
Pixelis présente les Tendances 2015-2016
Pixelis présente les Tendances 2015-2016Pixelis présente les Tendances 2015-2016
Pixelis présente les Tendances 2015-2016Pixelis
 
Storyweaving #LeSentier Jour 1
Storyweaving #LeSentier Jour 1Storyweaving #LeSentier Jour 1
Storyweaving #LeSentier Jour 1Le Sentier
 
TV CONNECTÉE & SECOND ÉCRAN. LE DESIGN PARADOXAL
TV CONNECTÉE & SECOND ÉCRAN. LE DESIGN PARADOXALTV CONNECTÉE & SECOND ÉCRAN. LE DESIGN PARADOXAL
TV CONNECTÉE & SECOND ÉCRAN. LE DESIGN PARADOXALNurun
 

Similaire à Les Tendances Digitales 2014 (20)

Rapport activités kreizenn_dafar_2014
Rapport activités kreizenn_dafar_2014Rapport activités kreizenn_dafar_2014
Rapport activités kreizenn_dafar_2014
 
EVENT42 _ Le programme détaillé
EVENT42 _ Le programme détailléEVENT42 _ Le programme détaillé
EVENT42 _ Le programme détaillé
 
Touristic présentation Kaysersberg - Internet de séjour
Touristic présentation Kaysersberg - Internet de séjourTouristic présentation Kaysersberg - Internet de séjour
Touristic présentation Kaysersberg - Internet de séjour
 
Formation inis novembre2011
Formation inis novembre2011Formation inis novembre2011
Formation inis novembre2011
 
2014-09-16 Francis Bélime Réseaux ociaux
2014-09-16 Francis Bélime Réseaux ociaux2014-09-16 Francis Bélime Réseaux ociaux
2014-09-16 Francis Bélime Réseaux ociaux
 
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
 
Atelier d'innovation @ Le Cube "Construisons ensemble le travail de demain"
Atelier d'innovation @ Le Cube "Construisons ensemble le travail de demain"Atelier d'innovation @ Le Cube "Construisons ensemble le travail de demain"
Atelier d'innovation @ Le Cube "Construisons ensemble le travail de demain"
 
Forum rideau 2018: esprit numérique par Sylvain Carle.
Forum rideau 2018: esprit numérique par Sylvain Carle.Forum rideau 2018: esprit numérique par Sylvain Carle.
Forum rideau 2018: esprit numérique par Sylvain Carle.
 
M Publicité-RégieObs - Le Big Bang de l'économie de l'attention
M Publicité-RégieObs - Le Big Bang de l'économie de l'attentionM Publicité-RégieObs - Le Big Bang de l'économie de l'attention
M Publicité-RégieObs - Le Big Bang de l'économie de l'attention
 
Afterwork - La Révolution Digitale
Afterwork - La Révolution DigitaleAfterwork - La Révolution Digitale
Afterwork - La Révolution Digitale
 
Atelier 6 VEM7 - L'immersion par le multimédia, la sensation de vivre l’expér...
Atelier 6 VEM7 - L'immersion par le multimédia, la sensation de vivre l’expér...Atelier 6 VEM7 - L'immersion par le multimédia, la sensation de vivre l’expér...
Atelier 6 VEM7 - L'immersion par le multimédia, la sensation de vivre l’expér...
 
BAFS 2015 : Jean Marc De Jonghe - Comment devenir une entreprise branchée, in...
BAFS 2015 : Jean Marc De Jonghe - Comment devenir une entreprise branchée, in...BAFS 2015 : Jean Marc De Jonghe - Comment devenir une entreprise branchée, in...
BAFS 2015 : Jean Marc De Jonghe - Comment devenir une entreprise branchée, in...
 
Manager sa destination numérique exemple de dax mopa 20141113 mopa
Manager sa destination numérique exemple de dax mopa 20141113 mopaManager sa destination numérique exemple de dax mopa 20141113 mopa
Manager sa destination numérique exemple de dax mopa 20141113 mopa
 
Cours Marketing Mobile - Ulrich Rozier
Cours Marketing Mobile - Ulrich RozierCours Marketing Mobile - Ulrich Rozier
Cours Marketing Mobile - Ulrich Rozier
 
Le Monde c'est déjà demain
Le Monde c'est déjà demainLe Monde c'est déjà demain
Le Monde c'est déjà demain
 
#BlendWebMix : Réseaux sociaux et évènementiel
#BlendWebMix : Réseaux sociaux et évènementiel#BlendWebMix : Réseaux sociaux et évènementiel
#BlendWebMix : Réseaux sociaux et évènementiel
 
Pixelis présente les Tendances 2015-2016
Pixelis présente les Tendances 2015-2016Pixelis présente les Tendances 2015-2016
Pixelis présente les Tendances 2015-2016
 
Storyweaving #LeSentier Jour 1
Storyweaving #LeSentier Jour 1Storyweaving #LeSentier Jour 1
Storyweaving #LeSentier Jour 1
 
Les leçons des EFFIE
Les leçons des EFFIELes leçons des EFFIE
Les leçons des EFFIE
 
TV CONNECTÉE & SECOND ÉCRAN. LE DESIGN PARADOXAL
TV CONNECTÉE & SECOND ÉCRAN. LE DESIGN PARADOXALTV CONNECTÉE & SECOND ÉCRAN. LE DESIGN PARADOXAL
TV CONNECTÉE & SECOND ÉCRAN. LE DESIGN PARADOXAL
 

Les Tendances Digitales 2014