Home > Devices > Fire Phone

Core Experiences

Home Screen


By surfacing the most essential content from each app, customers don’t need to constantly open and close apps to get things done.


The hero widget allows you to expose content related to your app without the user needing to launch the app. Text and images can be presented in a grid or list. The hero widget communicates with your app using an intent. When the user taps an item in the grid or list, the intent you defined for the item is sent.

If you do not provide a hero widget for your app, the system displays a default hero widget that shows “Customers Also Bought” content related to your app.

Apps Grid

Displays a grid of all apps. Icons can be positioned by the customer.

Library Picker

Quick access to content libraries and store.

home screen hero carousel


Left panel

The left panel contains quick navigation, refinement controls, sort controls, and other controls. User actions on this panel change the view in the primary panel.

Primary panel

The primary panel is the main app space where most of the action takes place.

Right panel

The right panel helps users discover new things or perform essential tasks more quickly without leaving the current context.

app framework

App Example: Music

Left panel

Navigation and refinement controls for the music app.

Primary panel

The music storefront.

Right panel

Recommended music content.

app framework

Back and Up


The device has a system-level back gesture: one finger swipe up from the bottom bezel. Back operates the same way it does in Android; it navigates backward through the screens the user visits.


Apps that take advantage of the Dynamic Perspective or standard controls can include a prominent in-app up button in the header control. The up button navigates through the app hierarchy.

Key difference

Back traverses across apps. Up goes up the hierarchy of a single app.

Portrait and Landscape

Apps reflow when the device is rotated into landscape.


Optimized and Legacy Apps

An optimized app is one that takes advantage of the Dynamic Perspective and standard controls offered by the Fire phone. A legacy app is one that uses only standard Android controls.

Task Model

Apps optimized for the device share a common layout for task-based controls. A header navigation bar at the top of the screen provides for up navigation, as well as a place to put the two most frequently used actions. A tab bar at the bottom of the screen allows users to switch between tasks. Legacy Android apps use the device’s global navigation for search and back.

Device Optimized

  1. Maximum of two controls in the header
  2. Tab bar

Legacy Android Apps

  1. Search in the device’s global navigation
  2. Back via one finger swipe up from bottom bezel
task model

Overflow and Popups

Toolbars use the overflow menu if more than four options are present. Popups are used for contextual tasks in the primary content space.

  1. Toolbar overflow
  2. Popup menu
overflow and popups

Return to UX Guidelines