Tabs within Tabs

over 5 years ago from Asis Patel, Product Designer at Playground Inc

  • Asis PatelAsis Patel, over 5 years ago (edited over 5 years ago )

    Thank you all for your suggestions. This is what I have gone with in the end. A Tab bar and then a filter beneath it which filters the content in the table.

    What do you guys think?

    0 points
    • Aaron WhiteAaron White, over 5 years ago

      This pattern is fairly strong. I don't think you need the 'Filter:' label in this case, I don't think it's providing any additional value here. The Parent 'Divisions' is so close, you don't really need it.

      Also, the 'x' in the pill is a bit confusing. Assuming the default view is both Divisions, I think you could get away with not having the 'x' in the pill. The toggle on/off mode should be enough affordance for the user to quickly understand what is going on.

      1 point
      • Asis PatelAsis Patel, over 5 years ago

        Thanks for your feedback Aaron. I understand where you are coming from. The reason why I included the 'Filter' label and 'x' was to indicate the user can interact with these. As you say the default view will be both of the pills on, I wanted something to indicate that the these pills are intractable. I feel keeping either the 'x' or the 'Filter' is a good indicator, I'm not convinced removing both will be enough. What do you think?

        0 points
        • Aaron WhiteAaron White, over 5 years ago

          Usually when you see the 'x' in the pill, that item didn't exist before. You are persisting both filters from the start, which seems outta place to me. You could do a radio button type effect maybe, or give the off state a light grey/baby blue container...

          Picking the Nits at this point really.

          0 points