Performance
Choreography
September 18, 2014 at WebPerfDays NY
!
Tim Kadlec
@tkadlec
[email protected]
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
in-between moments
impact perception
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
“It’s solely intended to enhance
the user’s perception of your
app as quick to launch and
immediately ready for use.
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
http://www.lukew.com/ff/entry.asp?1797
Slide 13
Slide 13 text
http://www.lukew.com/ff/entry.asp?1797
Slide 14
Slide 14 text
progress bars focus
on the waiting
Slide 15
Slide 15 text
skeleton screens
focus on the progress
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
slow
is valuable
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
tell people you’re
working for them
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
<200ms
http://bit.ly/1rfjmzU
Slide 26
Slide 26 text
“A rule of thumb: However
long you think you need, half
it. Then half it again!
Rachel Nabors
Award Winning Cartoonist
Slide 27
Slide 27 text
“Confession: sometimes when
we release an update, I tighten
up an old transition by ~50ms.
!
Result: "Wow, this new version
feels faster."
Cenny Bowles
Design Manager at Twitter
Slide 28
Slide 28 text
http://bit.ly/1pgJ8OD
Slide 29
Slide 29 text
http://bit.ly/1pgJ8OD
Slide 30
Slide 30 text
http://bit.ly/1pgJ8OD
Slide 31
Slide 31 text
this isn’t
difficult
Slide 32
Slide 32 text
people like
beautiful things
Slide 33
Slide 33 text
we are performance
engineers
Slide 34
Slide 34 text
we are performance
choreographers
Slide 35
Slide 35 text
thank you
September 18, 2014 at WebPerfDays NY
!
Tim Kadlec
@tkadlec
[email protected]