Top Banner
Simplicity’s Big Comeback JEREMY PERKINS
90

Simplicity's Big Comeback

Aug 10, 2015

Download

Design

Jeremy Perkins
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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