Category: Dashboard Design
Date: Winter 2017/2018
So we decided to remove the sidebar altogether, reorganized it’s content into thematically compatible groups and introduced it through an always-visible horizontal navbar.
We reorganized the data into “thematically connected” panels, making it easier and faster to scan and find the needed info. Each panel got it’s own editing mode through a modal window, allowing the users to edit one thing at a time, based on their flow and session goals.
In this case, we started with the looks, trying to make everything more “breathable” and easier to scan. Reading experience was improved by increasing the padding, adding zebra stripes and improving the font readability.
We also introduced the column width resize functionality, which, combined with the column picker made it a lot easier to choose and compare the data user needs.
We completely reorganized data panels (being mindful of data usage and purpose), while the most important data was moved to the header area, making it easily accessible. Using the same logic, main action fields were grouped together in the upper right corner, creating an actionable area and reducing the need to scroll and search for separate actions.