<!--
{
  "documentType" : "article",
  "framework" : "Human Interface Guidelines",
  "identifier" : "/design/Human-Interface-Guidelines/layout-and-organization",
  "metadataVersion" : "0.1.0",
  "role" : "collectionGroup",
  "title" : "Layout and organization"
}
-->

# Layout and organization

## Discussion

[Boxes](/design/Human-Interface-Guidelines/boxes)

A box creates a visually distinct group of logically related information and components.

[Collections](/design/Human-Interface-Guidelines/collections)

A collection manages an ordered set of content and presents it in a customizable and highly visual layout.

[Column views](/design/Human-Interface-Guidelines/column-views)

A column view — also called a *browser* — lets people view and navigate a data hierarchy using a series of vertical columns.

[Disclosure controls](/design/Human-Interface-Guidelines/disclosure-controls)

Disclosure controls reveal and hide information and functionality related to specific controls or views.

[Labels](/design/Human-Interface-Guidelines/labels)

A label is a static piece of text that people can read and often copy, but not edit.

[Lists and tables](/design/Human-Interface-Guidelines/lists-and-tables)

Lists and tables present data in one or more columns of rows.

[Lockups](/design/Human-Interface-Guidelines/lockups)

Lockups combine multiple separate views into a single, interactive unit.

[Outline views](/design/Human-Interface-Guidelines/outline-views)

An outline view presents hierarchical data in a scrolling list of cells that are organized into columns and rows.

[Split views](/design/Human-Interface-Guidelines/split-views)

A split view manages the presentation of multiple adjacent panes of content, each of which can contain a variety of components, including tables, collections, images, and custom views.

[Tab views](/design/Human-Interface-Guidelines/tab-views)

A tab view presents multiple mutually exclusive panes of content in the same area, which people can switch between using a tabbed control.

## Topics

[Boxes](/design/Human-Interface-Guidelines/boxes)

A box creates a visually distinct group of logically related information and components.

[Collections](/design/Human-Interface-Guidelines/collections)

A collection manages an ordered set of content and presents it in a customizable and highly visual layout.

[Column views](/design/Human-Interface-Guidelines/column-views)

A column view — also called a *browser* — lets people view and navigate a data hierarchy using a series of vertical columns.

[Disclosure controls](/design/Human-Interface-Guidelines/disclosure-controls)

Disclosure controls reveal and hide information and functionality related to specific controls or views.

[Labels](/design/Human-Interface-Guidelines/labels)

A label is a static piece of text that people can read and often copy, but not edit.

[Lists and tables](/design/Human-Interface-Guidelines/lists-and-tables)

Lists and tables present data in one or more columns of rows.

[Lockups](/design/Human-Interface-Guidelines/lockups)

Lockups combine multiple separate views into a single, interactive unit.

[Outline views](/design/Human-Interface-Guidelines/outline-views)

An outline view presents hierarchical data in a scrolling list of cells that are organized into columns and rows.

[Split views](/design/Human-Interface-Guidelines/split-views)

A split view manages the presentation of multiple adjacent panes of content, each of which can contain a variety of components, including tables, collections, images, and custom views.

[Tab views](/design/Human-Interface-Guidelines/tab-views)

A tab view presents multiple mutually exclusive panes of content in the same area, which people can switch between using a tabbed control.



---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)