Tendances Web 2013
•Als PPT, PDF herunterladen•
1 gefällt mir•627 views
Curieux de connaître les tendances Web de 2013? Laurent Vénérosy, directeur artistique chez Tink, a fait une rétrospective des incontournables de cette année, tant sur le plan design, que sur les orientations en marketing de contenu. Bonne lecture!
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (9)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Tendances Web 2013
Ähnlich wie Tendances Web 2013 (20)
Tendances Web 2013
- 1. TENDANCES WEB 2013+ LAURENT VENEROSY DIRECTEUR ARTISTIQUE LVENEROSY@TINK.CA
- 2. « POUR VOIR LE FUTUR, IL FAUT REGARDER DERRIÈRE SOI. » EXTRAIT DE LA BIBLE
- 5. EXPLOSION DES SCANDALES DE LA CONSOMMATION
- 7. HARO SUR LE BŒUF BRÉSILIEN CHEVAL GATE AFFAIRE SPANGHERO IKEA, CONTAMINATION FÉCALE SCANDALE FOXCONN MONDIALISATION HYPER CONSOMMATION EXPLOITATION DES ENFANTS ASIATIQUES POLLUTION CONTAMINATION VACHE FOLLE OGM HARO SUR LE BŒUF BRÉSILIEN CHEVAL GATE AFFAIRE SPANGHERO
- 8. QU’ EST CE QUE JE CONSOMME ?
- 9. QU’EST-CE QUE JE CONSOMME ?
- 10. MARRE DE L’ARTIFICIEL, JE VEUX DE L’AUTHENTICITÉ !
- 11. MARRE DE L’ARTIFICIEL, JE VEUX DE LA NOSTALGIE !
- 12. DONC… JE CONSOMME DU NATUREL ET DU BIO !
- 13. MAIS ALORS… SERAIT-CE UN RETOUR DE LA MODE HIPPIE ? HIPSTER
- 14. HISPTER (2012) / Utilisé de manière contradictoire, le terme Hipster rend difficile une définition précise d’une culture identifiable parce qu'elle est un mélange de styles, se revendiquant elle-même comme « en mutation ». En effet, la particularité des hipsters est d’être considérés comme « inclassables » et « non-mainstream » même s'ils reprennent les codes de générations précédentes avec une touche « rétro » revendiquée.
- 16. FAN DE RETRO & VINTAGE
- 17. FAN DE RETRO & VI NTAGE
- 18. AH MAI S TU VEUX DI RE… I NSTAGRAM ?
- 19. AH MAIS TU VEUX DIRE… INSTAGRAM ?
- 20. UNE PHOTO INSTAGRAM + UNE TYPO RETRO ? =
- 21. BINGO
- 22. TU AS TROUVÉ … LA RECETTE GRAPHIQUE 2012 ?
- 27. INSTAGRAM, VINTAGE, HISPTER, RETRO FONT… OUI MAIS PAS QUE !
- 28. EXPLOSION DU MARCHÉ DES TABLETTES TACTILES & MOBILES
- 29. EXPLOSION DU MARCHÉ DES TABLETTES TACTILES & MOBILES
- 30. UN BOULEVERSEMENT QUI A MODIFIÉ NOS USAGES
- 33. EXPLOSION DES FONT WEB ET.. GOOGLE FONT
- 36. DE PLUS EN PLUS DE SITES EN PARALLAXE
- 37. DE PLUS EN PLUS DE SKEUOMORPHISME
- 38. UN CONTENU PLUS LUDIQUE AVEC LES INFOGRAPHIQUES
- 40. BAISSE DE L ’ENGOUEMENT GÉNÉRAL D’APPLE
- 41. DEMOCRATISATION DU LESS IS MORE
- 43. OUI T’ES BIEN BEAU, MAIS C’EST QUOI… LE FLAT DESIGN ?
- 46. BEAUCOUP D’ESPACE GRANDE ET BELLE TYPOGRAPHIE TRAITS SIMPLES APLAT DE COULEURS COULEURS VIVES
- 47. VOICI UN EXEMPLE DE GAMME DE COULEURS 2013
- 48. VOICI LA COULEUR DE 2013 VERT EMERAUDE PANTONE 17-5641
- 53. FLAT DESIGN, LESS IS MORE, VERT EMERAUDE… OUI MAIS PAS QUE !
- 56. POPULARISATION DU CONTENU COURT Pr of usi on de gi f s ani més ( dr ôl es)
- 57. POPULARISATION DU CONTENU COURT Démocr at i sat i on du r éseau soci al VI NE
- 58. POPULARISATION DU RESPONSIVE DESIGN (UTILE) On par t du Mobi l e pour l ’ ét endr e au Deskt op. Pl us l ’ i nver se.
- 59. PROGRESSION DE L’ESSOR DES TABLETTES & MOBILES
- 62. BIENVENUE DANS LE MONDE DES MULTI-ÉCRANS
- 63. BI ENVENUE DANS LE MONDE DES MULTI - ÉCRANS BIENVENUE DANS LE MONDE DES MULTI-ÉCRANS
- 64. BI ENVENUE DANS LE MONDE DES MULTI - ÉCRANS BIENVENUE DANS LE MONDE DES MULTI-ÉCRANS
- 65. BI ENVENUE DANS LE MONDE DES MULTI - ÉCRANS BIENVENUE DANS LE MONDE DES MULTI-ÉCRANS
- 66. 2013 ET DEMAIN…
- 67. CINÉMA, JEUX VIDÉO, MOBILE, WEB, TÉLÉVISION… UNE EXPÉRIENCE CONTINUE
- 68. CINÉMA, JEUX VIDÉO, MOBILE, WEB, TÉLÉVISION… UNE EXPÉRIENCE CONTINUE
- 69. DÈS 2014 MOBINAUTES > INTERNAUTES
- 70. FIN 2014 PLUS DE MOBILES QUE D’ORDINATEURS
- 71. DÈS 2015 2,5 APPAREILS CONNECTÉS / HAB
- 72. EN 2015 TRAFIC GLOBAL INTERNET = 19 MDS DVD
- 73. EN 2015 BOUM DES APPLICATIONS MOBILES SANTÉ
- 74. EN 2015 EXPERIENCE TV PERSONNELLE ET SOCIALE
- 75. EN 2015, LE TRAFIC GÉNÉRÉ PAR 20 MAISONS SERA SUPÉRIEUR AU TRAFIC INTERNET GLOBAL DE 1995
- 76. EN 2015 BOUM DU CLOUD COMPUTING & TÉLÉTRAVAIL
- 77. EN 2015 PAIEMENT AVEC LE MOBILE
- 78. PLUS DE MOBILES, PLUS DE TRAFICS, TV CONNECTÉE … OUI MAIS PAS QUE !
- 79. EMERGENCE DES ACCESSOIRES MULTI-FONCTIONS I - Wat ch, GLASS, et c…
- 80. EMERGENCE DES ACCESSOIRES MULTI-FONCTIONS CONNECTÉS Wal l - E, un f i l m avant - gar di st e ?
- 81. LES MARQUES PRÔNERONT… L’ÉCO-RESPONSABILITÉ L’ écol ogi e ne ser a pl us des par ol es en l ’ ai r mai s des f ai t s et des act i ons concr èt es.
- 82. MUVBOX, Mont r éal ( fixé dans le sol de façon permanente, nul besoin de permis de construction.) MUTATIONS DES POP-UP STORES
- 83. LE SHOPPING, LES VISITES TOURISTIQUES… DEVIENDRONT JEU La r éal i t é augment ée ne ser a pl us un GADGET.
- 85. LES MARQUES PRÔNERONT… UN RETOUR EN ENFANCE Le r achat de St ar War s par Di sney est un bel exempl e…. Jur assi c Par k 3D, et c…
- 86. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE 1984, Geor ges Or wel l ( 1949) Devenu une figure métaphorique du régime policier et totalitaire, de la société de la surveillance, ainsi que de la réduction des libertés.
- 87. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE Bi envenue à Gat t aca, Andr ew Ni ccol ( 1997) Une société hautement technologique qui pratique l’eugénisme à grande échelle.
- 88. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE V pour Vendet t a, James McTei gue ( 2006) Devenu une figure emblématique du courant Anonymous. V mène une VENDETTA le gouvernement fasciste en place
- 89. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE I di ocr acy, Mi ke Judge ( 2007) Comédie qui se passe dans un futur lointain et qui montre l’influence sur le niveau intellectuel général de grandes compagnies américaines
- 90. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE Af t er Ear t h, M. Ni ght Shyamal an ( 2013) Kitai se crash sur la terre abandonnée par l’humanité il y a 1000 ans et doit trouver de l’aide sur celle-ci.
- 91. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE El ysi um, Nei l Bl omkamp, ( 2013) 2154, Max veut instaurer l’égalité entre la terre appauvrie et Elysium (station spatiale de luxe) où y vit une population riche
- 92. « LE FUTUR APPARTI ENT À CEUX QUI VOI ENT LES POSSI BI LI TÉS AVANT QU’ ELLES NE DEVI ENNENT ÉVI DENTES »
- 93. « LE FUTUR APPARTIENT À CEUX QUI VOIENT LES POSSIBILITÉS AVANT QU’ELLES NE DEVIENNENT ÉVIDENTES » Théodore Levitt (1925-2006)
Hinweis der Redaktion
- - Citation de la bible
- La crise bancaire et financière de l'automne 2008 est la seconde phase de la crise financière de 2007-2010, après la crise des subprimes de l'été 2007 Moral mondial en berne Le consommateur consomme moins et devient méfiant
- La crise bancaire et financière de l'automne 2008 est la seconde phase de la crise financière de 2007-2010, après la crise des subprimes de l'été 2007 Moral mondial en berne Le consommateur consomme moins et devient méfiant
- La crise bancaire et financière de l'automne 2008 est la seconde phase de la crise financière de 2007-2010, après la crise des subprimes de l'été 2007 Moral mondial en berne Le consommateur consomme moins et devient méfiant
- - De gros scandales sanitaires et alimentaires apparaissent
- Le consommateur sait de moins en moins ce qu’il consomme à tout point de vue et la provenance des produits qu’il achète Une peur constante qui engendre des doutes et interrogations
- Le consommateur sait de moins en moins ce qu’il consomme à tout point de vue et la provenance des produits qu’il achète Une peur constante qui engendre des doutes et interrogations
- Le consommateur veut consommer moins mais consommer mieux Quels sont les codes que l’on utilise, pour faire croire au consommateur qu’il consomme mieux ?
- Le consommateur a besoin de retourner aux bonnes valeurs Le packaging n’a jamais été aussi solicité Une nostalgie des temps passés
- Une nostalgie des produits d’en temps Une nostalgie des produits du jardin Une nostalgie du naturel
- Bio, Vegetariens, Vegetaliens > Hippie ? Non car les hippies rejetaient les valeurs traditionnelles, le mode de vie de la génération de leurs parents et la société de consommation. Nouveau mouvement apparait : Hippie 2.0 ou plutôt Hipster Attitude
- Bio, Vegetariens, Vegetaliens > Hippie ? Non car les hippies rejetaient les valeurs traditionnelles, le mode de vie de la génération de leurs parents et la société de consommation. Nouveau mouvement apparait : Hippie 2.0 ou plutôt Hipster Attitude
- le nouveau sociotype fourre-tout la culture et la mode « non-mainstream » respect de l’environnment consomme bio / local / de saison La particularité des hipsters est d’être considérés comme « inclassables » même s'ils reprennent les codes de générations précédentes avec une touche « rétro » revendiquée. Moustache, style vintage, vieux velo, coupe années 70/80
- Le hipster aime le vintage et étant LE Mouvement de cette année 2011/2012, les marques jouent de cette mode Utilisation (abusive) de filtre retro/vintage qui rappelle les vieux polaroids des années 60-70 On utilise le filtre vintage pour n’importe quoi et on en oublie même parfois de savoir vraiment bien prendre une photo
- Le hipster aime le vintage et étant LE Mouvement de cette année 2011/2012, les marques jouent de cette mode Utilisation (abusive) de filtre retro/vintage qui rappelle les vieux polaroids des années 60-70 On utilise le filtre vintage pour n’importe quoi et on en oublie même parfois de savoir vraiment bien prendre une photo
- LE Phénomène des 2 dernières années Apple désigne Instagram comme application de l’année 2011 Apple étant la marque chouchou des hispters, Instagram explose Facebook y voit un avantage et un stratégie social et rachète l’application en avril 2012 pour 1 milliard de dollard Depuis les photos Instagram inonde nos Facebook Ras le bol des « Hipster » qui ont du coup créer le hashtag #nofilter
- LE Phénomène des 2 dernières années Apple désigne Instagram comme application de l’année 2011 Apple étant la marque chouchou des hispters, Instagram explose Facebook y voit un avantage et un stratégie social et rachète l’application en avril 2012 pour 1 milliard de dollard Depuis les photos Instagram inonde nos Facebook Ras le bol des « Hipster » qui ont du coup créer le hashtag #nofilter
- Le secret de 2012 pour faire un design cohérent Prendre une photo (pourrie) + Appliquer votre filtre « Rise » ou « Hudson » + Insérez-y une typo de la famille « BEBAS » ou « PACIFICO » ou « LEAGUE GOTHIC ET……
- - Et BINGO, vous avez un design style année 2012, qui marche encore aujourd’hui mais qui tend à s’essoufler car tout le monde connait la recette du succès dont vous maintenant
- - Et BINGO, vous avez un design style année 2012, qui marche encore aujourd’hui mais qui tend à s’essoufler car tout le monde connait la recette du succès dont vous maintenant
- En 2012 ce n’est pas que les Hispter, le retro, le vintage et les Font retro qui auront marqué cette époque
- - Création d'un besoin Première tablette 1987 ( Linus Write-Top) L'iPad 4 et le tout nouvel iPad Mini. Fin d’Adobe Flash
- - Création d'un besoin Première tablette 1987 ( Linus Write-Top) L'iPad 4 et le tout nouvel iPad Mini. Fin d’Adobe Flash
- Apple va radicalement changer la façon dont se comporte les sites.
- Explosion de jQuery, HTML5 et CSS3. Fin de Flash
- - Chute de popularité des typographies comme Arial, Verdana, Times New Roman (ne parlons pas de la Comic Sans Ms) - Explosion des polices web - Google Web Font (inclure une police simplement avec une ligne de Javascript va devenir quasi-incontournable dans les futurs design.)
- Emergence des « Grids » Inspiration venu de l’édition Meilleure organisation du contenu Meilleur workflow entre UX / Designer / Integrateur
- Apparition des premiers sites en Responsive Tout le monde se rue vers cette technologie sans forcément y avoir intérêt Premiers essais concluant pour certains cites comme le http://www.bostonglobe.com/ ou http://www.smashingmagazine.com/ où il y a eu une réelle réflexion autour du contenu
- Apparition des premiers sites avec un effet de parallaxe lié au scroll Scénarisé une navigation Explosion des sites en 1 page Exploison des sites Fullscreen Efficace pour des sites produits comme Bose, Bentley ou encore Nike
- Le terme n’existe pas dans la langue française. Un néologisme souvent utilisé pour désigner des éléments d’interface informatique reproduisant des objets physiques pour imiter le réel (par exemple des textures : cuir, papier, bois) dans le but de donner des repères facilement reconnaissables à l’utilisateur.
- David McCandless pionner Rendre le data ludique, informationnel et agréable à regarder Très utilisé pendant la campagne américaine d’Obama
- Décès de Steve Jobs lors de l’annonce de la sortie de l’Ipad 52 % des personnes interrogées indiquent qu'elles n'ont pas l'intention d'acquérir cet appareil. Iphone 5 décevant (moquerie sur Internet) Chute de l’action d’Apple Montée et poussée forte d’Android et Microsoft
- Ludwig Mies van der Rohe, architecte allemand des années 50, qui cite la première fois le mot « Less is More » En pratique on le voit pour la premiere fois dans l’univers « Metro » de Microsoft qui puise son inspiration directement dans la signalétique urbaine. Grand virage pour Microsoft qui met fin aux interfaces vieillissantes Carrés / Ronds / Formes Simples / Grandes typographies fines et lisibles
- - Prescripteur de tendance - Aspect visuel ordonné (création de Board) - Dynamique du réseau a influencé de nombreux designers - Outil de veille pratique - Bien que ça soit un outil majoritairement féminin, il influence de nombreux designers
- - Prescripteur de tendance - Aspect visuel ordonné (création de Board) - Dynamique du réseau a influencé de nombreux designers - Outil de veille pratique - Bien que ça soit un outil majoritairement féminin, il influence de nombreux designers
- Popularisation de Vine. De Micros bandes annonces (Dernier Xmen) Du contenu court mais efficace (esprit de zapping) Essort des gifs animés Idée de zapping (voir plein de choses courtes
- Popularisation de Vine. De Micros bandes annonces (Dernier Xmen) Du contenu court mais efficace (esprit de zapping) Essort des gifs animés Idée de zapping (voir plein de choses courtes
- N’afficher que les contenus utilisables selon le Device, quitte à en supprimer Importance d’un responsive utile car la TV connecté arrive à grand pas Les sites d’Entertainment seront obligatoirement reponsive et devront proposer une expérience différente en fonction du device (Ex: Un site qui propose des films en streaming, va proposer plus de films sur Desktop ou tablette et plutôt mettre en avant sur les bandes annonces)
- - 50 % des recherches locales se font à partir d’un cellulaire.
- La TV connectée souffre encore des interfaces lourdes et ringardes TV Responsive
- La TV connectée souffre encore des interfaces lourdes et ringardes TV Responsive
- - 50 % des recherches locales se font à partir d’un cellulaire.
- - 50 % des recherches locales se font à partir d’un cellulaire.
- - 50 % des recherches locales se font à partir d’un cellulaire.
- - 50 % des recherches locales se font à partir d’un cellulaire.
- Les spectateurs reçoivent un flyer à l'entrée de la salle, qui les invite à donner leur numéro de téléphone portable. Puis à un moment donné du film, l'héroïne qui est coincée dans une maison et poursuivie par un tueur, prend son téléphone et appelle au hasard... un spectateur qui est dans la salle ! Un logiciel de reconnaissance vocale a été développé pour donner l'impression d'un échange entre l'héroïne et le spectateur. Du genre : « je vais à gauche ou à droite, en haut ou en bas, je sauve la fille ou je continue à courir ? ».
- Les spectateurs reçoivent un flyer à l'entrée de la salle, qui les invite à donner leur numéro de téléphone portable. Puis à un moment donné du film, l'héroïne qui est coincée dans une maison et poursuivie par un tueur, prend son téléphone et appelle au hasard... un spectateur qui est dans la salle ! Un logiciel de reconnaissance vocale a été développé pour donner l'impression d'un échange entre l'héroïne et le spectateur. Du genre : « je vais à gauche ou à droite, en haut ou en bas, je sauve la fille ou je continue à courir ? ».
- Dès 2014, le nombre de Mobinautes dépassera le nombre d’Internautes sur ordinateur fixe.
- - 500 millions de mobiles utiliseront des applications liées à la santé.
- En 2015, il y aura 2,5 appareils connectés par habitant.
- Le trafic global de l’Internet mobile en 2015 équivaudra à 19 milliards de DVD.
- - 500 millions de mobiles utiliseront des applications liées à la santé.
- - L’expérience de la télévision se fera plus personnelle et sociale, les supports physiques seront remplacés par le téléchargement et le streaming…
- - Le trafic généré par 20 maisons sera plus important que le trafic total de l’Internet en 1995.
- - Le cloud-computing et le télé-travail vont fortement se développer : “Votre bureau informatique partout où vous le voulez”.
- - En 2015, 500 millions de personnes dans le monde utiliseront leur mobile comme des tickets de métro et de bus.
- Création d’un besoin de plus de consommation Pour poursuivre l’expérience utilisateur Apporter plus de facilité au quotidien
- Création d’un besoin de plus de consommation Pour poursuivre l’expérience utilisateur Apporter plus de facilité au quotidien
- Le pollueur sera montré du doigt Les nouvelles technologies seront vertes
- Dans la continuité de l’eco-responsabilité Magasin éphèmère et de saison fait de matière recyclabe Comme le restaurant MUVBOX sur le vieux port
- Explosion de la réalité augmentée Développement des hologrammes interactifs Faire jouer fait vendre https://www.plukka.com
- Pratique encore tenue secrète mais qui est déjà appliquée dans plusieurs domaines dont Coca Cola ou McDonald Cette technique est si efficace que même les enfants qui détestent les hamburgers ont envie d’y aller… et continueront d’y aller toute leur vie… Un ensemble de techniques permettant d’envoyer des messages directement à la partie la plus primitive de votre cerveau (Cerveau reptilien) Vous pousser à acheter. Sans même vous en rendre compte. Même les banques s’y mettent Mais chut c’est un secret
- Rachat de Star Wars par Disneyland Sortie du Star Wars 7 Attraction Star Wars en contruction Les gens veulent du ludique
- Une société imaginaire organisée de telle façon qu'elle empêche ses membres d'atteindre le bonheur After Earth (2013) - IMDb 1984 (1949) de George Orwell La Planète des singes (1963) Bienvenue à Gattaca (1997) d'Andrew Niccol. V pour Vendetta [« V for Vendetta »], 1989 - 1990
- Une société imaginaire organisée de telle façon qu'elle empêche ses membres d'atteindre le bonheur After Earth (2013) - IMDb 1984 (1949) de George Orwell La Planète des singes (1963) Bienvenue à Gattaca (1997) d'Andrew Niccol. V pour Vendetta [« V for Vendetta »], 1989 - 1990
- Une société imaginaire organisée de telle façon qu'elle empêche ses membres d'atteindre le bonheur After Earth (2013) - IMDb 1984 (1949) de George Orwell La Planète des singes (1963) Bienvenue à Gattaca (1997) d'Andrew Niccol. V pour Vendetta [« V for Vendetta »], 1989 - 1990
- Une société imaginaire organisée de telle façon qu'elle empêche ses membres d'atteindre le bonheur After Earth (2013) - IMDb 1984 (1949) de George Orwell La Planète des singes (1963) Bienvenue à Gattaca (1997) d'Andrew Niccol. V pour Vendetta [« V for Vendetta »], 1989 - 1990
- Une société imaginaire organisée de telle façon qu'elle empêche ses membres d'atteindre le bonheur After Earth (2013) - IMDb 1984 (1949) de George Orwell La Planète des singes (1963) Bienvenue à Gattaca (1997) d'Andrew Niccol. V pour Vendetta [« V for Vendetta »], 1989 - 1990
- Une société imaginaire organisée de telle façon qu'elle empêche ses membres d'atteindre le bonheur After Earth (2013) - IMDb 1984 (1949) de George Orwell La Planète des singes (1963) Bienvenue à Gattaca (1997) d'Andrew Niccol. V pour Vendetta [« V for Vendetta »], 1989 - 1990