Transcript
Page 1: Conférence Tendances digitales 2014 - Infopresse - Tink

TENDANCES 2014

CONFÉRENCE INFOPRESSE

4 décembre

Page 2: Conférence Tendances digitales 2014 - Infopresse - Tink

Insérez une image

Page 3: Conférence Tendances digitales 2014 - Infopresse - Tink

3

170. OUI, 170.

Page 4: Conférence Tendances digitales 2014 - Infopresse - Tink

4

LAURENT VÉNÉROSY

⟶ Directeur artistique

⟶ @rnzoo⟶ @tinkweb

INTRODUCTION

Page 5: Conférence Tendances digitales 2014 - Infopresse - Tink

5

GUILLAUME MASSON-DELISLE

⟶ Directeur, stratégie et conception

⟶ @guillaumemd⟶ @tinkweb

INTRODUCTION

Page 6: Conférence Tendances digitales 2014 - Infopresse - Tink

6

NOTRE OFFRE

Stratégie SocialConception

Page 7: Conférence Tendances digitales 2014 - Infopresse - Tink

7

NOTRE OFFRE

Développement ÉvolutionMesure

Page 8: Conférence Tendances digitales 2014 - Infopresse - Tink

8

PLANTENDANCES

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

Page 9: Conférence Tendances digitales 2014 - Infopresse - Tink

9

PLANTENDANCES

SOCIAL / TECHNOLOGIQUE

DIGITAL DESIGN

Page 10: Conférence Tendances digitales 2014 - Infopresse - Tink

2014 ET HIER

01

Page 11: Conférence Tendances digitales 2014 - Infopresse - Tink

11

2014 ET HIER

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

01

EXTRAIT DE LA BIBLE

Page 12: Conférence Tendances digitales 2014 - Infopresse - Tink

12

2014 ET HIER

QUE S’EST-IL PASSÉ HIER ?

01

Page 13: Conférence Tendances digitales 2014 - Infopresse - Tink

13

2014 ET HIER01

1875 1895 1926

Page 14: Conférence Tendances digitales 2014 - Infopresse - Tink

14

2014 ET HIER

1989 :LE WEB, NOUVEAU MÉDIA DE MASSE

01

Page 15: Conférence Tendances digitales 2014 - Infopresse - Tink

15

2014 ET HIER

TRAFIC INTERNET DE 20 MAISONS= TRAFIC INTERNET TOTAL EN 1995

01

Page 16: Conférence Tendances digitales 2014 - Infopresse - Tink

16

MARKETING DE MASSE

Page 17: Conférence Tendances digitales 2014 - Infopresse - Tink

17

2014 ET HIER

CONSOMMATIONDE MASSE

01

Page 18: Conférence Tendances digitales 2014 - Infopresse - Tink

18

RÉCHAUFFEMENT CLIMATIQUE.

Page 19: Conférence Tendances digitales 2014 - Infopresse - Tink

19

2014 ET HIER

DES SCANDALES DE LA CONSOMMATION

01

Page 20: Conférence Tendances digitales 2014 - Infopresse - Tink

AFFAIREFOXCONN

EXPLOITATIONINFANTILE

AFFAIRE VACHE FOLLE

Insérez une image verticale

Page 21: Conférence Tendances digitales 2014 - Infopresse - Tink

SCANDALEFACEBOOK

AFFAIREWIKILEAKS

AFFAIRENSA/PRISM

Page 22: Conférence Tendances digitales 2014 - Infopresse - Tink

22

CONSOMMATION, INTERNET, RÉSEAUX SOCIAUX

… OUI…MAIS QUEL IMPACT?

Page 23: Conférence Tendances digitales 2014 - Infopresse - Tink

23

JE VEUX DE LA NOSTALGIE !

Page 24: Conférence Tendances digitales 2014 - Infopresse - Tink

24

JE VEUX DE L’AUTHENTICITÉ !

Page 25: Conférence Tendances digitales 2014 - Infopresse - Tink

25

DONC JE CONSOMME LOCAL, NATUREL ET BIO

Page 26: Conférence Tendances digitales 2014 - Infopresse - Tink

26

WÉ COMME UN HIPPIE QUOI…

Page 27: Conférence Tendances digitales 2014 - Infopresse - Tink

27

…NON PLUTÔT UN HIPSTER.

Page 28: Conférence Tendances digitales 2014 - Infopresse - Tink

28

2014 ET HIER

NOUS SOMMES LE 4 DÉCEMBRE…

01

Page 29: Conférence Tendances digitales 2014 - Infopresse - Tink

29

2014 ET HIER

…ET VOUS PORTEZ UNEMOUSTACHE…

01

Page 30: Conférence Tendances digitales 2014 - Infopresse - Tink

30

2014 ET HIER

…VOUS ÊTES SUREMENT UN HIPSTER

