Flat design for a non flat world
4 likes2,543 views
The document discusses flat design and its increasing popularity in interfaces like iOS7. It defines flat design as having thin fonts, bright colors, and optional shadows and gradients. The author argues that while flat design is a current trend, designers must still consider how users will interact with interfaces across different contexts and devices by incorporating affordances, gestures, and supporting various postures and locations of use.
Flat design for a non flat world
- 1. Flat Design in a non-flat World Gregory Raiz, CEO @graiz
- 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. What is flat design?
- 7. Shadow and gradients optional
- 8. New tools for depth
- 9. White is the new Black
- 10. Flat Design is Fashion.
- 11. iOS7isFashion.
- 12. It’s harder to hide bad design with flashy art
- 14. Bad Design? ! ! ! ! Readability Legibility Usability Click to get started
- 15. The UX is familiar
- 16. % of people not freaking out
- 18. BlackBerry 6710 Nokia 1100 Palm Pilot Flat design fashion
- 21. Examples
- 33. Great design has affordances
- 34. Affordances Provide Natural Cues to Interactions
- 35. Skeuomorphism
- 38. Skeuomorphism
- 41. Be careful with borderless buttons OK
- 43. Lessons in non flat thinking 5
- 44. Your hands are not flat 1
- 47. Your posture is not flat 2
- 49. How do you use your device? •Vertical vs Horizontal •Sitting, Standing, Lying down •Holding something in the other hand
- 50. One Hand Free No Hands Free
- 51. Your senses are not one dimensional 3
- 54. Your location is not flat 4
- 56. Our lives are not one dimensional 5
- 57. •Work vs. Play •Family vs. Job •Entertainment vs. Productivity •Young vs. Old Life dimensions
- 58. Everything should be made as simple as possible, but not simpler. - Albert Einstein
- 59. Answer the question, WHY?