Mobile app version of vmapp.org
Login or Join
Yeniel278

: Contextualized / Scoped tabs? I'm trying to investigate existing designs that solve this problem: We have three major contexts inside our application, let's call them Build, Analyze, Configure.

@Yeniel278

Posted in: #DesignPrinciples #InterfaceDesign

I'm trying to investigate existing designs that solve this problem:

We have three major contexts inside our application, let's call them Build, Analyze, Configure. These contexts are bound to a particular selection from a list of items, and that list of items is intended to be "globally available". How might I represent the visual hierarchy such that the main contexts are both tied to the globally available selected item, but also the context of the main page?

I realize this is not entirely clear from text alone, so here is a picture to illustrate my problem:



** edited to add information **

To give some examples of the data available in these different views...

The sidebar contains a list of Tests where each test has a name, date, and statistics: [ name, date_created, number_a, number_b, ... number_n ]. The sidebar only shows a small summary representation of a test, but the full realization of that test is contained inside the main page context. This includes complex equations and statistical configurations associated with that item. Again, clicking on a test summary found in the sidebar will populate the main context with that test's full representation. How can I visualize "these contextual tabs belong to a single Test and the test they belong to is selected"?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Yeniel278

1 Comments

Sorted by latest first Latest Oldest Best

 

@Nimeshi706

I believe what you are talking about is a Master-detail interface.

The active item in your master view and the active context in your detail view are (visually at least) completely independent. You usually show the selected item in the master view with some form of highlighting. The contexts in the detail view can then be indicated by tabs.

When switching between items in the master view, the current active context in the detail should remain the same. So if you are viewing Item 5 with Context 2 visible, Switching to Item 2 will show Context 2 of Item 2, as opposed to resetting the detail view to some default state.

Here is a quick mockup illustrating switching between contexts of the same item and switching items in the same context.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme