MVC: Change Metrics dashboard loading state to a spinner
Problem to solve
There's been lots of feedback indicating that the current Metrics dashboard loading state is very confusing. For example, see discussions here and here.
Currently, we're using an empty state as our loading state, which makes it confusing.
| Current Metrics empty state |
|---|
 |
Intended users
User experience goal
As a user, I want to immediately understand when my dashboard is loading as expected or when there's a problem.
Proposal
We need to separate loading and empty state. When the dashboard is loading, we should show a loading state. As soon as we have enough data, we either show the dashboard or the appropriate empty state.
In 13.1 I'll be working on a skeleton loader for charts. Based on those, we can work on a better loading state for the Metrics dashboard.
As an MVC we could use a spinner as the loading state, like in Analytics.