conférence tendances digitales 2014 - infopresse - tink

128
TENDANCES 2014 CONFÉRENCE INFOPRESSE 4 décembre

Upload: guillaumemd

Post on 23-Dec-2014

879 views

Category:

Technology


1 download

DESCRIPTION

Un regard sur le contexte social et technologique d'hier, d'aujourd'hui et de demain en vue d'anticiper les tendances digitales et design. Hier : Les scandales de la consommation ont participé à l'essor du mouvement hipster et le retour aux stratégies marketing mettant de l'avant l'authenticité, la nostalgie et le vintage. Aujourd'hui : Le boom des tablettes et du mobile ont mis au monde le responsive design basé sur trois appareils dans trois résolutions d'écran. Le flat design suit cette tendance mobile, tout comme la typographie et les contenus courts. Demain : Le mobile continue prendre en importance et tend à supplanter l'ordinateur. C'est particulièrement le cas dans les pays émergents. La multiplication des tailles et types d'écran invalide le modèle responsive design actuel basé sur trois appareils. Phénomène encore plus valide lorsqu'on considère les objets connectés ainsi que la reconnaissance vocale et des mouvements qui n'emploient pas d'interface usager. À l'avenir, l'importance sera mise sur le contenu, un contenu personnalisé, géolocalisé, socialisé et utile. On devra passer d'un mode responsive design selon des appareils pour un responsive en fonction des contenus. Les interfaces évolueront vers l'ultraflat design qui devra combiner l'utile et le beau. Les Gifs animés ne sont pas supportés par Slideshare. Voici donc ceux qui joueraient normalement lors de la présentation : - p.22 : http://media3.giphy.com/media/9YtHBIlvnTqqQ/giphy.gif - p.27 : http://media.giphy.com/media/QYbL1NeOM5j4A/giphy.gif - p.76 : http://media2.giphy.com/media/ETywpg14We7AY/giphy.gif - p.106 : http://media.giphy.com/media/bjfv14wZU7PiM/giphy.gif

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