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
CONSOMMATION, INTERNET, RÉSEAUX SOCIAUX

… OUI…MAIS QUEL IMPACT?
22
JE VEUX DE LA NOSTALGIE !
23
JE VEUX DE L’AUTHENTICITÉ !
24
DONC JE CONSOMME LOCAL, NATUREL ET BIO
25
WÉ COMME UN HIPPIE QUOI…
26
…NON PLUTÔT UN HIPSTER.
27
01

2014 ET HIER

NOUS SOMMES
LE 4 DÉCEMBRE…

28
01

2014 ET HIER

…ET VOUS PORTEZ UNE
MOUSTACHE…

29
01

2014 ET HIER

…VOUS ÊTES
SUREMENT UN HIPSTER

30
LE HIPSTER EST FAN DE RETRO/VINTAGE.
31
BOOM D’INSTAGRAM
32
BOOM DU SKEUOMORPHISME
33
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.

34
BOOM DES TYPOGRAPHIES RETRO/VINTAGES
35
PANTONE 2013
36
COULEUR DE L’ANNÉE 2013
37
01

2014 ET HIER

RÉCAPITULONS…

38
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

41
02

2014 ET AUJOURD’HUI

QUE SE PASSE T-IL MAINTENANT ?

42
DÉMOCRATISATION D’INTERNET
43
DÉMOCRATISATION DU GEEK…
44
…OU PLUTÔT LA CULTURE GEEK
45
APPLE ET GOOGLE : MARQUES INFLUENTES NUMÉRO 1.
46
« 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)

47
MARCK ZUCKERBERG, Fondateur de Facebook
48
EXPLOSION DU MARCHÉ DES MOBILES ET TABLETTES
49
ÉMERGENCE DES APPS
50
02

2014 ET AUJOURD’HUI

MOBILES > ORDINATEURS

51
WEB, MOBILE, TABLETTE, ETC…

… OUI…MAIS QUEL IMPACT?
52
RESPONSIVE DESIGN
53
RESPONSIVE DESIGN
54
RESPONSIVE DESIGN
55
ÉMERGENCE DES « GRIDS »
56
ENGOUEMENT POUR LE FLAT DESIGN
57
COMBINAISON FLAT DESIGN + RESPONSIVE
58
NOUVEAU SITE INTERNET BRUNET.CA
59
02

2014 ET AUJOURD’HUI

⟶

Brunet.ca / Version Mobile

60
02

2014 ET AUJOURD’HUI

⟶

Brunet.ca / Version Tablette

61
02

2014 ET AUJOURD’HUI

62
ENGOUEMENT POUR LE FLAT DESIGN
63
ENGOUEMENT POUR LE FLAT DESIGN
64
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

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

2014 ET AUJOURD’HUI

UN RÉSEAU SOCIAL
POUR TOUS LES CONTENUS

78
02

2014 ET AUJOURD’HUI

RÉCAPITULONS…

79
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

83
03

2014 ET DEMAIN

QUE SE PASSERA T-IL DEMAIN ?

84
03

2014 ET DEMAIN

UNE DÉMOGRAPHIE
CROISSANTE CONNECTÉE

85
PAYS ÉMERGENTS
86
03

2014 ET DEMAIN

MULTIPLICATION
DES INTERFACES

87
L’HUMAIN MODERNE
88
L’HUMAIN HYPERMODERNE?
89
DES MAISONS CONNECTÉES
90
TÉLÉS CONNECTÉES
91
DES OBJETS CONNECTÉS
92
DES VÊTEMENTS CONNECTÉS
93
DES AUTOMOBILES CONNECTÉES
94
03

2014 ET DEMAIN

PLUSIEURS TYPES D’INTERFACES
CONNECTÉES
95
RECONNAISSANCE VOCALE
96
RECONNAISSANCE DES MOUVEMENTS
97
LA PRIORITÉ AU CONTENU…
98
UN CONTENU PERSONNALISÉ ET CONTEXTUEL
99
UN CONTENU GÉOLOCALISÉ
100
UN CONTENU SOCIAL
101
UN CONTENU UTILE
102
03

2014 ET DEMAIN

LE DÉFI :
EXPÉRIENCE USAGER
CONTINUE

103
QUEL AVENIR POUR LES INTERFACES?
104
03

2014 ET DEMAIN

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

2014 ET DEMAIN

BREAKPOINT = APPAREIL

108
03

2014 ET DEMAIN

BREAKPOINT = CONTENU

109
03

2014 ET DEMAIN

CONTENU
QUI S’ADAPTE

110
03

2014 ET DEMAIN

EXPÉRIENCE

CONTENU

111
03

2014 ET DEMAIN

EXPÉRIENCE

CONTENU

112
03

2014 ET DEMAIN

LA FIN DU
LOREM IPSUM?

113
DE FLAT DESIGN À « ULTRA FLAT »
114
UN CONTENU SOUS FORME DE CARTES ET NOTIFICATIONS
115
IMPORTANCE DE LA TYPOGRAPHIE ÉCRAN
116
IMPORTANCE DES ICÔNES
117
FAIRE DU PRATIQUE

ET BEAU
118
LA RÉSURRECTION DE LA RÉALITÉ AUGMENTÉE ?
119
UN CONTENU QUI VIENT VERS NOUS
120
03

2014 ET DEMAIN

RÉCAPITULONS…

121
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…

124
RETRO
VINTAGE

BOOM
MOBILE

FLAT
DESIGN
RESPONSIVE
APPAREILS

EXPLOSION
INTERFACES

RESPONSIVE
CONTENUS
LES TENDANCES DIGITALES 2014

FIN
@tinkweb

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

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

Conférence Tendances digitales 2014 - Infopresse - Tink