Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design through emotion - Visual experience of today's webdesign

Design through emotion - Visual experience of today's webdesign

A presentation made at www2012 in Lyon on April 20th by Marie-Cécile Paccard

717cd1b90e6b481ade21411a661a7ad7?s=128

Marie-Cécile Godwin

April 23, 2012
Tweet

Transcript

  1. Design Emotion & Visual experience of today’s webdesign With Marie-Cécile

    Paccard! Salon du Numérique – www2012! April 20th 2012!
  2. digital design, web & social media www.mcpaccard.com Born in 1981,

    speaks english, french and LOLspeak 6 years experienced web and digital pro designer, Twitter addict
  3. What is webdesign? 1

  4. What is webdesign? 1

  5. Pic by Michael Anthony - SXC!

  6. Pic by Michael Anthony - SXC!

  7. Design is about solving problems.

  8. Design is about solving problems. (I’ve learnt it the hard

    way.)
  9. Gustav Klimt – Adele Bloch-Bauerʼs portrait! Leonard de Vinci –

    La Joconde! Source: Wikimedia Commons ! ! ➼ This is art.
  10. ➼ This is design.

  11. TROLL! !

  12. ➼ Some (web) designers are a bit…

  13. http://thehelpfulengineer.com/! ➼ Real (web) designers are more like…

  14. The Internets are full of constraints! Screen resolutions Platforms, CMS

    Client needs Business specific constraints Accessibility and disabilities usability Users skills Technical stuff Flash (brrr…) Browsers (F**K IE!)
  15. ➼ Real (web) designers know them all… Pic by Ove Tøpfer

    - SXC!
  16. What about creativity? 2

  17. ➼ This is creativity. Beautiful ad from Mercedes Benz!

  18. ➼ This is good design. Clean interface from Google Groups!

  19. Both can co-exist.

  20. http://www.thelounge.fi/!

  21. http://www.glitch.com/!

  22. http://ndesign-studio.com/!

  23. Webdesign should be the perfect mix between engineering and creativity

    !
  24. essential ideas about design 3

  25. Mies Van Der Rohe Architect, 1886 - 1969 ➼ LESS IS

    MORE. Photo: Chicago History Museum
 HB-8506-K4, Hedrich Blessing (detail)! !
  26. Mies Van Der Rohe Architect, 1886 - 1969 ➼ God is

    in the details. Photo: Chicago History Museum
 HB-8506-K4, Hedrich Blessing (detail)! !
  27. Louis Sullivan Architect, 1856 - 1924 ➼ Form follows function. Photos:

    Chicago History Museum
 HB-8506-K4, Hedrich Blessing (detail)! ! Photo: Wikimedia Commons! !
  28. http://www.deuxhuithuit.com/!

  29. http://plus.google.com/!

  30. Ideas and statements from the past are still valuable. !

  31. ‘’More is more’’ The christmas tree effect 4

  32. None
  33. None
  34. Click me !

  35. Click me ! SPECIAL DEAL!

  36. ➼ Rather self explanatory.

  37. Users can’t look at everything at the same time. Choose

    wisely. !
  38. Let’s step 10 years ago. 5

  39. Yesterday

  40. Yesterday (All my troubles seemed so far away…)

  41. http://www… wait, do you really want to know???!

  42. ➼ Yesterday was flat. ➼ Yesterday was floating. ➼ Yesterday had no grid.

    ➼ Yesterday was color-barfing. ➼ Yesterday had no images. ➼ Yesterday. MEH.
  43. Today is all about texture and volume. 6

  44. Real-looking elements = A link to reality = emotion Pic

    by Mokra - SXC!
  45. Emotion = ENGAGEMENT Nothing makes you engage more than a

    cute cat. <3 Kitty pic by Sarah Williams - SXC!
  46. http://www.mathem.se/!

  47. http://www.designsponge.com/!

  48. http://bergcloud.com/littleprinter/!

  49. Volume and texture tend to engage your audience. !

  50. Today is retro. 7

  51. http://instagr.am!

  52. http://www.austineastciders.com/!

  53. http://www.pointlesscorp.com/!

  54. http://www.artribal.com/!

  55. http://fall.tnvacation.com/!

  56. Fashion is a perpetual clock. !

  57. Vertical rythm is the new layout. 8

  58. None
  59. None
  60. None
  61. There is a full universe above the fold. Don’t fear

    scrolling down. !
  62. Texture and volume work well with fingers. 9

  63. http://www.appdesignvault.com/!

  64. http://synth76.com/!

  65. People love electronic devices, yet they like them to look

    like real things. !
  66. What did you learn? 10

  67. ! ➼  Webdesign should be the perfect mix between engineering

    and creativity.! ➼  Ideas and statements from the past are still valuable :! ➼ ! Less is more! ➼ ! God is in the details! ➼ ! Form follows function! ➼  Users canʼt look at everything at the same time.! ➼  Volume and texture tend to engage your audience.! ➼  Fashion is a perpetual clock.! ➼  There is a full universe above the fold.! ➼  People love electronic devices, yet they like them to look like real things.!
  68. THANKS!