of 90 /90
Simplicity’s Big Comeback JEREMY PERKINS

Simplicity's Big Comeback

Embed Size (px)

Text of Simplicity's Big Comeback

Page 1: Simplicity's Big Comeback

Simplicity’s

Big Comeback JEREMY PERKINS

Page 2: Simplicity's Big Comeback

Growth spurt

Page 3: Simplicity's Big Comeback

New York Times 2013

Page 4: Simplicity's Big Comeback

New York Times Today

Page 5: Simplicity's Big Comeback

MTV 2013

Page 6: Simplicity's Big Comeback

MTV Today

Page 7: Simplicity's Big Comeback

TurboTax 2013

Page 8: Simplicity's Big Comeback

TurboTax Today

Page 9: Simplicity's Big Comeback

University of Illinois 2013

Page 10: Simplicity's Big Comeback

University of Illinois Today

Page 11: Simplicity's Big Comeback

Qualities

The new normal

Page 12: Simplicity's Big Comeback

Flat style

Page 13: Simplicity's Big Comeback

Generous white space

Page 14: Simplicity's Big Comeback

Single

Column

Page 15: Simplicity's Big Comeback

Hidden navigation

Page 16: Simplicity's Big Comeback

Large typography

Page 17: Simplicity's Big Comeback

Giant images

Page 18: Simplicity's Big Comeback

One message at a time

Page 19: Simplicity's Big Comeback

Mandatory

scrolling

Page 20: Simplicity's Big Comeback

Simplicity

Page 21: Simplicity's Big Comeback

How we got here

The comeback

Page 22: Simplicity's Big Comeback

The web used to be simple

Page 23: Simplicity's Big Comeback
Page 24: Simplicity's Big Comeback

Then screens got bigger

Page 25: Simplicity's Big Comeback

Responsive? We have a problem

Page 26: Simplicity's Big Comeback
Page 27: Simplicity's Big Comeback

Death to the sidebar

Page 28: Simplicity's Big Comeback

Death to the sidebar

Page 29: Simplicity's Big Comeback

Much easier

Page 30: Simplicity's Big Comeback

Usability

Changing expectations

Page 31: Simplicity's Big Comeback

The old model

Page 32: Simplicity's Big Comeback

Device usage, time spent 2010–14

source:  Sta,sta  

Page 33: Simplicity's Big Comeback
Page 34: Simplicity's Big Comeback

The downward scroll

Usability change #1

Page 35: Simplicity's Big Comeback

Hard

Page 36: Simplicity's Big Comeback

Easy

Page 37: Simplicity's Big Comeback

The “fold”

Page 38: Simplicity's Big Comeback
Page 39: Simplicity's Big Comeback

Is there more?

Page 40: Simplicity's Big Comeback

Provide a cue

Page 41: Simplicity's Big Comeback

Shorthand

Usability change #2

Page 42: Simplicity's Big Comeback

Make way for interface

Page 43: Simplicity's Big Comeback

Simpler

Page 44: Simplicity's Big Comeback

Logo = home

Then Now

Page 45: Simplicity's Big Comeback

Magnifying glass = search

Page 46: Simplicity's Big Comeback

Hamburger = navigation

Page 47: Simplicity's Big Comeback
Page 48: Simplicity's Big Comeback

Navigation

Page 49: Simplicity's Big Comeback
Page 50: Simplicity's Big Comeback

Consumable content

Usability change #3

Page 51: Simplicity's Big Comeback

Active Facebook users 2008–15

source:  Sta,sta  

Page 52: Simplicity's Big Comeback

Mobile broadband subscriptions 2007–14

source:  Sta,sta  

Page 53: Simplicity's Big Comeback

Work vs. play

Page 54: Simplicity's Big Comeback

In and out

Page 55: Simplicity's Big Comeback

Living digital

Page 56: Simplicity's Big Comeback

Just like print

Page 57: Simplicity's Big Comeback

source:  Rolling  Stone  

Page 58: Simplicity's Big Comeback

Focal points: good

Page 59: Simplicity's Big Comeback

Focal points: bad

Page 60: Simplicity's Big Comeback
Page 61: Simplicity's Big Comeback
Page 62: Simplicity's Big Comeback

Ingredients

Rich content

Page 63: Simplicity's Big Comeback
Page 64: Simplicity's Big Comeback

source:  Simply  Scratch  

Page 65: Simplicity's Big Comeback

A focus on content

Page 66: Simplicity's Big Comeback

Scannability

Page 67: Simplicity's Big Comeback

Visual texture

Page 68: Simplicity's Big Comeback

Great photos, videos, copy

Page 69: Simplicity's Big Comeback

Animation

Page 70: Simplicity's Big Comeback

Flexible content types

Page 71: Simplicity's Big Comeback

One at a time

Page 72: Simplicity's Big Comeback

Examples

Page 73: Simplicity's Big Comeback
Page 74: Simplicity's Big Comeback
Page 75: Simplicity's Big Comeback
Page 76: Simplicity's Big Comeback
Page 77: Simplicity's Big Comeback
Page 78: Simplicity's Big Comeback
Page 79: Simplicity's Big Comeback
Page 80: Simplicity's Big Comeback
Page 81: Simplicity's Big Comeback
Page 82: Simplicity's Big Comeback
Page 83: Simplicity's Big Comeback

Education at Illinois

A university example

Page 84: Simplicity's Big Comeback
Page 85: Simplicity's Big Comeback
Page 86: Simplicity's Big Comeback
Page 87: Simplicity's Big Comeback

Moving forward

Page 88: Simplicity's Big Comeback

“Good design is

as little design as possible” Dieter Rams

Page 89: Simplicity's Big Comeback

Dieter Rams

“Back to purity,

back to simplicity”

Page 90: Simplicity's Big Comeback

Thank you

@iFactoryBoston @perjeremy