When we as designers and developers are building websites and webapps, we use waterfall charts to show us the general picture of what happens when someone visits our site. Information about DNS and HTTP requests, time to acquire HTML and assets, and generally identify bottlenecks. Using this information, we can optimize things for better performance.
Better performance means better UX, right?
I’d like to introduce a metaphor based around performance waterfalls that visualizes element acquisition and user flow. With this visualization, we can make objective decisions about how to iterate our user experiences and get the most out of what we have.