perceived performance — the wind in your hair

66
The Wind In Your Hair PERCEIVED PERFORMANCE

Upload: kpeatt

Post on 18-Dec-2014

309 views

Category:

Design


0 download

DESCRIPTION

Most designers think that performance is something best left to engineers. In this talk, I explore how designers can think about performance as a design feature and talk about some ways designers can work to actively improve performance.

TRANSCRIPT

Page 1: Perceived Performance — The Wind In Your Hair

The Wind In Your Hair

PERCEIVED PERFORMANCE

Page 2: Perceived Performance — The Wind In Your Hair

Kyle Peattsenior designer at mobify

@kpeatt

Page 3: Perceived Performance — The Wind In Your Hair

Designersdon’t care about

performance.Be honest with yourself.

Page 4: Perceived Performance — The Wind In Your Hair

We’ll just leave it to the engineers.

They know best, anyways.

Page 5: Perceived Performance — The Wind In Your Hair

Designersshould care about

performance.You knew this was coming.

Page 6: Perceived Performance — The Wind In Your Hair

Performance is a feature

Page 7: Perceived Performance — The Wind In Your Hair

We’ve got a problem.

Page 8: Perceived Performance — The Wind In Your Hair

Your users don’t care.

Really, they don’t.

Page 9: Perceived Performance — The Wind In Your Hair

That’s Perceived Performance.

Page 10: Perceived Performance — The Wind In Your Hair

warning!

Page 11: Perceived Performance — The Wind In Your Hair

What can we do?

Page 12: Perceived Performance — The Wind In Your Hair

relative.Performance is…

experiential.ongoing.

Page 13: Perceived Performance — The Wind In Your Hair

Performance is relative

Page 14: Perceived Performance — The Wind In Your Hair

That makes sense.

performance is relative

…I think.

Page 15: Perceived Performance — The Wind In Your Hair

There’s more to it.

performance is relative

Not letting you off that easy.

Page 16: Perceived Performance — The Wind In Your Hair

The more we use things, the more we get used to things.

performance is relative

Like iOS 7.

Page 17: Perceived Performance — The Wind In Your Hair

We’re not alone.

performance is relative

The web isn’t an excuse.

Page 18: Perceived Performance — The Wind In Your Hair

Oh, bother.

performance is relative

Everyone likes Winnie the Pooh.

Page 19: Perceived Performance — The Wind In Your Hair

Don’t worry.

performance is relative

Be mildly more happy.

Page 20: Perceived Performance — The Wind In Your Hair

Wait, this is awesome.

performance is relative

Be exuberant.

Page 21: Perceived Performance — The Wind In Your Hair

Leave it to us.

performance is relative

Job security, my friends.

Page 22: Perceived Performance — The Wind In Your Hair

“Essentially instant.”

performance is relative

I love this part.

Page 23: Perceived Performance — The Wind In Your Hair

We can fix the relativity problem.

performance is relative

Good news, everyone.

Page 24: Perceived Performance — The Wind In Your Hair

100 milliseconds

performance is relative

Essentially Instant™http://www.nngroup.com/articles/response-times-3-important-limits/

Page 25: Perceived Performance — The Wind In Your Hair

one second

performance is relative

A bit of a wait…http://www.nngroup.com/articles/response-times-3-important-limits/

Page 26: Perceived Performance — The Wind In Your Hair

10 seconds

performance is relative

Never ever. Bad. Don’t. Stop it.http://www.nngroup.com/articles/response-times-3-important-limits/

Page 27: Perceived Performance — The Wind In Your Hair

We can fix the relativity problem.

performance is relative

This is not the same slide as before.

Page 28: Perceived Performance — The Wind In Your Hair

performance is relative

Allen Pike

@apike

Page 29: Perceived Performance — The Wind In Your Hair

16 milliseconds

performance is relative

Like butter.http://www.allenpike.com/2011/providing-joy-at-60-fps/

around

Page 30: Perceived Performance — The Wind In Your Hair

100 milliseconds

performance is relative

Lower is better.http://www.allenpike.com/2011/providing-joy-at-60-fps/

under