01

Page 31: Conférence Tendances digitales 2014 - Infopresse - Tink

31

LE HIPSTER EST FAN DE RETRO/VINTAGE.

Page 32: Conférence Tendances digitales 2014 - Infopresse - Tink

32

BOOM D’INSTAGRAM

Page 33: Conférence Tendances digitales 2014 - Infopresse - Tink

33

BOOM DU SKEUOMORPHISME

Page 34: Conférence Tendances digitales 2014 - Infopresse - Tink

34

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 35: Conférence Tendances digitales 2014 - Infopresse - Tink

35

BOOM DES TYPOGRAPHIES RETRO/VINTAGES

Page 36: Conférence Tendances digitales 2014 - Infopresse - Tink

36

PANTONE 2013

Page 37: Conférence Tendances digitales 2014 - Infopresse - Tink

37

COULEUR DE L’ANNÉE 2013

Page 38: Conférence Tendances digitales 2014 - Infopresse - Tink

38

2014 ET HIER

RÉCAPITULONS…

01

Page 39: Conférence Tendances digitales 2014 - Infopresse - Tink

RETROVINTAGE

AUTHENTICITÉHIPSTER

CONSOMMATION

MASSE

Page 40: Conférence Tendances digitales 2014 - Infopresse - Tink

2014 ET AUJOURD’HUI

02

Page 41: Conférence Tendances digitales 2014 - Infopresse - Tink

41

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 42: Conférence Tendances digitales 2014 - Infopresse - Tink

42

2014 ET AUJOURD’HUI

QUE SE PASSE T-IL MAINTENANT ?

02

Page 43: Conférence Tendances digitales 2014 - Infopresse - Tink

43

DÉMOCRATISATION D’INTERNET

Page 44: Conférence Tendances digitales 2014 - Infopresse - Tink

44

DÉMOCRATISATION DU GEEK…

Page 45: Conférence Tendances digitales 2014 - Infopresse - Tink

45

…OU PLUTÔT LA CULTURE GEEK

Page 46: Conférence Tendances digitales 2014 - Infopresse - Tink

46

APPLE ET GOOGLE : MARQUES INFLUENTES NUMÉRO 1.

Page 47: Conférence Tendances digitales 2014 - Infopresse - Tink

47

« 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 48: Conférence Tendances digitales 2014 - Infopresse - Tink

48

MARCK ZUCKERBERG, Fondateur de Facebook

Page 49: Conférence Tendances digitales 2014 - Infopresse - Tink

49

EXPLOSION DU MARCHÉ DES MOBILES ET TABLETTES

Page 50: Conférence Tendances digitales 2014 - Infopresse - Tink

50

ÉMERGENCE DES APPS

Page 51: Conférence Tendances digitales 2014 - Infopresse - Tink

51

2014 ET AUJOURD’HUI

MOBILES > ORDINATEURS

02

Page 52: Conférence Tendances digitales 2014 - Infopresse - Tink

52

WEB, MOBILE, TABLETTE, ETC…

… OUI…MAIS QUEL IMPACT?

Page 53: Conférence Tendances digitales 2014 - Infopresse - Tink

53

RESPONSIVE DESIGN

Page 54: Conférence Tendances digitales 2014 - Infopresse - Tink

54

RESPONSIVE DESIGN

Page 55: Conférence Tendances digitales 2014 - Infopresse - Tink

55

RESPONSIVE DESIGN

Page 56: Conférence Tendances digitales 2014 - Infopresse - Tink

56

ÉMERGENCE DES « GRIDS »

Page 57: Conférence Tendances digitales 2014 - Infopresse - Tink

57

ENGOUEMENT POUR LE FLAT DESIGN

Insérez une image horizontale

Page 58: Conférence Tendances digitales 2014 - Infopresse - Tink

58

COMBINAISON FLAT DESIGN + RESPONSIVE

Insérez une image horizontale

Page 59: Conférence Tendances digitales 2014 - Infopresse - Tink

59

NOUVEAU SITE INTERNET BRUNET.CA

Page 60: Conférence Tendances digitales 2014 - Infopresse - Tink

60

2014 ET AUJOURD’HUI

⟶ Brunet.ca / Version Mobile

02

Page 61: Conférence Tendances digitales 2014 - Infopresse - Tink

61

2014 ET AUJOURD’HUI

⟶ Brunet.ca / Version Tablette

02

Page 62: Conférence Tendances digitales 2014 - Infopresse - Tink

62

2014 ET AUJOURD’HUI02

Page 63: Conférence Tendances digitales 2014 - Infopresse - Tink

63

ENGOUEMENT POUR LE FLAT DESIGN

Page 64: Conférence Tendances digitales 2014 - Infopresse - Tink

64

ENGOUEMENT POUR LE FLAT DESIGN

