conférence tendances digitales 2014 - infopresse - tink

Download Conférence Tendances digitales 2014 - Infopresse - Tink

If you can't read please download the document

Post on 23-Dec-2014

877 views

Category:

Technology

1 download

Embed Size (px)

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

  • 1. 4 dcembreCONFRENCE INFOPRESSETENDANCES 2014

2. 170. OUI, 170. 3 3. INTRODUCTIONLAURENT VNROSYDirecteur artistique @rnzoo @tinkweb4 4. INTRODUCTIONGUILLAUME MASSONDELISLE Directeur, stratgie et conception@guillaumemd @tinkweb5 5. StratgieConceptionSocialNOTRE OFFRE 6 6. DveloppementMesurevolutionNOTRE OFFRE 7 7. TENDANCESPLAN 2014 et hier 2014 et aujourdhui 2014 et demain8 8. TENDANCESPLANSOCIAL / TECHNO LOGIQUEDIGITALDESIGN9 9. 01 2014 ET HIER 10. 012014 ET HIER POUR VOIR LE FUTUR, IL FAUT REGARDER DERRIRE SOI. EXTRAIT DE LA BIBLE11 11. 012014 ET HIERQUE SEST-IL PASS HIER ?12 12. 012014 ET HIER18751895192613 13. 012014 ET HIER1989 : LE WEB, NOUVEAU MDIA DE MASSE14 14. 012014 ET HIERTRAFIC INTERNET DE 20 MAISONS = TRAFIC INTERNET TOTAL EN 199515 15. MARKETING DE MASSE 16 16. 012014 ET HIERCONSOMMATION DE MASSE17 17. RCHAUFFEMENT CLIMATIQUE. 18 18. 012014 ET HIERDES SCANDALES DE LA CONSOMMATION19 19. AFFAIRE VACHE FOLLEEXPLOITATION INFANTILEAFFAIRE FOXCONN 20. AFFAIRE NSA/PRISMAFFAIRE WIKILEAKSSCANDALE FACEBOOK 21. CONSOMMATION, INTERNET, RSEAUX SOCIAUX OUIMAIS QUEL IMPACT? 22 22. JE VEUX DE LA NOSTALGIE ! 23 23. JE VEUX DE LAUTHENTICIT ! 24 24. DONC JE CONSOMME LOCAL, NATUREL ET BIO 25 25. W COMME UN HIPPIE QUOI 26 26. NON PLUTT UN HIPSTER. 27 27. 012014 ET HIERNOUS SOMMES LE 4 DCEMBRE28 28. 012014 ET HIERET VOUS PORTEZ UNE MOUSTACHE29 29. 012014 ET HIERVOUS TES SUREMENT UN HIPSTER30 30. LE HIPSTER EST FAN DE RETRO/VINTAGE. 31 31. BOOM DINSTAGRAM 32 32. BOOM DU SKEUOMORPHISME 33 33. 012014 ET HIERSKEUOMORPHISME / des lments d'interface informatique reproduisant des objets physiques (par exemple des textures : cuir, papier, bois) dans le but de donner des repres facilement accessibles l'utilisateur.34 34. BOOM DES TYPOGRAPHIES RETRO/VINTAGES 35 35. PANTONE 2013 36 36. COULEUR DE LANNE 2013 37 37. 012014 ET HIERRCAPITULONS38 38. CONSOMMATION MASSEAUTHENTICIT HIPSTERRETRO VINTAGE 39. 02 2014 ET AUJOURDHUI 40. 022014 ET AUJOURDHUI SI ON NE S'OCCUPE PAS DE SON PRSENT ON MANQUE SON FUTUR. BERNARD WERBER, LE JOUR DES FOURMIS41 41. 022014 ET AUJOURDHUIQUE SE PASSE T-IL MAINTENANT ?42 42. DMOCRATISATION DINTERNET 43 43. DMOCRATISATION DU GEEK 44 44. OU PLUTT LA CULTURE GEEK 45 45. APPLE ET GOOGLE : MARQUES INFLUENTES NUMRO 1. 46 46. Nous avons pratiquement dix ans. Nous ne sommes plus un phnomne de 'niche' ; ce genre de profil cool, c'est fini pour nous. (SEPTEMBRE 2013)47 47. MARCK ZUCKERBERG, Fondateur de Facebook 48 48. EXPLOSION DU MARCH DES MOBILES ET TABLETTES 49 49. MERGENCE DES APPS 50 50. 022014 ET AUJOURDHUIMOBILES > ORDINATEURS51 51. WEB, MOBILE, TABLETTE, ETC OUIMAIS QUEL IMPACT? 52 52. RESPONSIVE DESIGN 53 53. RESPONSIVE DESIGN 54 54. RESPONSIVE DESIGN 55 55. MERGENCE DES GRIDS 56 56. ENGOUEMENT POUR LE FLAT DESIGN 57 57. COMBINAISON FLAT DESIGN + RESPONSIVE 58 58. NOUVEAU SITE INTERNET BRUNET.CA 59 59. 022014 ET AUJOURDHUIBrunet.ca / Version Mobile60 60. 022014 ET AUJOURDHUIBrunet.ca / Version Tablette61 61. 022014 ET AUJOURDHUI62 62. ENGOUEMENT POUR LE FLAT DESIGN 63 63. ENGOUEMENT POUR LE FLAT DESIGN 64 64. 022014 ET AUJOURDHUIFLAT DESIGN / est un style graphique ayant pour objectif dcarter tout lment graphique napportant aucune valeur significative la structuration dune page65 65. LA TYPOGRAPHIE, TOUJOURS LA TYPOGRAPHIE 66 66. MERGENCE DES GOOGLE FONT 67 67. DE (TRS) GRANDES IMAGES 68 68. UTILISATION DE COULEURS VIVES 69 69. DMOCRATISATION DES VIDOS ET DU STREAMING. 70 70. ENGOUEMENT POUR PINTEREST 71 71. ENGOUEMENT POUR LE BLOCKING 72 72. ENGOUEMENT POUR LES SINGLE PAGE 73 73. ENGOUEMENT POUR LES CONTENUS COURTS 74 74. ENGOUEMENT POUR LES CONTENUS COURTS (VINE) 75 75. ENGOUEMENT POUR LES CONTENUS COURTS (GIF) 76 76. ENGOUEMENT POUR LINSTANTANIT : SNAPCHAT/WIRE 77 77. 022014 ET AUJOURDHUIUN RSEAU SOCIAL POUR TOUS LES CONTENUS78 78. 022014 ET AUJOURDHUIRCAPITULONS79 79. UN MONDE PLUS MOBILERESPONSIVE DESIGNSIMPLE ET PLAT 80. IMPORTANCE DE LA TYPOIMPORTANCE DU VISUELCONTENUS COURTS 81. 03 2014 ET DEMAIN 82. 032014 ET DEMAIN LE FUTUR APPARTIENT CEUX QUI VOIENT LES POSSIBILITS AVANT QU'ELLES NE DEVIENNENT VIDENTES. THODORE LEVITT83 83. 032014 ET DEMAINQUE SE PASSERA T-IL DEMAIN ?84 84. 032014 ET DEMAINUNE DMOGRAPHIE CROISSANTE CONNECTE85 85. PAYS MERGENTS 86 86. 032014 ET DEMAINMULTIPLICATION DES INTERFACES87 87. LHUMAIN MODERNE 88 88. LHUMAIN HYPERMODERNE? 89 89. DES MAISONS CONNECTES 90 90. TLS CONNECTES 91 91. DES OBJETS CONNECTS 92 92. DES VTEMENTS CONNECTS 93 93. DES AUTOMOBILES CONNECTES 94 94. 032014 ET DEMAINPLUSIEURS TYPES DINTERFACES CONNECTES 95 95. RECONNAISSANCE VOCALE 96 96. RECONNAISSANCE DES MOUVEMENTS 97 97. LA PRIORIT AU CONTENU 98 98. UN CONTENU PERSONNALIS ET CONTEXTUEL 99 99. UN CONTENU GOLOCALIS 100 100. UN CONTENU SOCIAL 101 101. UN CONTENU UTILE 102 102. 032014 ET DEMAINLE DFI : EXPRIENCE USAGER CONTINUE103 103. QUEL AVENIR POUR LES INTERFACES? 104 104. 032014 ET DEMAINLE FUTUR DE LINTERFACE, CEST LABSENCE DINTERFACE? 105 105. QUEL AVENIR POUR LES WEBDESIGNERS? 106 106. LE RESPONSIVE NE SERA PLUS UNE TENDANCE 107 107. 032014 ET DEMAINBREAKPOINT = APPAREIL108 108. 032014 ET DEMAINBREAKPOINT = CONTENU109 109. 032014 ET DEMAINCONTENU QUI SADAPTE110 110. 032014 ET DEMAINEXPRIENCECONTENU111 111. 032014 ET DEMAINEXPRIENCECONTENU112 112. 032014 ET DEMAINLA FIN DU LOREM IPSUM?113 113. DE FLAT DESIGN ULTRA FLAT 114 114. UN CONTENU SOUS FORME DE CARTES ET NOTIFICATIONS 115 115. IMPORTANCE DE LA TYPOGRAPHIE CRAN 116 116. IMPORTANCE DES ICNES 117 117. FAIRE DU PRATIQUEET BEAU 118 118. LA RSURRECTION DE LA RALIT AUGMENTE ? 119 119. UN CONTENU QUI VIENT VERS NOUS 120 120. 032014 ET DEMAINRCAPITULONS121 121. PLUS DE MOBILEPLUS CONNECTCONTENUS LA BASE 122. RESPONSIVE SUR CONTENUSADAPTS CONTEXTEUTILE ET BEAU 123. 032014 ET DEMAINUN GROS RCAPITULATIF124 124. RETRO VINTAGEBOOM MOBILEFLAT DESIGN 125. RESPONSIVE APPAREILSEXPLOSION INTERFACESRESPONSIVE CONTENUS 126. LES TENDANCES DIGITALES 2014FIN @tinkwebLAURENT VNROSY lvenerosy@tink.ca @rnzooGUILLAUME MASSON-DELISLE gmdelisle@tink.ca @guillaumemd 128