Perceived Performance — The Wind In Your Hair

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

1. The Wind In Your Hair PERCEIVED PERFORMANCE
2. Kyle Peatt senior designer at mobify @kpeatt
3. Designers
 don’t care about performance. Be honest with yourself.
4. We’ll just leave it to the engineers. They know best, anyways.
5. Designers
 should care about performance. You knew this was coming.
6. Performance is a feature
7. We’ve got a problem.
8. Your users don’t care. Really, they don’t.
9. That’s Perceived Performance.
10. warning!
11. What can we do?
12. relative. Performance is… experiential. ongoing.
13. Performance is relative
14. That makes sense. performance is relative …I think.
15. There’s more to it. performance is relative Not letting you off that easy.
16. The more we use things, the more we get used to things. performance is relative Like iOS 7.
17. We’re not alone. performance is relative The web isn’t an excuse.
18. Oh, bother. performance is relative Everyone likes Winnie the Pooh.
19. Don’t worry. performance is relative Be mildly more happy.
20. Wait, this is awesome. performance is relative Be exuberant.
21. Leave it to us. performance is relative Job security, my friends.
22. “Essentially instant.” performance is relative I love this part.
23. We can fix the relativity problem. performance is relative Good news, everyone.
24. 100 milliseconds performance is relative Essentially Instant™ http://www.nngroup.com/articles/response-times-3-important-limits/
25. one second performance is relative A bit of a wait… http://www.nngroup.com/articles/response-times-3-important-limits/
26. 10 seconds performance is relative Never ever. Bad. Don’t. Stop it. http://www.nngroup.com/articles/response-times-3-important-limits/
27. We can fix the relativity problem. performance is relative This is not the same slide as before.
28. performance is relative Allen Pike @apike
29. 16 milliseconds performance is relative Like butter. http://www.allenpike.com/2011/providing-joy-at-60-fps/ around
30. 100 milliseconds performance is relative Lower is better. http://www.allenpike.com/2011/providing-joy-at-60-fps/ under
31. one second performance is relative Give them a break. http://www.allenpike.com/2011/providing-joy-at-60-fps/ under
32. one second performance is relative Waiting is death. http://www.allenpike.com/2011/providing-joy-at-60-fps/ over
33. We can fix the relativity problem. performance is relative Again, not the same slide. #different
34. Performance is experiential
35. It’s about the feel. performance is experiential It’s all in the hips.
36. performance is experiential
37. Which car
 sounds faster? performance is experiential Please don’t get this wrong.
39. It was the second one. performance is experiential I hope that worked.
40. Just fake it. performance is experiential
41. Don’t make it worse. performance is experiential We do some crazy stuff sometimes.
43. No spinners. performance is experiential These things are user kryptonite.
44. performance is experiential http://www.lukew.com/ff/entry.asp?1797 Spinners
 are bad.
45. Don’t focus
 on the wait. performance is experiential Seems simple but we often forget.
46. How to avoid the dreaded spinner. performance is experiential Pay attention.
47. performance is experiential
48. performance is experiential
49. performance is experiential
50. We don’t have
 to be honest. performance is experiential Lying will get you everywhere.
51. Be Active. performance is experiential While staring at your phone.
53. Performance is ongoing
54. Consider everything. performance is ONGOING It all matters.
55. Learn to care. performance is ONGOING Your heart will grow three sizes.
56. Convince your
 team to care. performance is ONGOING Cardiomegaly for everyone!
57. Learn from others. performance is ONGOING You’re not lazy, you’re clever.
58. performance is ONGOING www.topcoat.io
59. performance is ONGOING www.github.com/h5bp/effeckt.css
60. Don’t just use them. performance is ONGOING Be more than clever.
61. You gotta buy in. performance is ONGOING Stop all the downloading.
62. Be good to the user. performance is ONGOING The user is your friend.
63. Don’t stop caring about optimization. performance is ONGOING This is end game stuff.
65. Performance is relative experiential ongoing
66. Performance is perceptual