dma
DMA-featured-device
ANDROID DESIGN & DEVELOPMENT

Disney Movies Anywhere

Disney Movies Anywhere launched in 2014 as an app that allows users to link Disney films purchased on iTunes Store and other digital services into a unified library.

My team was brought on board to integrate Chromecast into the upcoming Android app. We continued to work on features for two years including the movie player, conversion to Material Design, and expansion to Android TV and Amazon Fire.

My role

My title was Senior Android Developer / Product Designer.

I worked remotely and was responsible for:

  • Development for Android devices, Chromecast, Android TV, and Amazon Fire devices
  • Conveying Android design standards to stakeholders
  • Designing and implementing Android standards
  • Training and mentoring designers

Tasks

  • Designed & built the Chromecast client and receiver
  • Redesigned & built the player interface, notification controls, and accessibility features
  • Rearchitected the app to use styles and provide a design system
  • Spearheaded a Material Design and SDK update
  • Implementing transitions and animations
  • Redesigned all iconography, including animated icons
    Designed and presented navigation options
  • Designed and presented a user-ratings funnel
  • Built user onboarding
  • Various development tasks
  • Final application UX cleanup

Design comps

dma-chromecast-receiver
dma-players
dma-ratings-popup
DESIGN STORY

Material design

Google introduced Material Design at Google IO in 2014. It was a much-needed update that has defined the look and feel of the platform ever since.

Google only provided a few examples at IO. Design guidelines were still being developed and components would not be available until just before our launch in November.

DMA-google-IO-material-design-examples
dma-ios-to-android-port

The Android design for DMA was essentially a port from the iOS app (which itself was based on old iOS 6 guidelines).

The members of the product and design teams were all iPhone users, so they were unaware that:

  1. Android users were increasingly complaining about being “second class citizens” due to cheap iOS ports
  2. Android was going to look very different by the time DMA was released

Google had released examples of the Material Design toolbar but nothing for navigation. At one point I mocked up possible designs based on the toolbar and old Kitkat tabs.

dma-navigation-colors
dma-play-store-material-navigation

Two things finally happened in October: Google released the Lollipop SDK and the Play Store was updated to use Material Design.

The VP in charge of DMA was an Android user. He was the first to discover the Play Store update and asked me if I could bring it to DMA. "Of course!"

I branched DMA and starting using the new SDK. There were significant changes that required rebuilding all of the layouts, but I decided to start with the new design.

Two weeks later, there was an emergency developer meeting. The SDK had features we needed, but it required a big rebuild and that might delay the release.

I told them I had a branch ready to go... but it had the new design. Much discussion happened, but in the end they decided to go with my design in the final release.

 

“The Android app is bright, bold, and very close to the new Material Design guidelines… Once they add in the proper icons and some magical animations, it'll be completely in line with Google's vision. ”
- Android Central
“The app does feel purely native to Android, using Google’s design language throughout — it doesn’t feel at all like a quick and dirty port of the iOS app.”
- The Verge

Final design

dma-original
Navigation: Original
dma-new
Navigation: Update
dma-original-browse
Browse Movies: Original
dma-new-browse
Browse Movies: Update
dma-original-player
Player: Original
dma-new-player
Player: Update
dma-original-dialog
Discover Dialog: Original
dma-new-dialog
Discover Dialog: Update

Selected works

Starsky RoboticsUX research & design for autonomous vehicles

SWAPI: Android demoUX development exercise

Exercise goalsProduct design exercise

Disney Movies AnywhereSeinor UX Developer, Product Designer

DayframePrinciple Designer, Senior UX Developer

HD WidgetsPrinciple Designer, Senior UX Developer

App StatsPrinciple Designer, Senior UX Developer

CloudskipperPrinciple Designer, Senior UX Developer

Flash apps2000 - 2011

Elemental design1994 - 2003