Multiplatform app – better solution for nested doll design
I am creating simple app, which will look like this:
One functionality will be a warehouse list. I will have a list of rooms. Then I select a room, it will load aisles in that room. I select the aisle, it will load racks in that aisle. Finally I select the rack and it will show a 2D image of that rack with contents.
Second functionality will be search - I will have another screen where I can type something, it will search the warehouse and if I click that item, it will show a 2D image of the rack where that item is.
I am making this app in Flutter, so it should work on both mobiles and desktops. The only problem is - how should I make good UX?
I have got some ideas but I don't really like any of those.
- First: nested lists. Fullscreen list of rooms. I select room, it will open another fullscreen list of aisles in that room etc.
- Second: extended list. Fullscreen list of rooms. I select room, it will extend that room tile and show aisles below that room tile.
- Both methods would have menu drawer when I can switch between list and search.
What do you think about it? I believe there has to be something better but I cannot think of anything. And also here is the second problem - how should I make this look good on desktop? Could you please help me with some ideas?