User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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).


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.


  • 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).


share|improve this question

Well you could think about applying miller's columns:

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

share|improve this answer
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

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

share|improve this answer
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 posting your answer, you agree to the privacy policy and terms of service.

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