User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

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

I need to port some website components to an iOS application. One of those components being a Data Tree. Is there a way to implement a Data Tree component in an iOS application or is there another nice alternative?

Each data component (node) has some detail info (text and numbers). Like in image below, a node like "Product" will have some detail plus child nodes which have similar details and child nodes. Nodes are limited and almost fixed like categories, which may change annually or bi-annually.

EDIT: Added an image of what the data tree looks like on the website.

e.g data tree on site

share|improve this question
it would be helpful if you post the image also, to understand the requirement. – Bala Feb 25 '14 at 12:56
Might be related:… – Chairman Meow Feb 25 '14 at 17:35
@Bala added image of current UI component – Vishal Kardode Feb 26 '14 at 5:11

To my knowledge in iOS, there is no way to do so with any pre-existing UIKit controls like UITabBarController or UINavigationController. The iOS Human Interface Guidelines also do not discuss executing a traditional desktop tree-view hierarchy.

Conceptually, a tree-view exists to represent a hierarchical data relationship to the user. The canonical way to present hierarchical data to a user in iOS is with a drill down UINavigationController system. This is a much simpler interface for small, touch-based screens like the iPhone.

UIKit doesn't make it easy for you to show a tree-view, but that doesn't mean you can't roll your own. Just make sure that your designs really warrant the use of the tree-view over a UINavigationController, as doing so will go against the spirit of the iOS Human Interface Guidelines.

For additional insight I would recommend viewing the following thread:

tree view for mobile devices?

share|improve this answer
Thanks Courtny for the link. The only disadvantage of drilldown list is there is too much of back and forth if you want to switch between the nodes. – Vishal Kardode Feb 26 '14 at 5:14
@VishalKardode That's the nature of gesture-centered applications on iOS. If you don't like the back-and-forth nature of drilldowns, then I would recommend rethinking the tree concept altogether. – Hynes Feb 26 '14 at 14:52

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.