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

1. 4 décembre
CONFÉRENCE INFOPRESSE
TENDANCES 2014

3. 170. OUI, 170.
3

4. INTRODUCTION
LAURENT VÉNÉROSY
⟶
⟶
⟶
Directeur artistique
@rnzoo
@tinkweb
4

5. INTRODUCTION
GUILLAUME MASSONDELISLE
⟶
⟶
⟶
Directeur,
stratégie et conception
@guillaumemd
@tinkweb
5

6. Stratégie
Conception
Social
NOTRE OFFRE
6

7. Développement
Mesure
Évolution
NOTRE OFFRE
7

8. TENDANCES
PLAN
⟶
⟶
⟶
2014 et hier
2014 et aujourd’hui
2014 et demain
8

9. TENDANCES
PLAN
SOCIAL /
TECHNO
LOGIQUE
DIGITAL
DESIGN
9

10. 01
2014 ET HIER

11. 01
2014 ET HIER
« POUR VOIR LE FUTUR,
IL FAUT REGARDER DERRIÈRE SOI. »
EXTRAIT DE LA BIBLE
11

12. 01
2014 ET HIER
QUE S’EST-IL PASSÉ HIER ?
12

13. 01
2014 ET HIER
1875
1895
1926
13

14. 01
2014 ET HIER
1989 :
LE WEB, NOUVEAU
MÉDIA DE MASSE
14

15. 01
2014 ET HIER
TRAFIC INTERNET DE 20 MAISONS
= TRAFIC INTERNET TOTAL EN 1995
15

16. MARKETING DE MASSE
16

17. 01
2014 ET HIER
CONSOMMATION
DE MASSE
17

18. RÉCHAUFFEMENT CLIMATIQUE.
18

19. 01
2014 ET HIER
DES SCANDALES
DE LA CONSOMMATION
19

20. AFFAIRE
VACHE FOLLE
EXPLOITATION
INFANTILE
AFFAIRE
FOXCONN

21. AFFAIRE
NSA/PRISM
AFFAIRE
WIKILEAKS
SCANDALE
FACEBOOK

22. CONSOMMATION, INTERNET, RÉSEAUX SOCIAUX
… OUI…MAIS QUEL IMPACT?
22

23. JE VEUX DE LA NOSTALGIE !
23

24. JE VEUX DE L’AUTHENTICITÉ !
24

25. DONC JE CONSOMME LOCAL, NATUREL ET BIO
25

26. WÉ COMME UN HIPPIE QUOI…
26

27. …NON PLUTÔT UN HIPSTER.
27

28. 01
2014 ET HIER
NOUS SOMMES
LE 4 DÉCEMBRE…
28

29. 01
2014 ET HIER
…ET VOUS PORTEZ UNE
MOUSTACHE…
29

30. 01
2014 ET HIER
…VOUS ÊTES
SUREMENT UN HIPSTER
30

31. LE HIPSTER EST FAN DE RETRO/VINTAGE.
31

32. BOOM D’INSTAGRAM
32

33. BOOM DU SKEUOMORPHISME
33

34. 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

35. BOOM DES TYPOGRAPHIES RETRO/VINTAGES
35

36. PANTONE 2013
36

37. COULEUR DE L’ANNÉE 2013
37

38. 01
2014 ET HIER
RÉCAPITULONS…
38

39. CONSOMMATION
MASSE
AUTHENTICITÉ
HIPSTER
RETRO
VINTAGE

40. 02
2014 ET AUJOURD’HUI

41. 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

42. 02
2014 ET AUJOURD’HUI
QUE SE PASSE T-IL MAINTENANT ?
42

43. DÉMOCRATISATION D’INTERNET
43

44. DÉMOCRATISATION DU GEEK…
44

45. …OU PLUTÔT LA CULTURE GEEK
45

46. APPLE ET GOOGLE : MARQUES INFLUENTES NUMÉRO 1.
46

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

48. MARCK ZUCKERBERG, Fondateur de Facebook
48

49. EXPLOSION DU MARCHÉ DES MOBILES ET TABLETTES
49

50. ÉMERGENCE DES APPS
50

51. 02
2014 ET AUJOURD’HUI
MOBILES > ORDINATEURS
51

52. WEB, MOBILE, TABLETTE, ETC…
… OUI…MAIS QUEL IMPACT?
52

53. RESPONSIVE DESIGN
53

54. RESPONSIVE DESIGN
54

55. RESPONSIVE DESIGN
55

56. ÉMERGENCE DES « GRIDS »
56

57. ENGOUEMENT POUR LE FLAT DESIGN
57

58. COMBINAISON FLAT DESIGN + RESPONSIVE
58

59. NOUVEAU SITE INTERNET BRUNET.CA
59

60. 02
2014 ET AUJOURD’HUI
⟶
Brunet.ca / Version Mobile
60

61. 02
2014 ET AUJOURD’HUI
⟶
Brunet.ca / Version Tablette
61

62. 02
2014 ET AUJOURD’HUI
62

63. ENGOUEMENT POUR LE FLAT DESIGN
63

