Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Design, authenticité et émotions

3 429 vues

Publié le

Le design authentique, c'est éviter les pièges de la dépendance au sentier, des métaphores visuelles incomplètes ou incohérentes. C'est concentrer ses efforts sur les interactions des utilisateurs, plutôt que sur le rendu de l’interface. C'est utiliser la rétroaction à des moments précis, des interactions valables et des variations subtiles dans le but de créer une connexion émotionnelle.

Cynthia Savard-Saucier propose une structure de pensée du design d’interaction pour créer des interfaces uniques et authentique qui interpellent et engagent les utilisateurs, tandis que Patrick Williams applique cette structure à un exemple concret.

Publié dans : Design
  • If you are looking for trusted essay writing service I highly recommend ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ The service I received was great. I got an A on my final paper which really helped my grade. Knowing that I can count on them in the future has really helped relieve the stress, anxiety and workload. I recommend everyone to give them a try. You'll be glad you did.
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ has really great writers to help you get the grades you need, they are fast and do great research. Support will always contact you if there is any confusion with the requirements of your paper so they can make sure you are getting exactly what you need.
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • DOWNLOAD THE BOOK INTO AVAILABLE FORMAT (New Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THE can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THE is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBOOK .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookBOOK, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, EBOOK, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THE Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THE the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THE Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

Design, authenticité et émotions

  1. 1. DESIGN, AUTHENTICITÉET ÉMOTIONSCYNTHIA SAVARD SAUCIERDesigner expérience utilisateur, TP1PATRICK WILLIAMSDirecteur de la création, TP1RDV DESIGN 2013@TP1
  2. 2. JE NE SUIS PAS ASSEZINTELLIGENTE POUR VOUSDIRE C’EST QUOILE «BON» DESIGN
  3. 3. MAIS LUI, OUI.Je suisDieter Rams.
  4. 4. SELON DIETER RAMS, UN BON DESIGN :1. Est innovateur2. Fournit une utilité à chaque produit3. Est esthétique4. Fait un produit compréhensible5. Est discret6. Est honnête7. A une valeur à long terme8. Conçoit les détails avec précision9. Est respectueux delenvironnement10. Est minimaliste
  5. 5. DESIGNINDUSTRIELUtiliser le design pourcréer des solutionsvirtuelles ou physiques.LEDESIGNCréer une interfaceentre un besoin et unproblème.
  6. 6. laquelle indique le mieux sa fonction ?VSSelon les critères de Dieter Rams,
  7. 7. DU «MÉCHANT» SKEUOMORPHISMELa deuxième cuillère ressemble à du
  8. 8. A BQuelle calculatrice présente des éléments de skeuomorphisme ?
  9. 9. LES DEUX.Quelle calculatrice présente des éléments de skeuomorphisme ?
  10. 10. «Un élément de design ou une structure qui ne sert aucun but danslobjet formé à partir du nouveau matériau, mais qui était essentiel danslobjet fait à partir du matériau original»LE SKEUOMORPHISME
  11. 11. Skeuomorphisme«Flat» Design
  12. 12. Skeuomorphisme«Flat» DesignMinimalismePhotoréalisme
  13. 13. Skeuomorphisme«Flat» DesignMinimalismePhotoréalisme
  14. 14. SkeuomorphismeSkeuomorphisme«Flat» designMinimalismePhotoréalismeEST-CE QUE LEPHOTORÉALISMEC’EST MAL?
  15. 15. EST-CE QUE LE MAUVEC’EST MAL ?Ça revient à demanderJ’aime bien lemauve...
  16. 16. Skeuomorphisme«Flat» designMinimalismePhotoréalismeEST-CE QUE LESKEUOMORPHISMEC’EST MAL?
  17. 17. DES FOIS, OUI.
  18. 18. DES FOIS, OUI. TRÈS TRÈS MAL...
  19. 19. POURQUOIL’UTILISE-T-ON ALORS ?EUH...
  20. 20. À CAUSE DE L’APPRENTISSAGEMOTEURRaison n°1
  21. 21. 4ANS2ANS6ANSPOUR LES MÉTAPHORESRaison n°2Ne comprend pas lesmétaphoresComprendlittéralementComprendculturellement
  22. 22. UN LOGICIEL EST UN ENSEMBLEDINFORMATIONS RELATIVES À DES TRAITEMENTSEFFECTUÉS AUTOMATIQUEMENT PAR UN APPAREILINFORMATIQUE. Y SONT INCLUSES LES INSTRUCTIONS DETRAITEMENT, REGROUPÉES SOUS FORME DE PROGRAMMES, DES DONNÉES ETDE LA DOCUMENTATION. LE TOUT EST STOCKÉ SOUS FORME DUN ENSEMBLE DE FICHIERSDANS UNE MÉMOIRE OU UN DISQUE DUR.EUH...Définition d’un logiciel sans métaphore :
  23. 23. UN LOGICIEL DE DESSIN, C’EST COMMEUN SKETCHBOOK SUR L’ÉCRAN.AH!Définition d’un logiciel avec métaphore :
  24. 24. POUR L’AFFORDANCERaison n°3
  25. 25. PAR DÉPENDANCE AU SENTIER.Raison n°4[Un ensemble de décisions passées peut influer sur les décisions futures.Particularités historiques, justifiées à une époque mais qui ont cessé d’êtreoptimales ou rationnelles]
  26. 26. Skeuomorphisme«Flat» designMinimalismePhotoréalismeEST-CE QUE LE«FLAT» DESIGN ESTLA SOLUTION ?
  27. 27. Microsoft pense que oui...
  28. 28. LE DESIGN AUTHENTIQUEC’est d’adhérer aux contraintes naturelles du médium.
  29. 29. FAUX VRAIUn pixel n’a pas de profondeur.Lui donner une ombre est contraire au «design authentique».
  30. 30. DES OUTILS DU DESIGN AUTHENTIQUE1. Les petites gentillesses2. La rétroaction dans le temps3. La cohérence des formes4. La métaphore intelligente5. La microcopie6. «Almost flat»
  31. 31. LES PETITESGENTILLESSESOutil n°1
  32. 32. Exemple A - Barre de défilement
  33. 33. Exemple B - Supprimer dans Github
  34. 34. Exemple C - Recherche dans les préférences
  35. 35. RÉTROACTIONDANS LE TEMPSOutil n°2
  36. 36. - Layervault et la dégradation progressiveExemple A
  37. 37. Exemple B - L’application n’est pas gelée
  38. 38. LA COHÉRENCEDES FORMESOutil n°3
  39. 39. RechercheExemple A - Incohérence entre la barre et le champs de recherche
  40. 40. bouton 1 bouton 2Exemple B - Incohérence entre les sources lumineuses
  41. 41. LES MÉTAPHORESINTELLIGENTESOutil n°4
  42. 42. Exemple A - Métaphore du cadran pour indiquer les prochains passages.
  43. 43. LE «SWIPE» SUR IPHONE, DANS LA VRAIE VIE...
  44. 44. Exemple B - «Branded interaction» ou créer et s’approprier une interaction.Clear Path
  45. 45. LA MICROCOPIEOutil n°5
  46. 46. Exemples - Microcopie persuasive
  47. 47. exemple 2Exemple - Site de Mailchimp
  48. 48. «ALMOST FLAT»Outil n°6
  49. 49. Exemple A - Letterpress utilise de la profondeur avec les ombres
  50. 50. Exemple B - Gmail utilise quelques métaphores
  51. 51. EN RÉSUMÉ1. Soyez cohérents si vous utilisezdes métaphores.2. Si vous vous lancez dans le «FlatDesign» utilisez les interactionspour renforcer votre interface.3. Adhérez aux contraintesnaturelles du médium que vouschoisissez. Les contraintes sonttoujours une source de créativité.4. Évitez de tomber dans ladépendance au sentier.
  52. 52. ÉTUDE DE CAS
  53. 53. LE LIVREComment faire évoluer cet objet mythique ?
  54. 54. D’OÙ PROVIENT LE LIVRE ?
  55. 55. Tablette Parchemin Livre eBook
  56. 56. Parchemin Livre eBook / Tablette tactile
  57. 57. MÉTAPHORES EMPLOYÉES• Les pages• Le livre• Le signet• La bibliothèque• Le surligneur
  58. 58. LES FONCTIONS DU LIVRE• Lire le contenu• Classer ce livre (bibliothèque)• Mettre en évidence un texte (surligner)• Partager le livre (remettre à quelqu’un)• Annoter de l’information (dans lamarge)• Évaluer le contenu• Employer des outils (recherche,traduction)• Gagner des trophées, badges• Obtenir des statistiques• Personnaliser le contenant (luminosité,police, habillage)Fonctions de base Fonctions nouvelles
  59. 59. LES PIÈGES
  60. 60. LES REPÈRES INCONHÉRENTSLes pages perdent leur repère lorsque j’augmentela taille de la police.
  61. 61. LE SKEUOMOSPHISME INUTILEVraiment !??
  62. 62. DÉCO, DÉCO ET REDÉCO
  63. 63. QUELQUES PISTES...
  64. 64. NOUVELLES MÉTAPHORESMa bibliothèqueRomansBandesdessinéesCuisineDesigngraphiqueNouvelles[ 2 ][ 8 ] [ 3 ][ 1 ]Designintérieur[ 4 ]Québécois[ 7 ][ 12 ]VS
  65. 65. NOUVELLES MÉTAPHORESMa bibliothèqueRomansBandesdessinéesCuisineDesigngraphiqueNouvelles[ 2 ][ 8 ] [ 3 ][ 1 ]Designintérieur[ 4 ]Québécois[ 7 ][ 12 ]
  66. 66. NOUVELLES MÉTAPHORESMa bibliothèqueRomansBandesdessinéesCuisineDesigngraphiqueNouvelles[ 2 ][ 8 ] [ 3 ][ 1 ]Designintérieur[ 4 ]Québécois[ 7 ][ 12 ]
  67. 67. RÉTROACTION DANS LE TEMPSChapitre 1La découverte du jourLorem ipsum dolor sit amet, consectetur adipiscingelit. Cras cursus rhoncus leo vel posuere. Integerinterdum blandit mollis. Suspendisse vehiculasuscipit nunc suscipit ullamcorper. Donec sedplacerat tellus. Fusce eleifend convallis lacus, sedmollis sem consectetur in. In sed magna felis, sitamet condimentum nunc. Aliquam porttitorcondimentum tortor, commodo accumsan quammollis non.Donec nec lectus consequat mi aliquet commodo veleget erat. Integer nulla urna, varius vitae pulvinar et,suscipit ac tortor. Aenean elit mauris, adipiscing etmollis a, pulvinar dapibus leo. Sed accumsan ornaresollicitudin. Donec euismod, sem quis varius rutrum,sapien tortor sodales metus, a posuere dui neque inleo.Chapitre 2Au gré de la nuitLorem ipsum dolor sit amet, consecteturadipiscing elit. Cras cursus rhoncus leo velposuere. Integer interdum blandit mollis.Suspendisse vehicula suscipit nunc suscipitullamcorper. Donec sed placerat tellus.Fusce eleifend convallis lacus, sed mollissem consectetur in. In sed magna felis, sitamet condimentum nunc. Aliquamporttitor condimentum tortor, commodoaccumsan quam mollis non.Donec nec lectus consequat mi aliquetcommodo vel eget erat. Integer nulla urna,varius vitae pulvinar et, suscipit ac tortor.MIDI TRENTE MINUIT SEIZE
  68. 68. RÉTROACTION DANS LE TEMPSLorem ipsum dolor sit amet, consectetur adipiscingelit. Cras cursus rhoncus leo vel posuere. Integerinterdum blandit mollis. Suspendisse vehiculasuscipit nunc suscipit ullamcorper. Donec sedplacerat tellus. Fusce eleifend convallis lacus, sedmollis sem consectetur in. In sed magna felis, sitamet condimentum nunc. Aliquam porttitorcondimentum tortor, commodo accumsan quammollis non.Lorem ipsum dolor sit amet, consectetur adipiscingelit. Cras cursus rhoncus leo vel posuere. Integerinterdum blandit mollis. Suspendisse vehiculasuscipit nunc suscipit ullamcorper. Donec sedplacerat tellus. Fusce eleifend convallis lacus, sedmollis sem consectetur in. In sed magna felis, sitamet condimentum nunc. Aliquam porttitorcondimentum tortor, commodo accumsan quammollis non.Aliquamporttitorcondimen-tum tortorLorem ipsum dolor sit amet, consectetur adipiscingelit. Cras cursus rhoncus leo vel posuere. Integerinterdum blandit mollis. Suspendisse vehiculasuscipit nunc suscipit ullamcorper. Donec sedplacerat tellus. Fusce eleifend convallis lacus, sedmollis sem consectetur in. In sed magna felis, sitamet condimentum nunc. Aliquam porttitorcondimentum tortor, commodo accumsan quammollis non.Lorem ipsum dolor sit amet, consectetur adipiscingelit. Cras cursus rhoncus leo vel posuere. Integerinterdum blandit mollis. Suspendisse vehiculasuscipit nunc suscipit ullamcorper. Donec sedplacerat tellus. Fusce eleifend convallis lacus, sedmollis sem consectetur in. In sed magna felis, sitamet condimentum nunc. Aliquam porttitorcondimentum tortor, commodo accumsan quammollis non.Aliquamporttitorcondimen-tum tortor
  69. 69. PETITES GENTILLESSESChapitre 1La découverte du jourLorem ipsum dolor sit amet, consectetur adipiscingelit. Cras cursus rhoncus leo vel posuere. Integerinterdum blandit mollis. Suspendisse vehiculasuscipit nunc suscipit ullamcorper. Donec sedplacerat tellus. Fusce eleifend convallis lacus, sedmollis sem consectetur in. In sed magna felis, sitamet condimentum nunc. Aliquam porttitorcondimentum tortor, commodo accumsan quammollis non.Donec nec lectus consequat mi aliquet commodo veleget erat. Integer nulla urna, varius vitae pulvinar et,suscipit ac tortor. Aenean elit mauris, adipiscing etmollis a, pulvinar dapibus leo. Sed accumsan ornaresollicitudin. Donec euismod, sem quis varius rutrum,sapien tortor sodales metus, a posuere dui neque inleo.Chapitre 1La découverte du jourLorem ipsum dolor sit amet, consectetur adipiscingelit. Cras cursus rhoncus leo vel posuere. Integerinterdum blandit mollis. Suspendisse vehiculasuscipit nunc suscipit ullamcorper. Donec sedplacerat tellus. Fusce eleifend convallis lacus, sedmollis sem consectetur in. In sed magna felis, sitamet condimentum nunc. Aliquam porttitorcondimentum tortor, commodo accumsan quammollis non.Donec nec lectus consequat mi aliquet commodo veleget erat. Integer nulla urna, varius vitae pulvinar et,suscipit ac tortor. Aenean elit mauris, adipiscing etmollis a, pulvinar dapibus leo. Sed accumsan ornaresollicitudin. Donec euismod, sem quis varius rutrum,sapien tortor sodales metus, a posuere dui neque inleo.PORTRAIT PAYSAGE
  70. 70. CONCLUSION1. Se rappeler de la provenance du produit.2. Ne pas négliger les fonctionnalités de base du produit au détriment desnouvelles possibilités du médium.3. Introduire uniquement les métaphores si nécessaire.4. Ce nest pas parce que l’on retire les métaphores graphiques que le livrenest plus un livre.
  71. 71. MERCI.CYNTHIA SAVARD SAUCIERDesigner expérience utilisateur, TP1PATRICK WILLIAMSDirecteur de la création, TP1@PATSVEK@CYNTHIASAVARD
  72. 72. Design IndustrielDesign AuthentiqueAlmost FlatCohérence des formesAffordanceMétaphore intelligenteMicrocopiePiègeSkeuomorphismePetites gentilesseshttp://vimeo.com/42674279http://vimeo.com/58022280http://vimeo.com/11970647http://vimeo.com/52584608http://www.youtube.com/watch?v=kdTbHSQXGWohttp://vimeo.com/3860979http://www.youtube.com/watch?v=lAfOuhsJJsQhttp://www.youtube.com/watch?v=WPs3E1-3UaEhttp://www.youtube.com/watch?v=GCyiDaM3bochttp://www.youtube.com/watch?v=fLzWtUvdGz0IMAGESPortrait de Dieter RamsCuillère à crème glacé 1Cuillère à crème glacé 2CalculatriceProgressive ReductionSkeupmorphismeKorg AppExemples de petites gentillessesDégradation progressives"StillLoading"Application ContactsMétaphores IntelligentesWash MeAlmost flat : LetterpressAlmost flat : Gmail AppWindows 8http://www.aa13.fr/design-objet/le-bon-design-dieter-rams-13334http://supremehousewares.com/icecreamscoop-icecream.aspxhttp://gadgets.boingboing.net/2009/02/10/antifreeze-ice-cream.htmlhttp://iphonesoft.fr/2011/09/03/bons-plans-app-store-du-3-septembre-2011http://layervault.tumblr.com/post/42361566927/progressive-reductionhttp://skeu.it/page/2http://www.soundpad.fr/application/synthes-intrusments-virtuels/korg/korg-ims-20-ipadhttp://littlebigdetails.com/http://layervault.tumblr.com/post/42442865260/implementing-progressive-reductionhttp://andrewayala.tumblr.com/Application contact pour iPadhttp://patterntap.com/pattern/bus-arrival-clock-bus-oclockhttp://www.broadsheet.ie/2011/03/24/ive-been-to-abbeyfeale-but-ive-never-been-to-edit-me/http://pguba.tumblr.com/post/34349385596/letterpress-the-app-is-awesomehttp://www.iclarified.com/28627/gmail-app-now-supports-swiping-between-messages-gets-edit-modehttp://img.clubic.com/05100494-photo-windows-8-cp-metro.jpgVIDÉOSTHÉORIEDigital et SkeuomorphismeCritique du "skeuomorphisme"Critique du "skeuomorphisme"Branded InteractionCe que le Skeuomorphisme estEbookMicrocopieDesign HonnêteDefinition du Flat designAlmost FlatVoice and ToneAffordance10 principes du bon design de Dieter RamsMétaphores visuellesMétaphore du Bureau et de la bibliothèqueRévolution du Design dAppleCritique de Windows 8The Flattening of DesignLe Flat ne remplace pas le Skeuomorphismehttp://designmodo.com/skeuomorphic-vs-digital-interfaces/http://www.wired.com/magazine/2012/01/st_thompson_analog/http://www.fastcodesign.com/1669879/can-we-please-move-past-apples-silly-faux-real-uishttp://www.matthewmooredesign.com/branded-interactions/http://sachagreif.com/what-skeuomorphism-is-and-isnt/http://www.metagramme.com/writing/ebooks-and-design-humanshttp://bokardo.com/archives/writing-microcopy/http://alistapart.com/article/material-honesty-on-the-webhttp://branch.com/b/flat-design-needs-a-new-name?ref=grouphttp://www.matthewmooredesign.com/almost-flat-design/http://voiceandtone.com/http://www.interaction-design.org/encyclopedia/affordances.htmlhttp://fr.wikipedia.org/wiki/Dieter_Ramshttp://www.persee.fr/web/revues/home/prescript/article/colan_0336-1500_1996_num_109_1_2705http://www.sigchi.org/chi95/proceedings/tutors/ams_bdy.htmhttp://zing.ncsl.nist.gov/hfweb/proceedings/marcus/index.htmlhttp://www.fastcodesign.com/1670760/will-apples-tacky-software-design-philosophy-cause-a-revolthttp://www.nngroup.com/articles/windows-8-disappointing-usability/http://bits.blogs.nytimes.com/2013/04/23/the-flattening-of-design/http://laurent.assouad.com/2013/non-le-flat-design-ne-remplace-pas-le-skeuomorphisme/

×