Table of Contents
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.
Displays a grid of all apps. Icons can be positioned by the customer.
Quick access to content libraries and store.
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.
The primary panel is the main app space where most of the action takes place.
The right panel helps users discover new things or perform essential tasks more quickly without leaving the current context.
App Example: Music
Navigation and refinement controls for the music app.
The music storefront.
Recommended music content.
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.
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.
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.
- Maximum of two controls in the header
- Tab bar
Legacy Android Apps
- Search in the device’s global navigation
- Back via one finger swipe up from bottom bezel
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.
- Toolbar overflow
- Popup menu