Flat design for a non flat world

2,197 views

Published on

Published in: Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,197
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
104
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Flat design for a non flat world

  1. 1. Flat Design in a non-flat World Gregory Raiz, CEO @graiz
  2. 2. The Plan •What is flat design? •Design is fashion •Designing for humans •Examples of flat design •Affordances vs. Skeumorphism •5 ways to design with depth
  3. 3. What is flat design?
  4. 4. Font Color Image Depth
  5. 5. Fonts are thin.
  6. 6. Colors are bright
  7. 7. Shadow and gradients optional
  8. 8. New tools for depth
  9. 9. White is the new Black
  10. 10. Flat Design is Fashion.
  11. 11. iOS7isFashion.
  12. 12. It’s harder to hide bad design with flashy art
  13. 13. Bad Design? Legibility Readability Usability
  14. 14. Bad Design? ! ! ! ! Readability Legibility Usability Click to get started
  15. 15. The UX is familiar
  16. 16. % of people not freaking out
  17. 17. Handheld devices history
  18. 18. BlackBerry 6710 Nokia 1100 Palm Pilot Flat design fashion
  19. 19. Classic Flat Design
  20. 20. Mobile Flat Design
  21. 21. Examples
  22. 22. Great design has affordances
  23. 23. Affordances Provide Natural Cues to Interactions
  24. 24. Skeuomorphism
  25. 25. Skeuomorphism
  26. 26. This doesn’t work
  27. 27. Affordances clarify intended interactions Yes
  28. 28. Be careful with borderless buttons OK
  29. 29. Interactions SwipeTap Pinch Scroll
  30. 30. Lessons in non flat thinking 5
  31. 31. Your hands are not flat 1
  32. 32. Design for dexterity
  33. 33. Your posture is not flat 2
  34. 34. How do you use your device? •Vertical vs Horizontal •Sitting, Standing, Lying down •Holding something in the other hand
  35. 35. One Hand Free No Hands Free
  36. 36. Your senses are not 
 one dimensional 3
  37. 37. •Camera •Accelerometer •Microphone •Proximity Sensor •Magnetometer Some of the sensors
  38. 38. Your location is not flat 4
  39. 39. Our lives are not 
 one dimensional 5
  40. 40. •Work vs. Play •Family vs. Job •Entertainment vs. Productivity •Young vs. Old Life dimensions
  41. 41. Everything should be made as simple as possible, but not simpler. 
 - Albert Einstein
  42. 42. Answer the question, WHY?
  43. 43. @graiz Gregory Raiz, CEO

×