I work on a web app where users have to create and manage their projects.
Each project is defined among others by a list of sub-project, which is defined by a list of tasks, which is defined by a list of resources.
I have this master-detail problem, I'm not sure how to make an intuitive UI in order to allow the user to create sub-projects by project, add tasks in these sub-projects and then assign resources to these tasks.
Despite these parent-child relation there is other mandatory information related to each "subject".
- Project : Name, Code, Budget, Category, List of sub-project
- Sub-project : Name, ID, List of tasks
- Task : Name, Category, List of resources
- Resources : Name, Start date, End date
I though about a master-details grid like this one.
How many levels are acceptable in this kind of grid? I think two levels are already too much.
Can someone recommend good UX practices to make a solid UI with this project management functionality ?
Should I avoid dialog panel? Should I open new pages for each objects and display a breadcrumb?