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