Page 31: Perceived Performance — The Wind In Your Hair

one second

performance is relative

Give them a break.http://www.allenpike.com/2011/providing-joy-at-60-fps/

under

Page 32: Perceived Performance — The Wind In Your Hair

one second

performance is relative

Waiting is death.http://www.allenpike.com/2011/providing-joy-at-60-fps/

over

Page 33: Perceived Performance — The Wind In Your Hair

We can fix the relativity problem.

performance is relative

Again, not the same slide. #different

Page 34: Perceived Performance — The Wind In Your Hair

Performance is experiential

Page 35: Perceived Performance — The Wind In Your Hair

It’s about the feel.

performance is experiential

It’s all in the hips.

Page 36: Perceived Performance — The Wind In Your Hair

performance is experiential

Page 37: Perceived Performance — The Wind In Your Hair

Which carsounds faster?

performance is experiential

Please don’t get this wrong.

Page 38: Perceived Performance — The Wind In Your Hair
Page 39: Perceived Performance — The Wind In Your Hair

It was the second one.

performance is experiential

I hope that worked.

Page 40: Perceived Performance — The Wind In Your Hair

Just fake it.

performance is experiential

Page 41: Perceived Performance — The Wind In Your Hair

Don’t make it worse.

performance is experiential

We do some crazy stuff sometimes.

Page 42: Perceived Performance — The Wind In Your Hair
Page 43: Perceived Performance — The Wind In Your Hair

No spinners.

performance is experiential

These things are user kryptonite.

Page 44: Perceived Performance — The Wind In Your Hair

performance is experiential

http://www.lukew.com/ff/entry.asp?1797

Spinnersare bad.

Page 45: Perceived Performance — The Wind In Your Hair

Don’t focuson the wait.

performance is experiential

Seems simple but we often forget.

Page 46: Perceived Performance — The Wind In Your Hair

How to avoid the dreaded spinner.

performance is experiential

Pay attention.

Page 47: Perceived Performance — The Wind In Your Hair

performance is experiential

Page 48: Perceived Performance — The Wind In Your Hair

performance is experiential

Page 49: Perceived Performance — The Wind In Your Hair

performance is experiential

Page 50: Perceived Performance — The Wind In Your Hair

We don’t haveto be honest.

performance is experiential

Lying will get you everywhere.

Page 51: Perceived Performance — The Wind In Your Hair

Be Active.

performance is experiential

While staring at your phone.

Page 52: Perceived Performance — The Wind In Your Hair
Page 53: Perceived Performance — The Wind In Your Hair

Performance is ongoing

Page 54: Perceived Performance — The Wind In Your Hair

Consider everything.

performance is ONGOING

It all matters.

Page 55: Perceived Performance — The Wind In Your Hair

Learn to care.

performance is ONGOING

Your heart will grow three sizes.

Page 56: Perceived Performance — The Wind In Your Hair

Convince yourteam to care.

performance is ONGOING

Cardiomegaly for everyone!

Page 57: Perceived Performance — The Wind In Your Hair

Learn from others.

performance is ONGOING

You’re not lazy, you’re clever.

Page 58: Perceived Performance — The Wind In Your Hair

performance is ONGOING

www.topcoat.io

Page 59: Perceived Performance — The Wind In Your Hair

performance is ONGOING

www.github.com/h5bp/effeckt.css

Page 60: Perceived Performance — The Wind In Your Hair

Don’t just use them.

performance is ONGOING

Be more than clever.

Page 61: Perceived Performance — The Wind In Your Hair

You gotta buy in.

performance is ONGOING

Stop all the downloading.

Page 62: Perceived Performance — The Wind In Your Hair

Be good to the user.

performance is ONGOING

The user is your friend.

Page 63: Perceived Performance — The Wind In Your Hair

Don’t stop caring about optimization.

performance is ONGOING

This is end game stuff.

Page 64: Perceived Performance — The Wind In Your Hair
Page 65: Perceived Performance — The Wind In Your Hair

Performance is relative

experientialongoing

Page 66: Perceived Performance — The Wind In Your Hair

Performance is perceptual