SlideShare a Scribd company logo
PERCEIVED PERFORMANCE

The Wind In Your Hair
Kyle Peatt
senior designer
at mobify
@kpeatt
Designers

don’t care about
performance.
Be honest with yourself.
We’ll just leave it to
the engineers.
They know best, anyways.
Designers

should care about
performance.
You knew this was coming.
Performance is a
feature
We’ve got a problem.
Your users don’t care.
Really, they don’t.
That’s Perceived
Performance.
warning!
What can we do?
Performance is…
relative.
experiential.
ongoing.
Performance is
relative
performance is relative

That makes sense.
…I think.
performance is relative

There’s more to it.
Not letting you off that easy.
performance is relative

The more we use
things, the more we
get used to things.
Like iOS 7.
performance is relative

We’re not alone.
The web isn’t an excuse.
performance is relative

Oh, bother.
Everyone likes Winnie the Pooh.
performance is relative

Don’t worry.
Be mildly more happy.
performance is relative

Wait, this is awesome.
Be exuberant.
performance is relative

Leave it to us.
Job security, my friends.
performance is relative

“Essentially instant.”
I love this part.
performance is relative

We can fix the
relativity problem.
Good news, everyone.
performance is relative

100
milliseconds

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

one
second

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

10
seconds

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

We can fix the
relativity problem.
This is not the same slide as before.
performance is relative

Allen Pike
@apike
performance is relative

around

16
milliseconds

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

under

100
milliseconds

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

under

one
second

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

over

one
second

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

We can fix the
relativity problem.
Again, not the same slide. #different
Performance is
experiential
performance is experiential

It’s about the feel.
It’s all in the hips.
performance is experiential
performance is experiential

Which car

sounds faster?
Please don’t get this wrong.
performance is experiential

It was the second one.
I hope that worked.
performance is experiential

Just fake it.
performance is experiential

Don’t make it worse.
We do some crazy stuff sometimes.
performance is experiential

No spinners.
These things are user kryptonite.
performance is experiential

Spinners

are bad.
http://www.lukew.com/ff/entry.asp?1797
performance is experiential

Don’t focus

on the wait.
Seems simple but we often forget.
performance is experiential

How to avoid the
dreaded spinner.
Pay attention.
performance is experiential
performance is experiential
performance is experiential
performance is experiential

We don’t have

to be honest.
Lying will get you everywhere.
performance is experiential

Be Active.
While staring at your phone.
Performance is
ongoing
performance is ONGOING

Consider everything.
It all matters.
performance is ONGOING

Learn to care.
Your heart will grow three sizes.
performance is ONGOING

Convince your

team to care.
Cardiomegaly for everyone!
performance is ONGOING

Learn from others.
You’re not lazy, you’re clever.
performance is ONGOING

www.topcoat.io
performance is ONGOING

www.github.com/h5bp/effeckt.css
performance is ONGOING

Don’t just use them.
Be more than clever.
performance is ONGOING

You gotta buy in.
Stop all the downloading.
performance is ONGOING

Be good to the user.
The user is your friend.
performance is ONGOING

Don’t stop caring
about optimization.
This is end game stuff.
Performance is
relative
experiential
ongoing
Performance is
perceptual

More Related Content

Recently uploaded

National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 

Recently uploaded (16)

The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive design
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 

Featured

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

Perceived Performance — The Wind In Your Hair