3

Does anyone know a good way to design an administration dialogue to add and edit items that have a parent child relationship?

The mockup below

  • x bike categories
  • and for each bike category y
  • z different bikes
  • or z variation of the same bike (Super Kid 1 in black, Super Kid 1 in red)
  • or z different markets (Super Kid 1 for england, Super Kid 1 for sweden).

mockup

download bmml source – Wireframes created with Balsamiq Mockups

So i am looking for a design pattern

  • for administrative dialogues for parent child relationship.
  • to add new bikes but also to edit existing bikes.

Examples

  • user in groups -> click on a user and see in which groups he is a member,
  • and also members of group -> click on a group and see every member).

Thanks

4

Well you could think about applying miller's columns: http://en.wikipedia.org/wiki/Miller_columns

I've seen very nice implementation of this pattern in deviantart.com with a search input above selector, screenshot:

Deviantart.com Categpry selector

  • Thanks fo the link and the screenshot. How would you include an edit dialogue? – threeFourOneSixOneThree Sep 23 '13 at 19:05
  • Well, the first thing comes to my mind is to show "edit icon" like pencil icon on hover. Maybe there is no need to expose another tab for editing? – steppenwolf Sep 23 '13 at 19:17
3

I would separate the option of add a new one completely and add the edit option for each element. In the way that inside of each category section we have an "Add new one" button at the beginning of the list and a "edit" button per bike.

In this way is easier to edit a specific bike and even easier add a new one.

enter image description here

  • I like the button that reflects the choice of the the selected bike category. I was planning on using two grids. One for the parent category (Speedbikes, Women bikes, Children bikes) and one for the bikes in each category (Child 1 v1, v2, ...). How would you go about editing the categories? – threeFourOneSixOneThree Sep 23 '13 at 19:03
  • 2 options appear on my mind. One adding a "edit icon" on the category grid for each row (maybe too many edit icons). And the other one will be including a Category Title/Header (on top of the Add button) and next to it the edit icon (so only one edit icon) – Rafa Q. Sep 24 '13 at 9:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.