4. A Quick History Lesson
Before Flat Design came along, there was something called
skeuomorphism.
4
Interface
elements are
made to look like
their physical
counterparts.
5. A Quick History Lesson
Eventually, the world got tired of it. So designers pulled a
complete 180.
5
Gone are the
gradients and
leather stitching!
6. Introducing Flat Design 2.0
AKA skeuomorphism and flat design’s baby
6
Google’s
Material Design
is one example
with subtle
shadows and
highlights.
11. Details, details, details
A microinteraction is a moment with a product to
accomplish a single task.
11
Microinteractions:
1. Communicate status and feedback to the user
2. Educate the user about the outcome of her actions
3. Makes or breaks the user experience
14. Animations
The idea of moving elements on a page is not new. (Flash
anyone?)
14
So why are animations trending?
1. Recent CSS developments make them easy to implement
2. They make websites more dynamic
3. Animations enhance microinteractions
20. Final Thoughts
1. Exercise caution when following a trend.
2. It’s all about the user.
3. The future lies in digital products acting more like
humans.
20