les tendances digitales 2014

137
TENDANCES 2014 CONFÉRENCE INFOPRESSE 4 décembre

Upload: laurent-venerosy

Post on 07-Dec-2014

11.963 views

Category:

Documents


2 download

DESCRIPTION

Voici le support Powerpoint de la conférence Infopresse donnée par Guillaume Masson-Delisle (TINK) et Laurent Vénérosy (TINK) sur les Tendances Digitales 2014. Bonne Lecture!

TRANSCRIPT

Page 1: Les Tendances Digitales 2014

TENDANCES 2014

CONFÉRENCE INFOPRESSE 4 décembre

Page 2: Les Tendances Digitales 2014
Page 3: Les Tendances Digitales 2014

3

170. OUI, 170.

Page 4: Les Tendances Digitales 2014

4

LAURENT VÉNÉROSY

⟶  Directeur artistique ⟶  @rnzoo ⟶  @tinkweb

INTRODUCTION

Page 5: Les Tendances Digitales 2014

5

GUILLAUME MASSON-DELISLE

⟶  Directeur, stratégie et conception

⟶  @guillaumemd ⟶  @tinkweb

INTRODUCTION

Page 6: Les Tendances Digitales 2014

6

NOTRE OFFRE

Stratégie Social Conception

Page 7: Les Tendances Digitales 2014

7

NOTRE OFFRE

Développement Évolution Mesure

Page 8: Les Tendances Digitales 2014

8

PLAN TENDANCES

⟶  2014 et hier ⟶  2014 et aujourd’hui ⟶  2014 et demain

Page 9: Les Tendances Digitales 2014

9

PLAN TENDANCES

SOCIAL / TECHNO LOGIQUE

DIGITAL DESIGN

Page 10: Les Tendances Digitales 2014

2014 ET HIER

01

Page 11: Les Tendances Digitales 2014

11

2014 ET HIER

« POUR VOIR LE FUTUR, IL FAUT REGARDER DERRIÈRE SOI. »

01

EXTRAIT DE LA BIBLE

Page 12: Les Tendances Digitales 2014

12

2014 ET HIER

QUE S’EST-IL PASSÉ HIER ?

01

Page 13: Les Tendances Digitales 2014

13

2014 ET HIER 01

1875 1895 1926

Page 14: Les Tendances Digitales 2014

14

2014 ET HIER

1989 : LE WEB, NOUVEAU MÉDIA DE MASSE

01

Page 15: Les Tendances Digitales 2014

15

2014 ET HIER

TRAFIC INTERNET DE 20 MAISONS = TRAFIC INTERNET TOTAL EN 1995

01

Page 16: Les Tendances Digitales 2014

16

MARKETING DE MASSE

Page 17: Les Tendances Digitales 2014

17

2014 ET HIER

CONSOMMATION DE MASSE

01

Page 18: Les Tendances Digitales 2014

18

RÉCHAUFFEMENT CLIMATIQUE.

Page 19: Les Tendances Digitales 2014

19

2014 ET HIER

DES SCANDALES DE LA CONSOMMATION

01

Page 20: Les Tendances Digitales 2014

AFFAIRE FOXCONN

EXPLOITATION INFANTILE

AFFAIRE VACHE FOLLE

Page 21: Les Tendances Digitales 2014

SCANDALE FACEBOOK

AFFAIRE WIKILEAKS

AFFAIRE NSA/PRISM

Page 22: Les Tendances Digitales 2014

22

2014 ET HIER

SCEPTICISME : MARQUES

ET INSTITUTIONS

01

Page 23: Les Tendances Digitales 2014

23

BOOM DES RÉSEAUX SOCIAUX

Page 24: Les Tendances Digitales 2014

24

2014 ET HIER

MARQUES : VALEURS HUMAINES

01

Page 25: Les Tendances Digitales 2014

25

2014 ET HIER

MÉDIAS : = MESSAGE

01

Page 26: Les Tendances Digitales 2014

26

PRINTEMPS ARABE

Page 27: Les Tendances Digitales 2014

27

CONSOMMATION, INTERNET, RÉSEAUX SOCIAUX

… OUI…MAIS QUEL IMPACT?

Page 28: Les Tendances Digitales 2014

28

2014 ET HIER

QU’EST CE QUE JE CONSOMME ?

01

Page 29: Les Tendances Digitales 2014

29

JE VEUX DE LA NOSTALGIE !

