Kindle Fire Out-of-box Experience

As part of the new Kindle Fire out-of-box experience (OOBE), we needed to highlight the new magazine scrolling interaction and key pieces of the new UI so that customers could more easily shift to and fall in love with their new product.
Client

Amazon
Learn about Kindle Fire

Responsibilities

UX, UI
Interaction
Motion
Prototyping

Deliverables

Wireframes
Prototype
Flow Diagrams
Motion Study
Redlines

Project SUmmary

Amazon released several new sizes of Kindle Fire in 2015, all featuring a new magazine-style scrolling interaction different from its predecessors. We wanted to highlight the new interaction pattern, the new cloud storage toggle, and key pieces of the new UI with an intuitive and engaging out-of-box experience (OOBE) that users could easily follow and reference if they needed a refresher. 

Goals
  • Design a concise and visually consistent experience with ample white space to accommodate different translations
  • Create an intuitive experience highlighting the new magazine scrolling interaction pattern
  • OOBE experience must be easy to find and reference
kindle-0_quick-settings-parent-tutorial
kindle-1.1_access-books-library
kindle-2_toggle-delete-content
kindle-2.3_content-management
kindle-3_softkey-taskswitching
kindle-3.1_newsstand-mags_01
kindle-3.2_newsstand-mag
kindle-4_review-recent-content
kindle-5_access-user-manual

APPROACH

The turnaround time for this project was short, so we had to move quickly. Luckily we were able to leverage learnings from previous Kindle OOBEs to guide the experience. This made the process fairly straightforward for the new Kindle Fire.

  1. Get familiar with the experience
  2. Identify use cases and flows
  3. Create wireframes
exploration

After a thorough audit of the original Kindle Fire experience, I identified a set of key features and interactions that would carry over to the next iteration. I then identified new features to highlight for our customers, and used this list to create an outline for the new OOBE experience.​

I started with a review of the create an outline for the new OOBE experience, focusing on four key tasks: swiping between magazine pages, accessing the user’s library and the Kindle store, using soft keys to switch between tasks, and accessing Quick Settings.

I then created wireframes depicting these flows and interactions, preparing files for development to begin programming the different language strings into the new OOBE interaction.

Final designs

Final designs put the focus on specific pieces of the interface. The OOBE was short–just 5 screens–but the progression went through a small narrative that ended naturally on the home screen.

MORE portfolio items