Conférence Tendances digitales 2014 - Infopresse - Tink

1,526 views

Published on

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

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,526
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
44
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

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

×