For a Desktop application. Designing this page to add teams and assign players to the teams added. More, allow users to edit teams on the same page.
First: Add a Team. Second: add players to teams and Save all. Third: Allow Editing.
User enters the team name and team info and click Apply button. The Team name gets added to the Drop-down list (Teams), and the Players list on the left populates all players available (they were added using different option). User selects players from the left list and add them to the list on the right (Players in Teams), then Click Save button (Will save in the database).
Now, the issue is when the user comes back to Edit a certain Team. The user has to start by going to the middle of the page (Awkward), to the "Teams" drop-down list and select a team, the Team Name and Team Info text fields (on top of the page) will be filled out. User can change them, and can add or remove players from the list and click Save button again to save changes.
I am trying to keep both functionalities in one page. Creating two separate pages (or tabs), one to Add new team, second to edit will fix it.
Moving the Drop down list to the top of the page before the text fields (New Team and Team Info) is one way to somehow make it work better. Still not ideal unless someone can provide a way to make it flow naturally.
Any ideas on how to fix this design? make it flow naturally?
Any idea is very appreciated. Thank you!