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:

image 

On the right, they embed some statistics right on the user homepage

image

To go to the new statistics pages, the user can get there via two locations

image

image

Which leads this excellent summary page

image 

Notice how they make it easy for a user to see statistics from common time spans …

image

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.

image

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.

image

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).

image

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.

image

At the bottom of the overview, this link lets the user see more about the numbers

image

It leads to this page …

image

We can control the date range at the top

image

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.

image

As the mouse nears a point on the graph, the points enlarge and some extra contextual information is shown

image

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 …

image

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.

image

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.

image 

SUMMARY

  • The Vimeo team did an AMAZING job. This is an inspiring example.