Page 65: Conférence Tendances digitales 2014 - Infopresse - Tink

65

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 66: Conférence Tendances digitales 2014 - Infopresse - Tink

66

LA TYPOGRAPHIE, TOUJOURS LA TYPOGRAPHIE

Page 67: Conférence Tendances digitales 2014 - Infopresse - Tink

67

ÉMERGENCE DES GOOGLE FONT

Page 68: Conférence Tendances digitales 2014 - Infopresse - Tink

68

DE (TRÈS) GRANDES IMAGES

Page 69: Conférence Tendances digitales 2014 - Infopresse - Tink

69

UTILISATION DE COULEURS VIVES

Page 70: Conférence Tendances digitales 2014 - Infopresse - Tink

70

DÉMOCRATISATION DES VIDÉOS ET DU STREAMING.

Page 71: Conférence Tendances digitales 2014 - Infopresse - Tink

71

ENGOUEMENT POUR PINTEREST

Page 72: Conférence Tendances digitales 2014 - Infopresse - Tink

72

ENGOUEMENT POUR LE « BLOCKING »

Page 73: Conférence Tendances digitales 2014 - Infopresse - Tink

73

ENGOUEMENT POUR LES « SINGLE PAGE »

Page 74: Conférence Tendances digitales 2014 - Infopresse - Tink

74

ENGOUEMENT POUR LES CONTENUS COURTS

Page 75: Conférence Tendances digitales 2014 - Infopresse - Tink

75

ENGOUEMENT POUR LES CONTENUS COURTS (VINE)

Insérez une image horizontale

Page 76: Conférence Tendances digitales 2014 - Infopresse - Tink

76

ENGOUEMENT POUR LES CONTENUS COURTS (GIF)

Page 77: Conférence Tendances digitales 2014 - Infopresse - Tink

77

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

Page 78: Conférence Tendances digitales 2014 - Infopresse - Tink

78

2014 ET AUJOURD’HUI

UN RÉSEAU SOCIAL POUR TOUS LES CONTENUS

02

Page 79: Conférence Tendances digitales 2014 - Infopresse - Tink

79

2014 ET AUJOURD’HUI

RÉCAPITULONS…

02

Page 80: Conférence Tendances digitales 2014 - Infopresse - Tink

SIMPLEET PLAT

RESPONSIVEDESIGN

UN MONDEPLUS MOBILE

Page 81: Conférence Tendances digitales 2014 - Infopresse - Tink

CONTENUSCOURTS

IMPORTANCE DU VISUEL

IMPORTANCE DE LA TYPO

Page 82: Conférence Tendances digitales 2014 - Infopresse - Tink

2014 ET DEMAIN

03

Page 83: Conférence Tendances digitales 2014 - Infopresse - Tink

83

2014 ET DEMAIN

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

QU'ELLES NE DEVIENNENT ÉVIDENTES. »

THÉODORE LEVITT

03

Page 84: Conférence Tendances digitales 2014 - Infopresse - Tink

84

2014 ET DEMAIN

QUE SE PASSERA T-IL DEMAIN ?

03

Page 85: Conférence Tendances digitales 2014 - Infopresse - Tink

85

2014 ET DEMAIN

UNE DÉMOGRAPHIECROISSANTE CONNECTÉE

03

Page 86: Conférence Tendances digitales 2014 - Infopresse - Tink

86

PAYS ÉMERGENTS

Page 87: Conférence Tendances digitales 2014 - Infopresse - Tink

87

2014 ET DEMAIN

MULTIPLICATIONDES INTERFACES

03

Page 88: Conférence Tendances digitales 2014 - Infopresse - Tink

88

L’HUMAIN MODERNE

Page 89: Conférence Tendances digitales 2014 - Infopresse - Tink

89

L’HUMAIN HYPERMODERNE?

Page 90: Conférence Tendances digitales 2014 - Infopresse - Tink

90

DES MAISONS CONNECTÉES

Page 91: Conférence Tendances digitales 2014 - Infopresse - Tink

91

TÉLÉS CONNECTÉES

Page 92: Conférence Tendances digitales 2014 - Infopresse - Tink

92

DES OBJETS CONNECTÉS

Page 93: Conférence Tendances digitales 2014 - Infopresse - Tink

93

DES VÊTEMENTS CONNECTÉS

Page 94: Conférence Tendances digitales 2014 - Infopresse - Tink

94

DES AUTOMOBILES CONNECTÉES

Page 95: Conférence Tendances digitales 2014 - Infopresse - Tink

95

2014 ET DEMAIN

PLUSIEURS TYPES D’INTERFACES CONNECTÉES

03

Page 96: Conférence Tendances digitales 2014 - Infopresse - Tink

96

RECONNAISSANCE VOCALE

Page 97: Conférence Tendances digitales 2014 - Infopresse - Tink

