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 de...
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...
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 ...
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’appor...
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É...
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@...
Conférence Tendances digitales 2014 - Infopresse - Tink
Conférence Tendances digitales 2014 - Infopresse - Tink
Prochain SlideShare
Chargement dans…5
×

Conférence Tendances digitales 2014 - Infopresse - Tink

1 431 vues

Publié le

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

Publié dans : Technologie
0 commentaire
5 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 431
Sur SlideShare
0
Issues des intégrations
0
Intégrations
16
Actions
Partages
0
Téléchargements
44
Commentaires
0
J’aime
5
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Conférence Tendances digitales 2014 - Infopresse - Tink

  1. 1. 4 décembre CONFÉRENCE INFOPRESSE TENDANCES 2014
  2. 2. 170. OUI, 170. 3
  3. 3. INTRODUCTION LAURENT VÉNÉROSY ⟶ ⟶ ⟶ Directeur artistique @rnzoo @tinkweb 4
  4. 4. INTRODUCTION GUILLAUME MASSONDELISLE ⟶ ⟶ ⟶ Directeur, stratégie et conception @guillaumemd @tinkweb 5
  5. 5. Stratégie Conception Social NOTRE OFFRE 6
  6. 6. Développement Mesure Évolution NOTRE OFFRE 7
  7. 7. TENDANCES PLAN ⟶ ⟶ ⟶ 2014 et hier 2014 et aujourd’hui 2014 et demain 8
  8. 8. TENDANCES PLAN SOCIAL / TECHNO LOGIQUE DIGITAL DESIGN 9
  9. 9. 01 2014 ET HIER
  10. 10. 01 2014 ET HIER « POUR VOIR LE FUTUR, IL FAUT REGARDER DERRIÈRE SOI. » EXTRAIT DE LA BIBLE 11
  11. 11. 01 2014 ET HIER QUE S’EST-IL PASSÉ HIER ? 12
  12. 12. 01 2014 ET HIER 1875 1895 1926 13
  13. 13. 01 2014 ET HIER 1989 : LE WEB, NOUVEAU MÉDIA DE MASSE 14
  14. 14. 01 2014 ET HIER TRAFIC INTERNET DE 20 MAISONS = TRAFIC INTERNET TOTAL EN 1995 15
  15. 15. MARKETING DE MASSE 16
  16. 16. 01 2014 ET HIER CONSOMMATION DE MASSE 17
  17. 17. RÉCHAUFFEMENT CLIMATIQUE. 18
  18. 18. 01 2014 ET HIER DES SCANDALES DE LA CONSOMMATION 19
  19. 19. AFFAIRE VACHE FOLLE EXPLOITATION INFANTILE AFFAIRE FOXCONN
  20. 20. AFFAIRE NSA/PRISM AFFAIRE WIKILEAKS SCANDALE FACEBOOK
  21. 21. CONSOMMATION, INTERNET, RÉSEAUX SOCIAUX … OUI…MAIS QUEL IMPACT? 22
  22. 22. JE VEUX DE LA NOSTALGIE ! 23
  23. 23. JE VEUX DE L’AUTHENTICITÉ ! 24
  24. 24. DONC JE CONSOMME LOCAL, NATUREL ET BIO 25
  25. 25. WÉ COMME UN HIPPIE QUOI… 26
  26. 26. …NON PLUTÔT UN HIPSTER. 27
  27. 27. 01 2014 ET HIER NOUS SOMMES LE 4 DÉCEMBRE… 28
  28. 28. 01 2014 ET HIER …ET VOUS PORTEZ UNE MOUSTACHE… 29
  29. 29. 01 2014 ET HIER …VOUS ÊTES SUREMENT UN HIPSTER 30
  30. 30. LE HIPSTER EST FAN DE RETRO/VINTAGE. 31
  31. 31. BOOM D’INSTAGRAM 32
  32. 32. BOOM DU SKEUOMORPHISME 33
  33. 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
  34. 34. BOOM DES TYPOGRAPHIES RETRO/VINTAGES 35
  35. 35. PANTONE 2013 36
  36. 36. COULEUR DE L’ANNÉE 2013 37
  37. 37. 01 2014 ET HIER RÉCAPITULONS… 38
  38. 38. CONSOMMATION MASSE AUTHENTICITÉ HIPSTER RETRO VINTAGE
  39. 39. 02 2014 ET AUJOURD’HUI
  40. 40. 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
  41. 41. 02 2014 ET AUJOURD’HUI QUE SE PASSE T-IL MAINTENANT ? 42
  42. 42. DÉMOCRATISATION D’INTERNET 43
  43. 43. DÉMOCRATISATION DU GEEK… 44
  44. 44. …OU PLUTÔT LA CULTURE GEEK 45
  45. 45. APPLE ET GOOGLE : MARQUES INFLUENTES NUMÉRO 1. 46
  46. 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
  47. 47. MARCK ZUCKERBERG, Fondateur de Facebook 48
  48. 48. EXPLOSION DU MARCHÉ DES MOBILES ET TABLETTES 49
  49. 49. ÉMERGENCE DES APPS 50
  50. 50. 02 2014 ET AUJOURD’HUI MOBILES > ORDINATEURS 51
  51. 51. WEB, MOBILE, TABLETTE, ETC… … OUI…MAIS QUEL IMPACT? 52
  52. 52. RESPONSIVE DESIGN 53
  53. 53. RESPONSIVE DESIGN 54
  54. 54. RESPONSIVE DESIGN 55
  55. 55. ÉMERGENCE DES « GRIDS » 56
  56. 56. ENGOUEMENT POUR LE FLAT DESIGN 57
  57. 57. COMBINAISON FLAT DESIGN + RESPONSIVE 58
  58. 58. NOUVEAU SITE INTERNET BRUNET.CA 59
  59. 59. 02 2014 ET AUJOURD’HUI ⟶ Brunet.ca / Version Mobile 60
  60. 60. 02 2014 ET AUJOURD’HUI ⟶ Brunet.ca / Version Tablette 61
  61. 61. 02 2014 ET AUJOURD’HUI 62
  62. 62. ENGOUEMENT POUR LE FLAT DESIGN 63
  63. 63. ENGOUEMENT POUR LE FLAT DESIGN 64
  64. 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
  65. 65. LA TYPOGRAPHIE, TOUJOURS LA TYPOGRAPHIE 66
  66. 66. ÉMERGENCE DES GOOGLE FONT 67
  67. 67. DE (TRÈS) GRANDES IMAGES 68
  68. 68. UTILISATION DE COULEURS VIVES 69
  69. 69. DÉMOCRATISATION DES VIDÉOS ET DU STREAMING. 70
  70. 70. ENGOUEMENT POUR PINTEREST 71
  71. 71. ENGOUEMENT POUR LE « BLOCKING » 72
  72. 72. ENGOUEMENT POUR LES « SINGLE PAGE » 73
  73. 73. ENGOUEMENT POUR LES CONTENUS COURTS 74
  74. 74. ENGOUEMENT POUR LES CONTENUS COURTS (VINE) 75
  75. 75. ENGOUEMENT POUR LES CONTENUS COURTS (GIF) 76
  76. 76. ENGOUEMENT POUR L’INSTANTANÉITÉ : SNAPCHAT/WIRE 77
  77. 77. 02 2014 ET AUJOURD’HUI UN RÉSEAU SOCIAL POUR TOUS LES CONTENUS 78
  78. 78. 02 2014 ET AUJOURD’HUI RÉCAPITULONS… 79
  79. 79. UN MONDE PLUS MOBILE RESPONSIVE DESIGN SIMPLE ET PLAT
  80. 80. IMPORTANCE DE LA TYPO IMPORTANCE DU VISUEL CONTENUS COURTS
  81. 81. 03 2014 ET DEMAIN
  82. 82. 03 2014 ET DEMAIN « LE FUTUR APPARTIENT À CEUX QUI VOIENT LES POSSIBILITÉS AVANT QU'ELLES NE DEVIENNENT ÉVIDENTES. » THÉODORE LEVITT 83
  83. 83. 03 2014 ET DEMAIN QUE SE PASSERA T-IL DEMAIN ? 84
  84. 84. 03 2014 ET DEMAIN UNE DÉMOGRAPHIE CROISSANTE CONNECTÉE 85
  85. 85. PAYS ÉMERGENTS 86
  86. 86. 03 2014 ET DEMAIN MULTIPLICATION DES INTERFACES 87
  87. 87. L’HUMAIN MODERNE 88
  88. 88. L’HUMAIN HYPERMODERNE? 89
  89. 89. DES MAISONS CONNECTÉES 90
  90. 90. TÉLÉS CONNECTÉES 91
  91. 91. DES OBJETS CONNECTÉS 92
  92. 92. DES VÊTEMENTS CONNECTÉS 93
  93. 93. DES AUTOMOBILES CONNECTÉES 94
  94. 94. 03 2014 ET DEMAIN PLUSIEURS TYPES D’INTERFACES CONNECTÉES 95
  95. 95. RECONNAISSANCE VOCALE 96
  96. 96. RECONNAISSANCE DES MOUVEMENTS 97
  97. 97. LA PRIORITÉ AU CONTENU… 98
  98. 98. UN CONTENU PERSONNALISÉ ET CONTEXTUEL 99
  99. 99. UN CONTENU GÉOLOCALISÉ 100
  100. 100. UN CONTENU SOCIAL 101
  101. 101. UN CONTENU UTILE 102
  102. 102. 03 2014 ET DEMAIN LE DÉFI : EXPÉRIENCE USAGER CONTINUE 103
  103. 103. QUEL AVENIR POUR LES INTERFACES? 104
  104. 104. 03 2014 ET DEMAIN LE FUTUR DE L’INTERFACE, C’EST L’ABSENCE D’INTERFACE? 105
  105. 105. QUEL AVENIR POUR LES WEBDESIGNERS? 106
  106. 106. LE RESPONSIVE NE SERA PLUS UNE TENDANCE 107
  107. 107. 03 2014 ET DEMAIN BREAKPOINT = APPAREIL 108
  108. 108. 03 2014 ET DEMAIN BREAKPOINT = CONTENU 109
  109. 109. 03 2014 ET DEMAIN CONTENU QUI S’ADAPTE 110
  110. 110. 03 2014 ET DEMAIN EXPÉRIENCE CONTENU 111
  111. 111. 03 2014 ET DEMAIN EXPÉRIENCE CONTENU 112
  112. 112. 03 2014 ET DEMAIN LA FIN DU LOREM IPSUM? 113
  113. 113. DE FLAT DESIGN À « ULTRA FLAT » 114
  114. 114. UN CONTENU SOUS FORME DE CARTES ET NOTIFICATIONS 115
  115. 115. IMPORTANCE DE LA TYPOGRAPHIE ÉCRAN 116
  116. 116. IMPORTANCE DES ICÔNES 117
  117. 117. FAIRE DU PRATIQUE ET BEAU 118
  118. 118. LA RÉSURRECTION DE LA RÉALITÉ AUGMENTÉE ? 119
  119. 119. UN CONTENU QUI VIENT VERS NOUS 120
  120. 120. 03 2014 ET DEMAIN RÉCAPITULONS… 121
  121. 121. PLUS DE MOBILE PLUS CONNECTÉ CONTENUS À LA BASE
  122. 122. RESPONSIVE SUR CONTENUS ADAPTÉS CONTEXTE UTILE ET BEAU
  123. 123. 03 2014 ET DEMAIN UN GROS RÉCAPITULATIF… 124
  124. 124. RETRO VINTAGE BOOM MOBILE FLAT DESIGN
  125. 125. RESPONSIVE APPAREILS EXPLOSION INTERFACES RESPONSIVE CONTENUS
  126. 126. LES TENDANCES DIGITALES 2014 FIN @tinkweb LAURENT VÉNÉROSY lvenerosy@tink.ca @rnzoo GUILLAUME MASSON-DELISLE gmdelisle@tink.ca @guillaumemd 128

×