Page 30: Les Tendances Digitales 2014

30

JE VEUX DE L’AUTHENTICITÉ !

Page 31: Les Tendances Digitales 2014

31

DONC JE CONSOMME LOCAL, NATUREL ET BIO

Page 32: Les Tendances Digitales 2014

32

WÉ COMME UN HIPPIE QUOI…

Page 33: Les Tendances Digitales 2014

33

…NON PLUTÔT UN HIPSTER.

Page 34: Les Tendances Digitales 2014

34

2014 ET HIER

NOUS SOMMES LE 4 DÉCEMBRE…

01

Page 35: Les Tendances Digitales 2014

35

2014 ET HIER

…ET VOUS PORTEZ UNE MOUSTACHE…

01

Page 36: Les Tendances Digitales 2014

36

2014 ET HIER

…VOUS ÊTES SUREMENT UN HIPSTER

01

Page 37: Les Tendances Digitales 2014

37

LE HIPSTER EST FAN DE RETRO/VINTAGE.

Page 38: Les Tendances Digitales 2014

38

BOOM D’INSTAGRAM

Page 39: Les Tendances Digitales 2014

39

BOOM DU SKEUOMORPHISME

Page 40: Les Tendances Digitales 2014

40

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.

01

Page 41: Les Tendances Digitales 2014

41

BOOM DES TYPOGRAPHIES RETRO/VINTAGES

Page 42: Les Tendances Digitales 2014

42

PANTONE 2013

Page 43: Les Tendances Digitales 2014

43

COULEUR DE L’ANNÉE 2013

Page 44: Les Tendances Digitales 2014

44

2014 ET HIER

RÉCAPITULONS…

01

Page 45: Les Tendances Digitales 2014

RETRO VINTAGE

AUTHENTICITÉ HIPSTER

CONSOMMATION MASSE

Page 46: Les Tendances Digitales 2014

2014 ET AUJOURD’HUI

02

Page 47: Les Tendances Digitales 2014

47

2014 ET AUJOURD’HUI

« SI ON NE S'OCCUPE PAS DE SON PRÉSENT ON MANQUE SON FUTUR. »

BERNARD WERBER, LE JOUR DES FOURMIS

02

Page 48: Les Tendances Digitales 2014

48

2014 ET AUJOURD’HUI

QUE SE PASSE T-IL MAINTENANT ?

02

Page 49: Les Tendances Digitales 2014

49

DÉMOCRATISATION D’INTERNET

Page 50: Les Tendances Digitales 2014

50

DÉMOCRATISATION DU GEEK…

Page 51: Les Tendances Digitales 2014

51

…OU PLUTÔT LA CULTURE GEEK

Page 52: Les Tendances Digitales 2014

52

APPLE ET GOOGLE : MARQUES INFLUENTES NUMÉRO 1.

Page 53: Les Tendances Digitales 2014

53

« 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)

Page 54: Les Tendances Digitales 2014

54

MARCK ZUCKERBERG, Fondateur de Facebook

Page 55: Les Tendances Digitales 2014

55

EXPLOSION DU MARCHÉ DES MOBILES ET TABLETTES

Page 56: Les Tendances Digitales 2014

56

ÉMERGENCE DES APPS

Page 57: Les Tendances Digitales 2014

57

2014 ET AUJOURD’HUI

MOBILES > ORDINATEURS

02

Page 58: Les Tendances Digitales 2014

58

WEB, MOBILE, TABLETTE, ETC…

… OUI…MAIS QUEL IMPACT?

Page 59: Les Tendances Digitales 2014

59

RESPONSIVE DESIGN

Page 60: Les Tendances Digitales 2014

60

RESPONSIVE DESIGN

Page 61: Les Tendances Digitales 2014

61

RESPONSIVE DESIGN

Page 62: Les Tendances Digitales 2014

62

ÉMERGENCE DES « GRIDS »

Page 63: Les Tendances Digitales 2014

63

ENGOUEMENT POUR LE FLAT DESIGN

Page 64: Les Tendances Digitales 2014

64

COMBINAISON FLAT DESIGN + RESPONSIVE

Page 65: Les Tendances Digitales 2014

65

NOUVEAU SITE INTERNET BRUNET.CA

Page 66: Les Tendances Digitales 2014

66

2014 ET AUJOURD’HUI

⟶  Brunet.ca / Version Mobile

02

Page 67: Les Tendances Digitales 2014

