The Need For Speed: Part 5 of Delivering the Connected Experience

25
The Need for Speed

description

The Business Case for Responsive Design - Matt Crist, Senior User Experience Consultant

Transcript of The Need For Speed: Part 5 of Delivering the Connected Experience

Page 1: The Need For Speed: Part 5 of Delivering the Connected Experience

The Need for Speed

Page 2: The Need For Speed: Part 5 of Delivering the Connected Experience

The Golden Secondalso known as “1000ms to glass challenge”

Page 3: The Need For Speed: Part 5 of Delivering the Connected Experience

Loses 1% of sales with a 100ms delay

Page 4: The Need For Speed: Part 5 of Delivering the Connected Experience

Loses 5%-9% of traffic per 400ms delay

Page 5: The Need For Speed: Part 5 of Delivering the Connected Experience

Loses 3% of traffic per 500ms delay

Page 6: The Need For Speed: Part 5 of Delivering the Connected Experience

👻☻☻☻☻☻☻

2% bounce after 1s

☻☻ ☻

Page 7: The Need For Speed: Part 5 of Delivering the Connected Experience

👻👻 👻👻

☻☻☻☻☻☻

40% bounce after 2s

Page 8: The Need For Speed: Part 5 of Delivering the Connected Experience

👻👻 👻👻

☻☻☻☻☻

57% bounce after 3s

👻

Page 9: The Need For Speed: Part 5 of Delivering the Connected Experience

👻👻 👻👻

☻☻

85% of mobile users expect sameresponse time as desktop

👻👻👻

👻

Page 10: The Need For Speed: Part 5 of Delivering the Connected Experience

The uphill climb.

Page 11: The Need For Speed: Part 5 of Delivering the Connected Experience

📱An overly simplified graphic of a mobile web request

Page 12: The Need For Speed: Part 5 of Delivering the Connected Experience

📱

An overly simplified of a desktop web request

The Tower

Page 13: The Need For Speed: Part 5 of Delivering the Connected Experience

📱

An overly simplified of a desktop web request

The Tower

Page 14: The Need For Speed: Part 5 of Delivering the Connected Experience

📱

An overly simplified of a desktop web request

The Tower

DNS

Page 15: The Need For Speed: Part 5 of Delivering the Connected Experience

📱

An overly simplified of a desktop web request

The Tower

DNS

Page 16: The Need For Speed: Part 5 of Delivering the Connected Experience

📱

An overly simplified of a desktop web request

The Tower

DNS

Server

Page 17: The Need For Speed: Part 5 of Delivering the Connected Experience

📱

An overly simplified of a desktop web request

The Tower

DNS

Server

Page 18: The Need For Speed: Part 5 of Delivering the Connected Experience

📱

An overly simplified of a desktop web request

The Tower

DNS

Server

Page 19: The Need For Speed: Part 5 of Delivering the Connected Experience

So, how do we get to 1 second?

Page 20: The Need For Speed: Part 5 of Delivering the Connected Experience

Do you really need _____ ?

Page 21: The Need For Speed: Part 5 of Delivering the Connected Experience

Responsive design isn’t just about screen size.

Page 22: The Need For Speed: Part 5 of Delivering the Connected Experience

RESSResponsive Design + Server Side

Page 23: The Need For Speed: Part 5 of Delivering the Connected Experience

CSS JS

HTML

HTML

HTML

HTML

Page 24: The Need For Speed: Part 5 of Delivering the Connected Experience

This part doesn’t need to be loaded yet.

The fold

Page 25: The Need For Speed: Part 5 of Delivering the Connected Experience

It’s aspirational.