conférence tendances digitales 2014 - infopresse - tink

Post on 23-Dec-2014

879 Views

Category:

Technology

1 Downloads

Preview:

Click to see full reader

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

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

lvenerosy@tink.ca@rnzoo

GUILLAUME MASSON-DELISLE

gmdelisle@tink.ca@guillaumemd

top related