$30 off During Our Annual Pro Sale. View Details »

Performance Choreography at WebPerfDays NY, 2014

Tim Kadlec
September 18, 2014

Performance Choreography at WebPerfDays NY, 2014

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

Tim Kadlec

September 18, 2014
Tweet

More Decks by Tim Kadlec

Other Decks in Programming

Transcript

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

    @tkadlec
    [email protected]

    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
    [email protected]

    View Slide