Global BBC iPlayer designed by pinch/zoom

15
for iPad MADE WITH LOVE IN SEATTLE BY

Transcript of Global BBC iPlayer designed by pinch/zoom

Page 1: Global BBC iPlayer designed by pinch/zoom

for iPad

MADE WITH LOVE IN SEATTLE BY

Page 2: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BYabout the app‣ The BBC Global iPlayer for iPad will be available in Western Europe App Stores on July 29‣ Additional markets will be available as license agreements allow

‣ The app allows users to access hundreds of hours of BBC content like Top Gear, Doctor Who, Monty Python and more‣ Additional content will be added to the app regularly

‣ The app is subscription-based, allowing users to watch unlimited commercial free content‣ Users without a subscription can watch a limited selection of

content

‣ Users can both stream and download videos

Page 3: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BYabout pinch/zoom‣ pinch/zoom is a Seattle-based mobile design agency‣ We were founded in 2008 by mobile expert and veteran mobile designer Brian Fling‣ Brian is also author of O’Reilly’s bestselling Mobile Design and

Development http://mobiledesign.org

‣ We’ve designed apps for New York Times, eHarmony, ADP, Delta, HSBC, PayPal and many more‣ Our client list includes Best Buy, Marriott, Salesforce, and more

‣ We have a staff of 12 designers and developers all based in our Seattle office

‣ We offer end to end mobile design and development services for iOS and HTML5‣ Typical engagements include strategy, concept, design, development and

deployment to App Store

Page 4: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BYabout the project‣ The BBC app was designed by pinch/zoom‣ BBC hired pinch/zoom based on their deep knowledge and over a

decade’s experience of creating mobile experiences

‣ pinch/zoom & BBC designed the iPad app as a new means to connect people to the wealth of BBC content‣ We worked with BBC to define strategy, pricing, wording, content,

design, interactions and more

‣ pinch/zoom created an interaction concept to test with 32 users between Dec 2010 and Feb 2011 in New York‣ New York-based usability firm, Creative Good facilitated the

usability tests

‣ We did rapid design iteration based on real-time user and client feedback

Home Screen

PROGRAMME

PROGRAMME

PROGRAMME

GENRE

GENRE

GENRE

PROGRAMME

PROGRAMME

PROGRAMME

GENRE

GENRE

GENRE

PROGRAMME

PROGRAMME PROGRAMME

GENRE

GENREGENRE

l

NEWSGENRESFEATURED MY BBCFEATURED

FREE RECOMMENDED POPULAR RECENTLY ADDED HOLIDAY HUGH LAURIE’S FAVS MINE

Wednesday, January 12, 2011

Page 5: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

the designthe experiencethe strategy

Goals & Objectives

Ethnographic & User Research

Contexts & Mental Models

Screen Flows & App Map

Wireframes

Interaction Design & Behavior

Touchable Prototype

User Testing, Feedback, Review

High Fidelity Mockups

Interface Library Guidelines

Style Guide

Animation & Interaction GuidelinesScreen Descriptions

our design process

Page 6: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BYwhat we learned‣ iPad users are incredibly sophisticated ‣ Users have an expectation of the “Apple Aesthetic” when it comes

to interaction and user experience. Pixel perfection is important.

‣ Users prefer Need-driven over Marketing-driven Design‣ Users are in control of their iPad experience, and will remove,

close, delete or leave anything they perceive as marketing or advertising activity.

‣ Less is more‣ This is true when talking about animations or content on each

screen. Users have an expectation of interactions but are impatient with too much animation.

‣ Gestures Matter‣ Web metaphors, like scrolling are considered “cheap” or “lower

quality.” Users prefer “native” metaphors like swiping.

Page 7: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Page 8: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Page 9: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Page 10: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Page 11: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Page 12: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Page 13: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Page 14: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Page 15: Global BBC iPlayer designed by pinch/zoom

MADE WITH LOVE IN SEATTLE BY

Thank you for your time! We really enjoyed creating this experience for the BBC. They were an amazing client to work with.

BBC really listened to their customers and their hired experts. It helped guide the experience and ultimately make a better product than the competition.

Brian FlingFounder & Executive Creative Director

thank you