Skip to main content
Guidelines for back buttons

Applies to Windows and Windows Phone

A sample of what a standard back button control looks like

Description

A back button provides backward navigation in the form of a button.

Example

A screen shot illustrating the back button control

Dos and don'ts

  • Use the back button in apps that use a hierarchical navigation pattern.
  • When your app is at narrow widths, use a smaller back button size.
  • Don't use the back button in apps that use a flat navigation pattern. In flat navigation apps, the user typically moves through pages either through direct links within the content or through the nav bar.

Related topics

For designers
Navigation patterns
Command patterns
Layout
Guidelines for hub controls for Windows apps
Guidelines for hub controls for Windows Phone apps
Guidelines for resizing windows to tall and narrow layouts
For developers (HTML)
WinJS.UI.Hub object
WinJS.UI.BackButton object
HTML Hub control sample
Navigation and navigation history sample
Your first app - Part 3: PageControl objects and navigation
Navigating between pages (HTML)
For developers (XAML)
Windows.UI.Xaml.Controls AppBarButton class
Windows.UI.Xaml.Controls Hub class
XAML Hub control sample
XAML Navigation sample
Your first app - Part 3: Navigation, layout, and views
Your first app - Add navigation and views in a C++ Windows Store app (tutorial 3 of 4)
Navigating between pages (XAML)