Stackable UX Cards

jwhit140

In as much detail as possible, describe the problem or experience related to your idea. Please provide the context of what you were trying to do and include specific examples or workarounds:

Lots of our UX pages have a summary grid at the top, then a series of grids below with the same column headings and more detail regarding the breakdown of the line items in the summary grid.

Because the breakdown grids are different calculations, sometimes with a lot of line items, it is not possible to combine these into one module, so different grids are required.

Synchronised scrolling means the grids stay aligned, but with multiple grids a lot of scrolling up and down the page is required to follow the 'story'.

How often is this impacting your users?

Every day

Who is this impacting? (ex. model builders, solution architects, partners, admins, integration experts, business/end users, executive-level business users)

business users, including senior stakeholders

What would your ideal solution be? How would it add value to your current experience?

A way to allow multiple grid cards to be "stacked" on top of each other, taking the same space in the UX screen but navigated via a drop down rather than having to scroll up and down — this would allow the summary and detail data to be on screen at the same time, making it much easier to follow the story and therefore make sensible decisions

Alternatively, a way to "collapse" a card just to a heading level so it takes up a smaller amount of screen real-estate would have a similar effect

Please include any images to help illustrate your experience.

Theresa Reid

@jwhit140 have you considered using a worksheet to facilitate this kind of analysis? I find the pop-out functionality of secondary grids can be really helpful to do exactly what you're describing. You can then have 1) summary and detail on the screen at the same time and 2) the ability to expand/collapse different sets of data. The only limitation here is that the "primary grid" doesn't change, so you have to decide if that's where you want your most detailed data, or if you always assume that's the summary data, and you use the "set as open by default" option on your detailed grid.

May not be exactly what you're looking for, but worksheets can be a pretty powerful page type for the right use case.