Performance Choreography at WebPerfDays NY, 2014

Presented at WebPerfDays NY, in New York City, NY on September 18th, 2014.

Transcript

1. Performance
   Choreography
   September 18, 2014 at WebPerfDays NY
   !
   Tim Kadlec

   @tkadlec
   tim@timkadlec.com
   

   View Slide

2. View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. in-between moments
   impact perception
   

   View Slide

8. View Slide

9. View Slide

10. “It’s solely intended to enhance
    the user’s perception of your
    app as quick to launch and
    immediately ready for use.
    

    View Slide

11. View Slide

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

    View Slide

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

    View Slide

14. progress bars focus
    on the waiting
    

    View Slide

15. skeleton screens
    focus on the progress
    

    View Slide

16. View Slide

17. View Slide

18. View Slide

19. View Slide

20. slow
    is valuable
    

    View Slide

21. View Slide

22. View Slide

23. tell people you’re
    working for them
    

    View Slide

24. View Slide

25. <200ms
    http://bit.ly/1rfjmzU
    

    View Slide

26. “A rule of thumb: However
    long you think you need, half
    it. Then half it again!
    Rachel Nabors
    Award Winning Cartoonist
    

    View Slide

27. “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
    

    View Slide

28. http://bit.ly/1pgJ8OD
    

    View Slide

29. http://bit.ly/1pgJ8OD
    

    View Slide

30. http://bit.ly/1pgJ8OD
    

    View Slide

31. this isn’t
    difficult
    

    View Slide

32. people like
    beautiful things
    

    View Slide

33. we are performance
    engineers
    

    View Slide

34. we are performance
    choreographers
    

    View Slide

35. thank you
    September 18, 2014 at WebPerfDays NY
    !
    Tim Kadlec

    @tkadlec
    tim@timkadlec.com
    

    View Slide