Earlier in March, Vimeo added an enhanced statistics feature for their users – in this blog post I’ll explore the great work they’ve done.
We’ll start with a user home page in Vimeo:
On the right, they embed some statistics right on the user homepage
To go to the new statistics pages, the user can get there via two locations
Which leads this excellent summary page
Notice how they make it easy for a user to see statistics from common time spans …
So it is very easy to see the numbers for the entire year ..
I also like the way they have provided a text summary of key points in the statistics. Although I certainly believe in the power of visuals, I don’t find that people are adequately exploiting the power of simple text + hyperlinks.
Below that area there are some simple charts. I like the brave choice in typography and color . Most people would be timid to try and fewer still able to do so well.
The only improvement I could see here are with the right-most charts because the amount of data is small. Handling these scenarios well is a nice design challenge.
Below the primary charts you’ll see the numbers for the Overview (scoped in this case to the year).
I’m not generally a fan of changing the text color in this way but admit it does look consistent. In particular because green, yellow, red often associated with good / warning /error states it is a bit disconcerting to see them used here – especially when red corresponds to “Likes”. But this is a minor complaint.
At the bottom of the overview, this link lets the user see more about the numbers
It leads to this page …
We can control the date range at the top
They did an excellent job with the date range picker. Often when one encounters this situation in reports what one sees is simple a “from” and “to” date and one should count oneself lucky if a calendar is shown. In this case, they have optimized for common timespan scenarios: the past “week”, “month”, “year”, and the very useful “Since I joined”. People should learn from this example.
As the mouse nears a point on the graph, the points enlarge and some extra contextual information is shown
An consequence of this experience is that the extra information occludes the chart itself.
If we click on a point then a new section in the page appears …
This is a very nice touch. Extra context about specific part of the data that didn’t require more navigation. Note that this new area can be closed by clicking on the red X.
At the bottom part of the page are the numbers. This makes nice use of inline charts.
And finally, a critical but often-overlooked feature – the ability to get the raw data in formats that can be used by other data tools. More dashboards and reports need to work at making this easier.
- The Vimeo team did an AMAZING job. This is an inspiring example.