97

RECONNAISSANCE DES MOUVEMENTS

Page 98: Conférence Tendances digitales 2014 - Infopresse - Tink

98

LA PRIORITÉ AU CONTENU…

Page 99: Conférence Tendances digitales 2014 - Infopresse - Tink

99

UN CONTENU PERSONNALISÉ ET CONTEXTUEL

Page 100: Conférence Tendances digitales 2014 - Infopresse - Tink

100

UN CONTENU GÉOLOCALISÉ

Page 101: Conférence Tendances digitales 2014 - Infopresse - Tink

101

UN CONTENU SOCIAL

Page 102: Conférence Tendances digitales 2014 - Infopresse - Tink

102

UN CONTENU UTILE

Page 103: Conférence Tendances digitales 2014 - Infopresse - Tink

103

2014 ET DEMAIN

LE DÉFI :EXPÉRIENCE USAGER

CONTINUE

03

Page 104: Conférence Tendances digitales 2014 - Infopresse - Tink

104

QUEL AVENIR POUR LES INTERFACES?

Page 105: Conférence Tendances digitales 2014 - Infopresse - Tink

105

2014 ET DEMAIN

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

03

Page 106: Conférence Tendances digitales 2014 - Infopresse - Tink

106

QUEL AVENIR POUR LES WEBDESIGNERS?

Page 107: Conférence Tendances digitales 2014 - Infopresse - Tink

107

LE RESPONSIVE NE SERA PLUS UNE TENDANCE

Page 108: Conférence Tendances digitales 2014 - Infopresse - Tink

108

2014 ET DEMAIN

BREAKPOINT = APPAREIL

03

Page 109: Conférence Tendances digitales 2014 - Infopresse - Tink

109

2014 ET DEMAIN

BREAKPOINT = CONTENU

03

Page 110: Conférence Tendances digitales 2014 - Infopresse - Tink

110

2014 ET DEMAIN

CONTENUQUI S’ADAPTE

03

Page 111: Conférence Tendances digitales 2014 - Infopresse - Tink

111

2014 ET DEMAIN

EXPÉRIENCE CONTENU

03

Page 112: Conférence Tendances digitales 2014 - Infopresse - Tink

112

2014 ET DEMAIN

EXPÉRIENCE CONTENU

03

Page 113: Conférence Tendances digitales 2014 - Infopresse - Tink

113

2014 ET DEMAIN

LA FIN DULOREM IPSUM?

03

Page 114: Conférence Tendances digitales 2014 - Infopresse - Tink

114

DE FLAT DESIGN À « ULTRA FLAT »

Page 115: Conférence Tendances digitales 2014 - Infopresse - Tink

115

UN CONTENU SOUS FORME DE CARTES ET NOTIFICATIONS

Page 116: Conférence Tendances digitales 2014 - Infopresse - Tink

116

IMPORTANCE DE LA TYPOGRAPHIE ÉCRAN

Page 117: Conférence Tendances digitales 2014 - Infopresse - Tink

117

IMPORTANCE DES ICÔNES

Page 118: Conférence Tendances digitales 2014 - Infopresse - Tink

118

FAIRE DU PRATIQUE ET BEAU

Page 119: Conférence Tendances digitales 2014 - Infopresse - Tink

119

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

Page 120: Conférence Tendances digitales 2014 - Infopresse - Tink

120

UN CONTENU QUI VIENT VERS NOUS

Page 121: Conférence Tendances digitales 2014 - Infopresse - Tink

121

2014 ET DEMAIN

RÉCAPITULONS…

03

Page 122: Conférence Tendances digitales 2014 - Infopresse - Tink

CONTENUSÀ LA BASE

PLUSCONNECTÉ

PLUS DE MOBILE

Page 123: Conférence Tendances digitales 2014 - Infopresse - Tink

UTILEET BEAU

ADAPTÉSCONTEXTE

RESPONSIVESUR CONTENUS

Page 124: Conférence Tendances digitales 2014 - Infopresse - Tink

124

2014 ET DEMAIN

UN GROSRÉCAPITULATIF…

03

Page 125: Conférence Tendances digitales 2014 - Infopresse - Tink

FLATDESIGN

BOOMMOBILE

RETROVINTAGE

Page 126: Conférence Tendances digitales 2014 - Infopresse - Tink

RESPONSIVECONTENUS

EXPLOSIONINTERFACES

RESPONSIVEAPPAREILS

Page 127: Conférence Tendances digitales 2014 - Infopresse - Tink
Page 128: Conférence Tendances digitales 2014 - Infopresse - Tink

128

FINLES TENDANCES DIGITALES 2014

@tinkweb

LAURENT VÉNÉROSY

[email protected]@rnzoo

GUILLAUME MASSON-DELISLE

[email protected]@guillaumemd


Top Related