Android smartphone app

As smartphone screens get larger, the line between them and tablets has blurred. For many users, they have become their primary or sole computing device.

A limited mobile website or app is no longer appropriate, so we decided that Android should play host to a fully featured native blinkbox Movies app.

I worked with internal stakeholders and product management to determine the scope and requirements for the app. I designed the app's hierarchy, interface and interactions, paying attention to both blinkbox's cross app standards and the Android design guildelines.

Get it on Google Play

 

Sketching / ideation

Initial app concepts

 

Interface detail for watch offline

IMG_1113.jpg

 

Prototype

Using Keynote allowed the app to be tested directly on an iPad, including most iOS transitions.

A short evolution of the TV series browser can be seen below. Tabs that mirror those used in iOS Safari were used to both maximise screen space and provide familiarity.

 

User testing

Keynote and HTML prototypes were used to test the app with members of the general public, ensuring they could navigate it correctly and that they understood why purchase isn't supported.

I selected and recruited participants, wrote scripts for, and ran lab testing sessions monthly for this and other blinkbox projects.

 

Wireframes

Fully annotated wireframes were produced in Omnigraffle.

 

Interaction design

The indexed scrolling behaviour for episodes was developed and tested using Quartz Composer. The developers then modelled the animation timings and touch response behaviours on the result.

Keynote can't be used to prototype scrolling and After Effects can't produce anything interactive. There was UX community buzz at the time around Facebook's use of Quartz Composer so I thought I'd give it a try.

I was able to create the desired indexed scrolling behaviour as well as contributing back to the burgeoning Quartz Composer designer community. Since then Facebook have released the Origami toolkit and used it to design Paper).

 

Screenshots – live app

iOS 6

 

iOS 7

I prototyped the iOS 7 sidebar transition timings and bounce/zoom in After Effects.

 

 

 

 

Platform
Android

Deliverables
Prototype
Information architecture

Interaction design