App For Disneyland

How can Disney make it easier for guests to reserve rides in the park after they buy tickets at the entrance gate? An app that links paper admission tickets to virtual accounts.

Afterwards, guests could reserve group dining, events, and rides using the MDX (My Disney Experience) app.

Scanning physical admission ticket; UI comp by the visual design team.

Ticket dashboard after guest has linked to physical admission; UI comp by the visual design team.

 

PROJECT DURATION

  • 10 months

Role in 2014

  • Senior Interaction Designer

TEAM

  • 2 UX Designers

  • 2 UI Designers

  • 1 Business Analyst

  • 1 Copywriter

  • Remote Developers

What I did

For the Android Version:

  • Brainstorming & Sketch Designs

  • Wireframes

  • Flowcharts and screen flows

  • Prototypes

  • Annotated Functional Specs

  • UX Audit of built app

Teamed with a IXD Lead and Visual Designer, I designed the interactions and flow for the feature to link new tickets to the account. I carried this project throughout the UAT phase to release.

Sketches for the Landing page and Scanner. Framed versions on the right explore rapid prototyping with the iPhone notepad template.

 

Flow of Linking & Scanning

Screen flows enabled the team to reference and discuss the path Guests would take during the linking process.

Yellow blocks contain interaction descriptions for the development team.

 

Prototypes of Linking & Scanning

Rough rapid prototypes communicated to Stakeholders and DEV how the app should animate.

Using Axure desktop prototype (instead of mobile) was faster and easier to present to remote teams, as well as sharing the prototype link to stakeholders.

FGE_Link.gif
FGE_Assign.gif
 

Android vs iOS Deviations

The Android team did a commendable job of building the Android app using the iOS wireframes. We needed to get leadership approval where the apps would deviate.

We prepared a deck to walk stakeholders through all the deviations of Android from iOS, and get their sign-off for next steps.

 

Android Navigation: Back vs Up

The Android behavior for the Back vs Up button was communicated to Stakeholders and Tech using flow to the right.

 

Android Interactive Audit - Narrated Video

To share thorough feedback with the remote developers, I narrated videos of the build and relayed them to the team. This enabled us to share IXD feedback with a wider remote audience, who could rewind and replay as needed.

The team said this was dorky, but also said it was “amazing and helpful”. :)

 

The Outcome

I learned how to design and communicate animations and interactions to Developers and Stakeholders in a “Water-gile” approach.

I worked closely with both iOS and Android Devs towards the end to build the app as close to our vision as possible under the time constraints. Public reviews were generally positive.

Android reviews and actual screenshots of the live app.

iOS reviews and actual screenshots of the live app.