I am developing a cms system. Currently I am working on the Interface for adding new menu items to a menu. (Due to the cms Logic the menus are fixed, the user can not add or remove menus, only delete all menu items and Assign menu items to menus or menu items).
To add a new menu item, the user has to click on the big area above the menus (see img 2). This will make the input fields appear. Saving your inputs will result in a new menu item appearing in the „Unassigned“ box. To position the menu item you just drag it into one of the menus to the desired position.
If you want to delete a menu item you just drag it to the trash bin. If you want to edit an item you just click it, the item will be highlighted and the input fields (like the ones for adding a new item) will appear filled with the information from you selected menu item. Just change it and click save. To change the position of an item just drag it to the desired position.
I hope everything is easy to understand.
My questions are:
Is this idea easy to use and logical? Is it the best way to do it or do you have a better idea? Do you have any comments/ideas for improvement?
Okay, so I did a mockup. I am did incorporate all of ArchieVersace comments as I understood it. As for the edit modal box: it is just a quick sketch, so no real inputs, size, ....
// Update 10/29/2010
So my current changes:
- no Trash bin
- vertical tree structure
- add button (next to menu name, but might be repositioned)
- unassigned menu item above menus if created without choosing position before Putting 3 Menus (average amount of my projects) next to each other each has about 300px width. That should be enough, because I nearly never have a menu with more width. I will add buttons to collapse the menu, but I would have all items not collapsed at the startup (but maybe save the last preference via cookie).
My user may be using the system on a nearly daily basis, but some might also update content of their webpage only every couple month. Therefore I think it should be as easy as possible. Because of this I think it is vital to include another add button which is always visible. Adding a menu item with this button results in a menu item not assigned to any menu. In this case the part above the menus could appear holding the newly created item.
Do you think this is a good idea? It will not be visible/take upspace if no menu item is just created.