Design through emotion - Visual experience of today's webdesign

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

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
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
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!