ONE400 outlines the five biggest design trends we will see in website design for the year 2016.

1. Lunch and Learn:
5 Web Design Trends for 2016
February 19, 2016

2. Agenda
1. FLAT DESIGN 2.0
2. MOBILE FIRST
3. MICROINTERACTIONS
4. ANIMATIONS
5. FRESH IMAGERY
6. FINAL THOUGHTS
2

3. FLAT DESIGN 2.0
3

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.

7. MOBILE FIRST
7

8. Mobile > Desktop Usage
As a result, more websites are being designed with mobile
in mind from the start.
8
Mobile Desktop

9. Note the differences.
The mobile version of the site is still a great experience.
9

10. MICROINTERACTIONS
10

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

12. 12

13. ANIMATIONS
13

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

15. 15

16. FRESH IMAGERY
16

17. RIP the Cheesy Stock Photo
17

18. Time to
switch it up!
18
Conclusion: More natural and custom imagery

19. FINAL THOUGHTS
19

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

21. Questions?
info@one-400.com
(626) 578-5040
@one_400