Web Trends

to watch in

2 0 1 7
David Lee King
davidleeking.com | tscpl.org
web design changes
fas
t!
12 trends
 a l it y
ct i o n
Fun
1
scrolling
above
the fold?
 2
Mobile-first
& Responsive
tablets
desktops

mobile
tablets
desktops

mobile
77%
51%
 3
microinteractions
& animation
microinteractions
Good!
Bad!
animation
This jumps
up & down
haptic feedback
 tu ff
u a l S
V is
4
Typeography
5
Video
6 Original
photos &
artwork
publicdomainpictures.net/view-image.php?image=15332
 7
Visual Design
 g n - y
e s
D gs i
t h i n
8 Card/Tile
design
 9
The Grid
or the
death of it.
 9
The Grid
or the
a ll y !
death ofoit.t re
o - n
N
 eb -
r n , w
o d e g s
M t h in
a se d
b
10 Easy
to use
tools!
 11
machine
learning &
automation
12
storytelling
 st o f
s l i d s
a v i d re n
D Bad t
o od /
G
 s i ve
p on
re s
ile &
m o b

Good scrolling Bad

microin
teractio
ns
 s i ve
np o
re s
il e & video
m o b
typography

Good scrolling Bad

visual
design
microin
teractio
original n s
artwork
 e e c ar
n s i v h i n d s /
s p o a c g t i l e
& re m r n in s
b il e video l ea
m o
typography

Good to ol s scrolling Bad

visual
design
storytelling microi
nteract
ions
original
artwork breaking the grid
 g h t s
t h ou
i n al
F
 i g n
d e s
w e b t
is n o
ea d !
d
 i g n
d e s
e b
w mnoovti ng
ista !
d er
ag d e
4

t
flic.kr/p/4C85kT
flic.kr/p/eAKKHz
88%
More important
than ever before!

flic.kr/p/dQXwDT
 n ks !
Th a
dav
idl
eeki
n g.c
om
 & A !
Q
dav
idl
eeki
n g.c
om