POPULARISATION DURESPONSIVE 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éduct...
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 compag...
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 ...
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Tendances web 2013+
Prochain SlideShare
Chargement dans…5
×

Tendances web 2013+

898 vues

Publié le

Une présentation sur les tendances web de 2013 et les années à venir.

-2013 et hier
-2013 et aujourd'hui
-2013 et demain

0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
898
Sur SlideShare
0
Issues des intégrations
0
Intégrations
27
Actions
Partages
0
Téléchargements
18
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • - 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) V ous 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
  • Tendances web 2013+

    1. 1. POPULARISATION DURESPONSIVE DESIGN(INUTILE)
    2. 2. fixé dans le sol de façon permanente, nul besoin de permis de construction.)
    3. 3. 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.
    4. 4. Une société hautement technologique qui pratique l’eugénisme à grande échelle.
    5. 5. Devenu une figure emblématique du courant Anonymous. V mène une VENDETTA le gouvernement fasciste en place
    6. 6. 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
    7. 7. 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.
    8. 8. 2154, Max veut instaurer l’égalité entre la terre appauvrie et Elysium (station spatiale de luxe) où y vit une population riche

    ×