I have a menu list which is tree-like(So menu items can have children etc.). I want the user to have the option to move around a menu item in that list. I want them to be able to put the dragged item between two items(I got that covered) and I want the user to be able to drag an item into another item, becoming the child of that item.
Now I've got two options lined up which seem somewhat logical to me. I can't really figure out which one works best(Or if there's an even better method).
Please enlighten me with your opinion/statistics!
Option one
The user starts dragging item 7, right away item 6 changes color due to the hover. After 500 ms the arrow appears before Item 6 and the text jumps to the right a little. Indicating that item 7 will be insert into item 6
Option two
The user starts dragging item 7, right away item 6 changes color due to the hover. After 500 ms item 6 pops out and indicates a new spot(the darkgreen rectangle) where item 7 will appear when it will be dropped. (Whenever a child item is already present in Item 6 or not)