SlideShare une entreprise Scribd logo
1  sur  94
Télécharger pour lire hors ligne
POPULARISATION DU
RESPONSIVE DESIGN
(INUTILE)
fixé dans le sol de façon permanente, nul besoin de permis de construction.)
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.
Une société hautement technologique qui pratique l’eugénisme à grande échelle.
Devenu une figure emblématique du courant Anonymous. V mène une VENDETTA le gouvernement fasciste en place
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
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.
2154, Max veut instaurer l’égalité entre la terre appauvrie et Elysium (station spatiale de luxe) où y vit une population riche
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+

Contenu connexe

En vedette

Examenes de primer trimestre tercero
Examenes de primer trimestre terceroExamenes de primer trimestre tercero
Examenes de primer trimestre terceroPaolis Villarreal
 
Arquitectura3 capas
Arquitectura3 capasArquitectura3 capas
Arquitectura3 capasIsrael Rey
 
Carte de voeux 2015
Carte de voeux 2015Carte de voeux 2015
Carte de voeux 2015Capuc
 
Presentation gala
Presentation galaPresentation gala
Presentation galafeezbe
 
PromatrixPlus
PromatrixPlusPromatrixPlus
PromatrixPluslapatou
 
SuperPhénix, un « moment européen » pour les mouvements sociaux (1974 – 2014)...
SuperPhénix, un « moment européen » pour les mouvements sociaux (1974 – 2014)...SuperPhénix, un « moment européen » pour les mouvements sociaux (1974 – 2014)...
SuperPhénix, un « moment européen » pour les mouvements sociaux (1974 – 2014)...Mikaël Chambru
 
Myriam Hoff - Strasbourg - L'espace public communiquant
Myriam Hoff - Strasbourg - L'espace public communiquantMyriam Hoff - Strasbourg - L'espace public communiquant
Myriam Hoff - Strasbourg - L'espace public communiquantLes Interconnectés
 
Observatoire de l'Efficacité Collective 2014 - Axxone System - Gestion de projet
Observatoire de l'Efficacité Collective 2014 - Axxone System - Gestion de projetObservatoire de l'Efficacité Collective 2014 - Axxone System - Gestion de projet
Observatoire de l'Efficacité Collective 2014 - Axxone System - Gestion de projetAxxone System
 
Le viatique de_la_jeunesse
Le viatique de_la_jeunesseLe viatique de_la_jeunesse
Le viatique de_la_jeunessefalloug
 
Ekylibre - Présentation de l'application
Ekylibre - Présentation de l'applicationEkylibre - Présentation de l'application
Ekylibre - Présentation de l'applicationStart and Growth
 
santa juana, dia de la tortilla
santa juana, dia de la tortillasanta juana, dia de la tortilla
santa juana, dia de la tortillaanalimontenegro1
 
Presentación xarxa escola
Presentación xarxa escolaPresentación xarxa escola
Presentación xarxa escola2011Edu
 
Entregable dia 3 clase de ebranding y rrss cep
Entregable dia 3 clase de ebranding y rrss cepEntregable dia 3 clase de ebranding y rrss cep
Entregable dia 3 clase de ebranding y rrss cepGonzalo Garre Rodas
 

En vedette (20)

Examenes de primer trimestre tercero
Examenes de primer trimestre terceroExamenes de primer trimestre tercero
Examenes de primer trimestre tercero
 
Arquitectura3 capas
Arquitectura3 capasArquitectura3 capas
Arquitectura3 capas
 
Carte de voeux 2015
Carte de voeux 2015Carte de voeux 2015
Carte de voeux 2015
 
Recursos didácticos
Recursos didácticosRecursos didácticos
Recursos didácticos
 
Presentation gala
Presentation galaPresentation gala
Presentation gala
 
PromatrixPlus
PromatrixPlusPromatrixPlus
PromatrixPlus
 
SuperPhénix, un « moment européen » pour les mouvements sociaux (1974 – 2014)...
SuperPhénix, un « moment européen » pour les mouvements sociaux (1974 – 2014)...SuperPhénix, un « moment européen » pour les mouvements sociaux (1974 – 2014)...
SuperPhénix, un « moment européen » pour les mouvements sociaux (1974 – 2014)...
 
Portafolio de evaluación
Portafolio de evaluaciónPortafolio de evaluación
Portafolio de evaluación
 
La gestación de un lenguaje deportivo internacional
La gestación de un lenguaje deportivo internacionalLa gestación de un lenguaje deportivo internacional
La gestación de un lenguaje deportivo internacional
 
Myriam Hoff - Strasbourg - L'espace public communiquant
Myriam Hoff - Strasbourg - L'espace public communiquantMyriam Hoff - Strasbourg - L'espace public communiquant
Myriam Hoff - Strasbourg - L'espace public communiquant
 
Plancha3 2012
Plancha3 2012Plancha3 2012
Plancha3 2012
 
Bulletin n°4 non compressé
Bulletin n°4 non compresséBulletin n°4 non compressé
Bulletin n°4 non compressé
 
Observatoire de l'Efficacité Collective 2014 - Axxone System - Gestion de projet
Observatoire de l'Efficacité Collective 2014 - Axxone System - Gestion de projetObservatoire de l'Efficacité Collective 2014 - Axxone System - Gestion de projet
Observatoire de l'Efficacité Collective 2014 - Axxone System - Gestion de projet
 
