Hierarchical Navigation

Sliding Panes

Sliding Panes are an effective way to organize content hierarchically.

Panes can scale to multiple levels of information hierarchy and the user can navigate between levels intuitively by swiping panes to the left and right.



See the Sliding Panes layout section for further information.

Zoom In/Out



Tap on an item arranged in a grid or free form layout to zoom into it.

Zooming can open the object in a new view or pop up a content window above the object grid.

When drilling down to a new view, use the Back Button pattern. When popping up a content window, the user can return to the grid by tapping outside the pop-up window.

App Examples

Back Button





1. Back button labeled with title of previous view or category

When drilling down to a new view, always provide users with a means to step back to the level from which they came.

The view should contain a Back button within the toolbar in either the header or the footer of the view. The button should be aligned to the left of the toolbar. See the Buttons: Other Buttons section for more details.

If possible, the button should be labelled with the title of the previous view.

App Examples