I'm creating a dashboard with multiple states of information shown for each item. At this stage, I've got a "quick dashboard" and a "full dashboard".
I'm trying to maintain a site-wide style of quarter-screen, half-screen, and full-screen information panels. So in this case, clicking a button will open up the full screen of information from the half screen.
Since the page has many buttons, how can I best indicate that clicking the "Full dashboard" will not start an action or send them to a new page, but will reveal the rest of the dashboard?
My two ideas are "Hidden card" and "Overlapping button".
Thank you, and let me know if there's a better place to ask this question!
Alright, I've pared the options down from 2 to... 2?? Some more information on this:
- We can have a ton of Engine Data. Each truck has anywhere from 12 to 40 separate data fields.
- The map is pretty important for this view (you can follow the truck, find its next listed destination and compare its location to its path). The map won't be as important once you go one more level deep into the data -- then you're looking at truck information rather than location information. At that point, we can hide the map.
Option 1, Hidden Card. Same as before.
Option 2, Overlapping button. Edited the button based on @MikeM s suggestion, turning it into a small edge tab, making it more noticeable than the full edge (made it vertical to indicate that you stay on the page-- there are several horizontal buttons that leave the page).