67

2014 ET AUJOURD’HUI

⟶  Brunet.ca / Version Tablette

02

Page 68: Les Tendances Digitales 2014

68

2014 ET AUJOURD’HUI 02

Page 69: Les Tendances Digitales 2014

69

ENGOUEMENT POUR LE FLAT DESIGN

Page 70: Les Tendances Digitales 2014

70

ENGOUEMENT POUR LE FLAT DESIGN

Page 71: Les Tendances Digitales 2014

71

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

02

Page 72: Les Tendances Digitales 2014

72

LA TYPOGRAPHIE, TOUJOURS LA TYPOGRAPHIE

Page 73: Les Tendances Digitales 2014

73

ÉMERGENCE DES GOOGLE FONT

Page 74: Les Tendances Digitales 2014

74

DE (TRÈS) GRANDES IMAGES

Page 75: Les Tendances Digitales 2014

75

UTILISATION DE COULEURS VIVES

Page 76: Les Tendances Digitales 2014

76

DÉMOCRATISATION DES VIDÉOS ET DU STREAMING.

Page 77: Les Tendances Digitales 2014

77

ENGOUEMENT POUR PINTEREST

Page 78: Les Tendances Digitales 2014

78

ENGOUEMENT POUR LE « BLOCKING »

Page 79: Les Tendances Digitales 2014

79

ENGOUEMENT POUR LES « SINGLE PAGE »

Page 80: Les Tendances Digitales 2014

80

ENGOUEMENT POUR LES CONTENUS COURTS

Page 81: Les Tendances Digitales 2014

81

ENGOUEMENT POUR LES CONTENUS COURTS (VINE)

Page 82: Les Tendances Digitales 2014

82

ENGOUEMENT POUR LES CONTENUS COURTS (GIF)

Page 83: Les Tendances Digitales 2014

83

ENGOUEMENT POUR L’INSTANTANÉITÉ : SNAPCHAT/WIRE

Page 84: Les Tendances Digitales 2014

84

2014 ET AUJOURD’HUI

RÉCAPITULONS…

02

Page 85: Les Tendances Digitales 2014

85

2014 ET AUJOURD’HUI

UN RÉSEAU SOCIAL POUR TOUS LES CONTENUS

02

Page 86: Les Tendances Digitales 2014

SIMPLE ET PLAT

RESPONSIVE DESIGN

UN MONDE PLUS MOBILE

Page 87: Les Tendances Digitales 2014

CONTENUS COURTS

IMPORTANCE DU VISUEL

IMPORTANCE DE LA TYPO

Page 88: Les Tendances Digitales 2014

2014 ET DEMAIN

03

Page 89: Les Tendances Digitales 2014

89

2014 ET DEMAIN

« LE FUTUR APPARTIENT À CEUX QUI VOIENT LES POSSIBILITÉS AVANT

QU'ELLES NE DEVIENNENT ÉVIDENTES. »

THÉODORE LEVITT

03

Page 90: Les Tendances Digitales 2014

90

2014 ET DEMAIN

QUE SE PASSERA T-IL DEMAIN ?

03

Page 91: Les Tendances Digitales 2014

91

2014 ET DEMAIN

UNE DÉMOGRAPHIE CROISSANTE CONNECTÉE

03

Page 92: Les Tendances Digitales 2014

92

PAYS ÉMERGENTS

Page 93: Les Tendances Digitales 2014

93

2014 ET DEMAIN

MULTIPLICATION DES INTERFACES

03

Page 94: Les Tendances Digitales 2014

94

L’HUMAIN MODERNE

Page 95: Les Tendances Digitales 2014

95

L’HUMAIN HYPERMODERNE?

Page 96: Les Tendances Digitales 2014

96

DES MAISONS CONNECTÉES

Page 97: Les Tendances Digitales 2014

97

TÉLÉS CONNECTÉES

Page 98: Les Tendances Digitales 2014

98

DES OBJETS CONNECTÉS

Page 99: Les Tendances Digitales 2014

99

DES VÊTEMENTS CONNECTÉS

Page 100: Les Tendances Digitales 2014

100

DES AUTOMOBILES CONNECTÉES

Page 101: Les Tendances Digitales 2014

101

2014 ET DEMAIN

PLUSIEURS TYPES D’INTERFACES CONNECTÉES

03

Page 102: Les Tendances Digitales 2014

102

RECONNAISSANCE VOCALE

