UI & UX - iOS
Last modified on Wed 19 Jan 2022

The public is more familiar with bad design than good design.

Three primary themes differentiate iOS from other platforms:


Element name Definiton / Picture / GIF
Navigation Bar A navigation bar appears at the top of an app screen, below the status bar, and enables navigation through a series of hierarchical screens.
Navigation Bar Title A navigation bar title helps people understand what they’re looking at.
Search Bar A search bar allows people to search through a large collection of values by typing text into a field.
Status Bar The status bar appears along the upper edge of the screen and displays useful information about the device’s current state, like the time, cellular carrier, network status, and battery level.
Tab Bar A tab bar appears at the bottom of an app screen and provides the ability to quickly switch between different sections of an app.
Toolbar A toolbar appears at the bottom of an app screen and contains buttons for performing actions relevant to the current view or content within it.


Element name Definiton / Picture / GIF
Popover A popover is a transient view that appears above other content onscreen when you tap a control or in an area.
Scroll View A scroll view allows users to browse content, such as text in a document or a collection of images, that’s larger than the visible area.
Split View A split view manages the presentation of two side-by-side panes of content, with persistent content in the primary pane and related information in the secondary pane. Each pane can contain any variety of elements, including navigation bars, toolbars, tab bars, tables, collections, images, maps, and custom views.


Element name Definiton / Picture / GIF
Activity Indicator An activity indicator spins while an unquantifiable task, such as loading or synchronizing complex data, is performed.
Page Control A page control shows the position of the current page in a flat list of pages.
Date Picker A date picker is an efficient interface for selecting a specific date, time, or both.
Slider A slider is a horizontal track with a control called a thumb, which you can slide with your finger to move between a minimum and maximum value, such as screen brightness level or position during media playback.
Stepper A stepper is a two-segment control used to increase or decrease an incremental value.
Switch A switch is a visual toggle between two mutually exclusive states—on and off.

You can find more on Human Interface Guidelines.