I've termed the question "File manager" because it most closely relates to what I am looking for. This question is for a mobile web application but as it is a UX/UI design question any native app solution would be great as well.
I have a collection of cards which are grouped into chapters. The chapters in turn are grouped into decks. So the hierarchy is: deck > chapter > card
Now I would like to implement the following functions (including a way to select multiple objects), namely:
- create new
The challenge being that I also need to keep navigation on the page, so there is a title on the top and to the left of that the navigation button (back or home). Practically that leaves space on the top right of the navigation bar for a button, a function when clicking on the item itself (most likely drill down), a checkbox on the left for multiple select and something on the right of an item (maybe edit). Although I think that it would make more sense to have an arrow on the right to indicate that clicking on the item drills down.
That leaves no easy way to delete, move and edit.
I could use another toolbar with icons for delete and move, but that doesn't seem very elegant.
Another option is to have a dropdown item on the navbar instead of add (+) which would then have add, move and delete on it.
Another option could be to make to arrow the active area for drilling down and make a radial menu pop up when clicking on the item with options for edit, move, and delete.
Any feedback or suggestions are welcome.