I Want to Design Hierarchy for Company, let say Under a Company there are different Groups , many Divisions , many Teams , and Many Individuals. now i want to design screen/ page which will add More Group,Division,Team...etc. so for that i have designed something is given below:enter image description here

In given Screen i can Add Group, as i add group he will add Division then so on. and if he want to edit its name its text box he can edit it at any point of time. and if he don't want then he can delete it with cross button.

i think, this design is not good enough to attract use to say wow, is there any fresh design which will help me. if yes then please share some graphical thing so that i can visualize the data for my application. is it ok if i can add some icon for company, Group, Division, Team.

now i have updated my screen design due to some flow in upper design, its given below:enter image description here

  • Is it important to display the complete hierarchy on one screen ? Does the structure always be with the 4 same levels : Group/Division/Team/people or may it vary ?
    – Renaud
    Mar 28, 2014 at 8:20
  • yes its important to show complete hierarchy. and yes structure is also same no variations. but i want something fresh to look good. if yes show graphically.
    – user43589
    Mar 28, 2014 at 8:25

2 Answers 2


The tree model is more visual and easier to use than the "folder hierarchy model" (but certainly harder to code)

You can grab inspiration in the genealogy website like myheritage but also on some hierarchy builder like Writemaps.

Here is a quick mockup, I hope it will help. enter image description here

  • Definitely a nice look, but the horizontal nature of this really limits the amount that can be displayed.
    – user31143
    Mar 28, 2014 at 9:44
  • Too Much good idea. i am going to follow this 1 only thanks.
    – user43589
    Mar 28, 2014 at 10:03
  • +1 very clean. It's also very adaptable to vertical layout and easy to see available options.
    – Pdxd
    Mar 28, 2014 at 10:50

Have the "add new" option within each level of the hierarchy at the place in which it would occur. This is simpler and removes some ambiguity about where the new element will be created.


download bmml source – Wireframes created with Balsamiq Mockups

  • ohh nice idea. thanks at some extent it may help me, i will try it.
    – user43589
    Mar 28, 2014 at 9:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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