64. ENGOUEMENT POUR LE FLAT DESIGN
64

65. 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

66. LA TYPOGRAPHIE, TOUJOURS LA TYPOGRAPHIE
66

67. ÉMERGENCE DES GOOGLE FONT
67

68. DE (TRÈS) GRANDES IMAGES
68

69. UTILISATION DE COULEURS VIVES
69

70. DÉMOCRATISATION DES VIDÉOS ET DU STREAMING.
70

71. ENGOUEMENT POUR PINTEREST
71

72. ENGOUEMENT POUR LE « BLOCKING »
72

73. ENGOUEMENT POUR LES « SINGLE PAGE »
73

74. ENGOUEMENT POUR LES CONTENUS COURTS
74

75. ENGOUEMENT POUR LES CONTENUS COURTS (VINE)
75

76. ENGOUEMENT POUR LES CONTENUS COURTS (GIF)
76

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

78. 02
2014 ET AUJOURD’HUI
UN RÉSEAU SOCIAL
POUR TOUS LES CONTENUS
78

79. 02
2014 ET AUJOURD’HUI
RÉCAPITULONS…
79

80. UN MONDE
PLUS MOBILE
RESPONSIVE
DESIGN
SIMPLE
ET PLAT

81. IMPORTANCE
DE LA TYPO
IMPORTANCE
DU VISUEL
CONTENUS
COURTS

82. 03
2014 ET DEMAIN

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

84. 03
2014 ET DEMAIN
QUE SE PASSERA T-IL DEMAIN ?
84

85. 03
2014 ET DEMAIN
UNE DÉMOGRAPHIE
CROISSANTE CONNECTÉE
85

86. PAYS ÉMERGENTS
86

87. 03
2014 ET DEMAIN
MULTIPLICATION
DES INTERFACES
87

88. L’HUMAIN MODERNE
88

89. L’HUMAIN HYPERMODERNE?
89

90. DES MAISONS CONNECTÉES
90

91. TÉLÉS CONNECTÉES
91

92. DES OBJETS CONNECTÉS
92

93. DES VÊTEMENTS CONNECTÉS
93

94. DES AUTOMOBILES CONNECTÉES
94

95. 03
2014 ET DEMAIN
PLUSIEURS TYPES D’INTERFACES
CONNECTÉES
95

96. RECONNAISSANCE VOCALE
96

97. RECONNAISSANCE DES MOUVEMENTS
97

98. LA PRIORITÉ AU CONTENU…
98

99. UN CONTENU PERSONNALISÉ ET CONTEXTUEL
99

100. UN CONTENU GÉOLOCALISÉ
100

101. UN CONTENU SOCIAL
101

102. UN CONTENU UTILE
102

103. 03
2014 ET DEMAIN
LE DÉFI :
EXPÉRIENCE USAGER
CONTINUE
103

104. QUEL AVENIR POUR LES INTERFACES?
104

105. 03
2014 ET DEMAIN
LE FUTUR DE L’INTERFACE,
C’EST L’ABSENCE D’INTERFACE?
105

106. QUEL AVENIR POUR LES WEBDESIGNERS?
106

107. LE RESPONSIVE NE SERA PLUS UNE TENDANCE
107

108. 03
2014 ET DEMAIN
BREAKPOINT = APPAREIL
108

109. 03
2014 ET DEMAIN
BREAKPOINT = CONTENU
109

110. 03
2014 ET DEMAIN
CONTENU
QUI S’ADAPTE
110

111. 03
2014 ET DEMAIN
EXPÉRIENCE
CONTENU
111

112. 03
2014 ET DEMAIN
EXPÉRIENCE
CONTENU
112

113. 03
2014 ET DEMAIN
LA FIN DU
LOREM IPSUM?
113

114. DE FLAT DESIGN À « ULTRA FLAT »
114

115. UN CONTENU SOUS FORME DE CARTES ET NOTIFICATIONS
115

116. IMPORTANCE DE LA TYPOGRAPHIE ÉCRAN
116

117. IMPORTANCE DES ICÔNES
117

118. FAIRE DU PRATIQUE
ET BEAU
118

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

120. UN CONTENU QUI VIENT VERS NOUS
120

121. 03
2014 ET DEMAIN
RÉCAPITULONS…
121

122. PLUS
DE MOBILE
PLUS
CONNECTÉ
CONTENUS
À LA BASE

123. RESPONSIVE
SUR CONTENUS
ADAPTÉS
CONTEXTE
UTILE
ET BEAU

124. 03
2014 ET DEMAIN
UN GROS
RÉCAPITULATIF…
124

125. RETRO
VINTAGE
BOOM
MOBILE
FLAT
DESIGN

126. RESPONSIVE
APPAREILS
EXPLOSION
INTERFACES
RESPONSIVE
CONTENUS

128. LES TENDANCES DIGITALES 2014
FIN
@tinkweb
LAURENT
VÉNÉROSY
lvenerosy@tink.ca
@rnzoo
GUILLAUME
MASSON-DELISLE
gmdelisle@tink.ca
@guillaumemd
128