Page 103: Les Tendances Digitales 2014

103

RECONNAISSANCE DES MOUVEMENTS

Page 104: Les Tendances Digitales 2014

104

LA PRIORITÉ AU CONTENU…

Page 105: Les Tendances Digitales 2014

105

UN CONTENU PERSONNALISÉ ET CONTEXTUEL

Page 106: Les Tendances Digitales 2014

106

UN CONTENU GÉOLOCALISÉ

Page 107: Les Tendances Digitales 2014

107

UN CONTENU SOCIAL

Page 108: Les Tendances Digitales 2014

108

UN CONTENU UTILE

Page 109: Les Tendances Digitales 2014

109

2014 ET DEMAIN

LE DÉFI : EXPÉRIENCE USAGER

CONTINUE

03

Page 110: Les Tendances Digitales 2014

110

2014 ET DEMAIN

! ALERTE BUZZWORD !

03

Page 111: Les Tendances Digitales 2014

111

2014 ET DEMAIN

« CUSTOMER EXPERIENCE MANAGEMENT »

03

Page 112: Les Tendances Digitales 2014

112

QUEL AVENIR POUR LES INTERFACES?

Page 113: Les Tendances Digitales 2014

113

2014 ET DEMAIN

LE FUTUR DE L’INTERFACE, C’EST L’ABSENCE D’INTERFACE?

03

Page 114: Les Tendances Digitales 2014

114

QUEL AVENIR POUR LES WEBDESIGNERS?

Page 115: Les Tendances Digitales 2014

115

LE RESPONSIVE NE SERA PLUS UNE TENDANCE

Page 116: Les Tendances Digitales 2014

116

2014 ET DEMAIN

BREAKPOINT = APPAREIL

03

Page 117: Les Tendances Digitales 2014

117

2014 ET DEMAIN

BREAKPOINT = CONTENU

03

Page 118: Les Tendances Digitales 2014

118

2014 ET DEMAIN

CONTENU QUI S’ADAPTE

03

Page 119: Les Tendances Digitales 2014

119

2014 ET DEMAIN

EXPÉRIENCE CONTENU

03

Page 120: Les Tendances Digitales 2014

120

2014 ET DEMAIN

EXPÉRIENCE CONTENU

03

Page 121: Les Tendances Digitales 2014

121

2014 ET DEMAIN

LA FIN DU LOREM IPSUM?

03

Page 122: Les Tendances Digitales 2014

122

DE FLAT DESIGN À « ULTRA FLAT »

Page 123: Les Tendances Digitales 2014

123

UN CONTENU SOUS FORME DE CARTES ET NOTIFICATIONS

Page 124: Les Tendances Digitales 2014

124

IMPORTANCE DE LA TYPOGRAPHIE ÉCRAN

Page 125: Les Tendances Digitales 2014

125

IMPORTANCE DES ICÔNES

Page 126: Les Tendances Digitales 2014

126

FAIRE DU PRATIQUE ET BEAU

Page 127: Les Tendances Digitales 2014

127

LA RÉSURRECTION DE LA RÉALITÉ AUGMENTÉE ?

Page 128: Les Tendances Digitales 2014

128

UN CONTENU QUI VIENT VERS NOUS

Page 129: Les Tendances Digitales 2014

129

2014 ET DEMAIN

RÉCAPITULONS…

03

Page 130: Les Tendances Digitales 2014

CONTENUS À LA BASE

PLUS CONNECTÉ

PLUS DE MOBILE

Page 131: Les Tendances Digitales 2014

UTILE ET BEAU

ADAPTÉS CONTEXTE

RESPONSIVE SUR CONTENUS

Page 132: Les Tendances Digitales 2014

132

2014 ET DEMAIN

UN GROS RÉCAPITULATIF…

03

Page 133: Les Tendances Digitales 2014

FLAT DESIGN

BOOM MOBILE

RETRO VINTAGE

Page 134: Les Tendances Digitales 2014

RESPONSIVE CONTENUS

EXPLOSION INTERFACES

RESPONSIVE APPAREILS

Page 135: Les Tendances Digitales 2014
Page 136: Les Tendances Digitales 2014

Merci

Page 137: Les Tendances Digitales 2014

137

FIN LES TENDANCES DIGITALES 2014

LAURENT VÉNÉROSY

-- [email protected]

@rnzoo

GUILLAUME

MASSON-DELISLE --

[email protected] @guillaumemd