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.
Sketching / ideation
Initial app concepts
Interface detail for watch offline
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.
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.
Fully annotated wireframes were produced in Omnigraffle.
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
I prototyped the iOS 7 sidebar transition timings and bounce/zoom in After Effects.