I’m designing an educational app with gamified elements to it. The way the app has evolved the left side is what we consider the most important information for the user. The items to the right are all considered of equal weight.
The first prototype shows the toolbar/header as this:
I find it very cluttered, and I’m wondering how I can show more information while decluttering…
The ideas I have thought of:
- Have another bordered cell to the right and have a constant rotation between the secondary items, like this:
Something like this, clicking on the cell brings up a menu for the user to navigate to all items individual screens.
- Maybe something more experimental.. I’m not sure about this one
I’m curious what y’all think on the best practices in this situation..