On mobile phones there is a straightforward pattern how to display hierarchical data (for example coming from a relational database):

Navigating Hierarchical Data with Tables

How would I transform this pattern to a tablet and make use of the additional space?

For example, on an iPad there is the UISplitViewController but I am not sure how I would map the lists above to master and detail view.

EDIT: Based on Izhaki's recommendation I am making this more concrete:

Concrete Example: Navigation in Workout App

  • 1
    It is next to impossible to answer this without specifics - what are the items? What's on level 1/2/3? What other things you need to show. If there would be a definite answer to a generic question like this, there would be no need for UX experts.
    – Izhaki
    Jan 21, 2014 at 1:43
  • Thanks for your feedback! I tried to make my question more concrete. Jan 21, 2014 at 3:37

1 Answer 1


One thing you could do is allow for the secondary content display to appear next to the selected item. This would give your users the same flow as with your mobile version, but allow for the space allotted by the larger screen.

Workout Hierarchical Data - Tablet

  • I really like this solution, thanks! Sorry for the late reply. Jan 25, 2014 at 20:06

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.