Windows 8 apps
Windows 8 appsWindows 8 apps
Windows 8 apps
 
Le viatique de_la_jeunesse
Le viatique de_la_jeunesseLe viatique de_la_jeunesse
Le viatique de_la_jeunesse
 
Ekylibre - Présentation de l'application
Ekylibre - Présentation de l'applicationEkylibre - Présentation de l'application
Ekylibre - Présentation de l'application
 
Rapa nui
Rapa nuiRapa nui
Rapa nui
 
santa juana, dia de la tortilla
santa juana, dia de la tortillasanta juana, dia de la tortilla
santa juana, dia de la tortilla
 
Presentación xarxa escola
Presentación xarxa escolaPresentación xarxa escola
Presentación xarxa escola
 
Entregable dia 3 clase de ebranding y rrss cep
Entregable dia 3 clase de ebranding y rrss cepEntregable dia 3 clase de ebranding y rrss cep
Entregable dia 3 clase de ebranding y rrss cep
 

Tendances web 2013+

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82. fixé dans le sol de façon permanente, nul besoin de permis de construction.)
  • 83.
  • 84.
  • 85.
  • 86. 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. Une société hautement technologique qui pratique l’eugénisme à grande échelle.
  • 88. Devenu une figure emblématique du courant Anonymous. V mène une VENDETTA le gouvernement fasciste en place
  • 89. 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. 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. 2154, Max veut instaurer l’égalité entre la terre appauvrie et Elysium (station spatiale de luxe) où y vit une population riche

Notes de l'éditeur

  1. - Citation de la bible
  2. 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
  3. 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
  4. 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
  5. - De gros scandales sanitaires et alimentaires apparaissent
  6. 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
  7. 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
  8. 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 ?
  9. Le consommateur a besoin de retourner aux bonnes valeurs Le packaging n’a jamais été aussi solicité Une nostalgie des temps passés
  10. Une nostalgie des produits d’en temps Une nostalgie des produits du jardin Une nostalgie du naturel
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. 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
  18. 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……
  19. - 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
  20. - 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
  21. En 2012 ce n’est pas que les Hispter, le retro, le vintage et les Font retro qui auront marqué cette époque
  22. - 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
  23. - 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
  24. Apple va radicalement changer la façon dont se comporte les sites.
  25. Explosion de jQuery, HTML5 et CSS3. Fin de Flash
  26. - 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.)
  27. Emergence des « Grids » Inspiration venu de l’édition Meilleure organisation du contenu Meilleur workflow entre UX / Designer / Integrateur
  28. 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
  29. 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
  30. 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.
  31. David McCandless pionner Rendre le data ludique, informationnel et agréable à regarder Très utilisé pendant la campagne américaine d’Obama
  32. 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
  33. 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
  34. - 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
  35. - 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
  36. 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
  37. 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
  38. 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)
  39. - 50 % des recherches locales se font à partir d’un cellulaire.
  40. La TV connectée souffre encore des interfaces lourdes et ringardes TV Responsive
  41. La TV connectée souffre encore des interfaces lourdes et ringardes TV Responsive
  42. - 50 % des recherches locales se font à partir d’un cellulaire.
  43. - 50 % des recherches locales se font à partir d’un cellulaire.
  44. - 50 % des recherches locales se font à partir d’un cellulaire.
  45. - 50 % des recherches locales se font à partir d’un cellulaire.
  46. 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 ? ».
  47. 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 ? ».
  48. Dès 2014, le nombre de Mobinautes dépassera le nombre d’Internautes sur ordinateur fixe.
  49. - 500 millions de mobiles utiliseront des applications liées à la santé.
  50. En 2015, il y aura 2,5 appareils connectés par habitant.
  51. Le trafic global de l’Internet mobile en 2015 équivaudra à 19 milliards de DVD.
  52. - 500 millions de mobiles utiliseront des applications liées à la santé.
  53. - 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…
  54. - Le trafic généré par 20 maisons sera plus important que le trafic total de l’Internet en 1995.
  55. - Le cloud-computing et le télé-travail vont fortement se développer : “Votre bureau informatique partout où vous le voulez”.
  56. - En 2015, 500 millions de personnes dans le monde utiliseront leur mobile comme des tickets de métro et de bus.
  57. Création d’un besoin de plus de consommation Pour poursuivre l’expérience utilisateur Apporter plus de facilité au quotidien
  58. Création d’un besoin de plus de consommation Pour poursuivre l’expérience utilisateur Apporter plus de facilité au quotidien
  59. Le pollueur sera montré du doigt Les nouvelles technologies seront vertes
  60. 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
  61. Explosion de la réalité augmentée Développement des hologrammes interactifs Faire jouer fait vendre https://www.plukka.com
  62. 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) V ous pousser à acheter . Sans même vous en rendre compte. Même les banques s’y mettent Mais chut c’est un secret
  63. Rachat de Star Wars par Disneyland Sortie du Star Wars 7 Attraction Star Wars en contruction Les gens veulent du ludique
  64. 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
  65. 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
  66. 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
  67. 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
  68. 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
  69. 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