1

I am a developer, NOT a designer.

I am working on a Web App in which Assets are divided into Companies, Sites and Categories

So the Hierarchy is something like this:

Company 1
   Site 1
      Category 1
          Asset A
          Asset B
          Asset C
      Category 2
          Asset 1
          Asset 2
          Asset 3
   Site 2
      Category A
          Asset I
          Asset II
      Category B
          Asset III

Company 2
  ............ So on

Now in Web Apps I use either cascading dropdowns:

enter image description here

or a Tree Control in some places

enter image description here

So now that I want to start working on the Mobile App for this (Tablet + SmartPhone), what is the best practice for displaying this type of data in Mobile Apps? So that User can filter by Sites/Categories and view the Assets.

  • Do you need to be able to view the assets for multiple categories simultaneously? Or just one category at a time? – Graham Herrli Aug 8 '16 at 15:22
  • @GrahamHerrli The user can select either one category or All of them ( so there will be an option for all). – Dawood Awan Aug 8 '16 at 16:50
1

You can just implement a straight forward approach similar below.

enter image description here

enter image description here

  • so when the user clicks on the Company button it shows list of companies, the user selects a company and the list is refreshed? – Dawood Awan Aug 8 '16 at 14:09
  • yes. for the actions events and animation you can run a pre built test that would fit your need. – jonT Aug 8 '16 at 14:14
0

Here are 3 different examples

  1. Omni Outliner (3 hierarchies in one page) Omni Outliner

  2. Evernote (2 hierarchies, the final hierarchy is in the next page after you click) enter image description here

  3. Explorer for GitHub (Use the sidebar menu to filter) enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.