SlideShare a Scribd company logo
1 of 15
Download to read offline
for iPad
MADE WITH LOVE IN SEATTLE BY
about the app                                                          MADE WITH LOVE IN SEATTLE BY




‣ 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
about pinch/zoom                                                            MADE WITH LOVE IN SEATTLE BY




‣ 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
about the project                                                                                     MADE WITH LOVE IN SEATTLE BY




‣ The BBC app was designed by pinch/zoom
  ‣ BBC hired pinch/zoom based on their deep knowledge and over a                                                                     Home Screen



    decade’s experience of creating mobile experiences                                                                                                                              l
                                                                           GENRE                                                                           GENRE                                    GENR


‣ pinch/zoom & BBC designed the iPad app as a new means
  to connect people to the wealth of BBC content
                                                                                                                                                                      PROGRAMME



  ‣ We worked with BBC to define strategy, pricing, wording, content,                                         PROGRAMME
                                                                                                                                                           GENRE                                    GENR



    design, interactions and more                                                                                                                                     PROGRAMME


‣ pinch/zoom created an interaction concept to test with 32
                                                                           GENRE                                     GENRE                                 GENRE                                    GENR

  users between Dec 2010 and Feb 2011 in New York
                                                                                        PROGRAMME                             PROGRAMME                               PROGRAMME
  ‣ New York-based usability firm, Creative Good facilitated the
    usability tests
                                                                                                     FREE   RECOMMENDED   POPULAR   RECENTLY ADDED   HOLIDAY   HUGH LAURIE’S FAVS   MINE



‣ We did rapid design iteration based on real-time user and                             FEATURED
                                                                                        FEATURED            GENRES        NEWS                                                             MY BBC


  client feedback
                                                                       Wednesday, January 12, 2011
our design process                                                     MADE WITH LOVE IN SEATTLE BY




        the strategy                  the experience                        the design


          Goals & Objectives           Screen Flows & App Map               High Fidelity Mockups



     Ethnographic & User Research            Wireframes                 Interface Library Guidelines



       Contexts & Mental Models     Interaction Design & Behavior                 Style Guide



         Screen Descriptions             Touchable Prototype         Animation & Interaction Guidelines



                                    User Testing, Feedback, Review
what we learned                                                          MADE WITH LOVE IN SEATTLE BY




‣ 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.
MADE WITH LOVE IN SEATTLE BY
MADE WITH LOVE IN SEATTLE BY
MADE WITH LOVE IN SEATTLE BY
MADE WITH LOVE IN SEATTLE BY
MADE WITH LOVE IN SEATTLE BY
MADE WITH LOVE IN SEATTLE BY
MADE WITH LOVE IN SEATTLE BY
MADE WITH LOVE IN SEATTLE BY
thank you                                                                     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 Fling
                                      Founder & Executive Creative Director

More Related Content

What's hot

Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping EssentialsRachel Hinman
 
Brand building in a digital world (Intro to Digital for Grads)
Brand building in a digital world (Intro to Digital for Grads)Brand building in a digital world (Intro to Digital for Grads)
Brand building in a digital world (Intro to Digital for Grads)David Carr
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignRachel Peters
 
Mobile UX Essentials
Mobile UX EssentialsMobile UX Essentials
Mobile UX EssentialsRachel Hinman
 
They Call it Surfing for a Reason
They Call it Surfing for a ReasonThey Call it Surfing for a Reason
They Call it Surfing for a ReasonRachel Hinman
 
Technology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX AustraliaTechnology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX AustraliaRachel Hinman
 
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan AppsFallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan AppsAki Spicer
 
Digital Marketing Cases: presentation for BBDO Moscow Digital Wordshop
Digital Marketing Cases: presentation for BBDO Moscow Digital WordshopDigital Marketing Cases: presentation for BBDO Moscow Digital Wordshop
Digital Marketing Cases: presentation for BBDO Moscow Digital WordshopZigurds Zakis
 
Jean henri cote portfolio
Jean henri cote portfolioJean henri cote portfolio
Jean henri cote portfolioJean Cote
 
Nowlab Introduction 20120822 En
Nowlab Introduction 20120822 EnNowlab Introduction 20120822 En
Nowlab Introduction 20120822 EnJaesang Han
 
05 GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
05   GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google05   GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
05 GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - googleVinoaj Vijeyakumaar
 
Fallon Brainfood: 15 #Winning Ideas for young hopefuls seeking to enter adver...
Fallon Brainfood: 15 #Winning Ideas for young hopefuls seeking to enter adver...Fallon Brainfood: 15 #Winning Ideas for young hopefuls seeking to enter adver...
Fallon Brainfood: 15 #Winning Ideas for young hopefuls seeking to enter adver...Aki Spicer
 
Tappworthy A Framework for Mobile Strategy
Tappworthy A Framework for Mobile StrategyTappworthy A Framework for Mobile Strategy
Tappworthy A Framework for Mobile StrategyChaiOne
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignBrandon Carson
 
IA Summit 2011 Redux in Tokyo -naoko's part
IA Summit 2011 Redux in Tokyo -naoko's partIA Summit 2011 Redux in Tokyo -naoko's part
IA Summit 2011 Redux in Tokyo -naoko's partNaoko Kawachi
 
How's the "Little Red Dot" doing in embracing UX
How's the "Little Red Dot" doing in embracing UXHow's the "Little Red Dot" doing in embracing UX
How's the "Little Red Dot" doing in embracing UXUX Consulting Pte Ltd
 
Eleven Digital Trends to Watch in 2011
Eleven Digital Trends to Watch in 2011Eleven Digital Trends to Watch in 2011
Eleven Digital Trends to Watch in 2011Edelman Digital
 
Innovation antwerp45
Innovation antwerp45Innovation antwerp45
Innovation antwerp45Ian McNairn
 

What's hot (20)

Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
 
Brand building in a digital world (Intro to Digital for Grads)
Brand building in a digital world (Intro to Digital for Grads)Brand building in a digital world (Intro to Digital for Grads)
Brand building in a digital world (Intro to Digital for Grads)
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Mobile UX Essentials
Mobile UX EssentialsMobile UX Essentials
Mobile UX Essentials
 
They Call it Surfing for a Reason
They Call it Surfing for a ReasonThey Call it Surfing for a Reason
They Call it Surfing for a Reason
 
Technology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX AustraliaTechnology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX Australia
 
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan AppsFallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
 
Becoming Social by Default
Becoming Social by DefaultBecoming Social by Default
Becoming Social by Default
 
Digital Marketing Cases: presentation for BBDO Moscow Digital Wordshop
Digital Marketing Cases: presentation for BBDO Moscow Digital WordshopDigital Marketing Cases: presentation for BBDO Moscow Digital Wordshop
Digital Marketing Cases: presentation for BBDO Moscow Digital Wordshop
 
Jean henri cote portfolio
Jean henri cote portfolioJean henri cote portfolio
Jean henri cote portfolio
 
Nowlab Introduction 20120822 En
Nowlab Introduction 20120822 EnNowlab Introduction 20120822 En
Nowlab Introduction 20120822 En
 
05 GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
05   GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google05   GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
05 GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
 
Fallon Brainfood: 15 #Winning Ideas for young hopefuls seeking to enter adver...
Fallon Brainfood: 15 #Winning Ideas for young hopefuls seeking to enter adver...Fallon Brainfood: 15 #Winning Ideas for young hopefuls seeking to enter adver...
Fallon Brainfood: 15 #Winning Ideas for young hopefuls seeking to enter adver...
 
Tappworthy A Framework for Mobile Strategy
Tappworthy A Framework for Mobile StrategyTappworthy A Framework for Mobile Strategy
Tappworthy A Framework for Mobile Strategy
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
 
IA Summit 2011 Redux in Tokyo -naoko's part
IA Summit 2011 Redux in Tokyo -naoko's partIA Summit 2011 Redux in Tokyo -naoko's part
IA Summit 2011 Redux in Tokyo -naoko's part
 
How's the "Little Red Dot" doing in embracing UX
How's the "Little Red Dot" doing in embracing UXHow's the "Little Red Dot" doing in embracing UX
How's the "Little Red Dot" doing in embracing UX
 
Eleven Digital Trends to Watch in 2011
Eleven Digital Trends to Watch in 2011Eleven Digital Trends to Watch in 2011
Eleven Digital Trends to Watch in 2011
 
Ad-Tech NY 2009
Ad-Tech NY 2009Ad-Tech NY 2009
Ad-Tech NY 2009
 
Innovation antwerp45
Innovation antwerp45Innovation antwerp45
Innovation antwerp45
 

Viewers also liked

Complete Presentation | Federal Mobile Computing Summit | July 9, 2013
Complete Presentation | Federal Mobile Computing Summit | July 9, 2013Complete Presentation | Federal Mobile Computing Summit | July 9, 2013
Complete Presentation | Federal Mobile Computing Summit | July 9, 2013Tim Harvey
 
Dmg tem2011-0718-02 norton cmd disa mitre overview - v9
Dmg tem2011-0718-02 norton cmd disa mitre overview - v9Dmg tem2011-0718-02 norton cmd disa mitre overview - v9
Dmg tem2011-0718-02 norton cmd disa mitre overview - v9jakreile
 
Dmg tem2011-0718-05 madina--cto ns mobility pp
Dmg tem2011-0718-05 madina--cto ns mobility ppDmg tem2011-0718-05 madina--cto ns mobility pp
Dmg tem2011-0718-05 madina--cto ns mobility ppjakreile
 
20090921 Risacher To Ncoic Cloud Storefront
20090921 Risacher To Ncoic Cloud Storefront20090921 Risacher To Ncoic Cloud Storefront
20090921 Risacher To Ncoic Cloud StorefrontGovCloud Network
 
Web Directions North: The Mobile Web Landscape
Web Directions North: The Mobile Web LandscapeWeb Directions North: The Mobile Web Landscape
Web Directions North: The Mobile Web LandscapeBrian Fling
 
Everything you always wanted to know about the Mobile Web, but were afraid to...
Everything you always wanted to know about the Mobile Web, but were afraid to...Everything you always wanted to know about the Mobile Web, but were afraid to...
Everything you always wanted to know about the Mobile Web, but were afraid to...Brian Fling
 
Web Directions South 2007: Mobile Design and Development Workshop
Web Directions South 2007: Mobile Design and Development WorkshopWeb Directions South 2007: Mobile Design and Development Workshop
Web Directions South 2007: Mobile Design and Development WorkshopBrian Fling
 
Future of Mobile iPhone Presentation
Future of Mobile iPhone PresentationFuture of Mobile iPhone Presentation
Future of Mobile iPhone PresentationBrian Fling
 
Native v. Hybrid v. Web
Native v. Hybrid v. WebNative v. Hybrid v. Web
Native v. Hybrid v. WebBrian Fling
 
Designing Mobile Experiences
Designing Mobile ExperiencesDesigning Mobile Experiences
Designing Mobile ExperiencesBrian Fling
 

Viewers also liked (13)

Complete Presentation | Federal Mobile Computing Summit | July 9, 2013
Complete Presentation | Federal Mobile Computing Summit | July 9, 2013Complete Presentation | Federal Mobile Computing Summit | July 9, 2013
Complete Presentation | Federal Mobile Computing Summit | July 9, 2013
 
Dmg tem2011-0718-02 norton cmd disa mitre overview - v9
Dmg tem2011-0718-02 norton cmd disa mitre overview - v9Dmg tem2011-0718-02 norton cmd disa mitre overview - v9
Dmg tem2011-0718-02 norton cmd disa mitre overview - v9
 
Dmg tem2011-0718-05 madina--cto ns mobility pp
Dmg tem2011-0718-05 madina--cto ns mobility ppDmg tem2011-0718-05 madina--cto ns mobility pp
Dmg tem2011-0718-05 madina--cto ns mobility pp
 
20090921 Risacher To Ncoic Cloud Storefront
20090921 Risacher To Ncoic Cloud Storefront20090921 Risacher To Ncoic Cloud Storefront
20090921 Risacher To Ncoic Cloud Storefront
 
Robert Carey, Principal Deputy CIO, DOD Insight session
Robert Carey, Principal Deputy CIO, DOD Insight sessionRobert Carey, Principal Deputy CIO, DOD Insight session
Robert Carey, Principal Deputy CIO, DOD Insight session
 
Brian Fling (Blue Flavor)
Brian Fling (Blue Flavor)Brian Fling (Blue Flavor)
Brian Fling (Blue Flavor)
 
Web Directions North: The Mobile Web Landscape
Web Directions North: The Mobile Web LandscapeWeb Directions North: The Mobile Web Landscape
Web Directions North: The Mobile Web Landscape
 
Everything you always wanted to know about the Mobile Web, but were afraid to...
Everything you always wanted to know about the Mobile Web, but were afraid to...Everything you always wanted to know about the Mobile Web, but were afraid to...
Everything you always wanted to know about the Mobile Web, but were afraid to...
 
Web Directions South 2007: Mobile Design and Development Workshop
Web Directions South 2007: Mobile Design and Development WorkshopWeb Directions South 2007: Mobile Design and Development Workshop
Web Directions South 2007: Mobile Design and Development Workshop
 
Future of Mobile iPhone Presentation
Future of Mobile iPhone PresentationFuture of Mobile iPhone Presentation
Future of Mobile iPhone Presentation
 
Native v. Hybrid v. Web
Native v. Hybrid v. WebNative v. Hybrid v. Web
Native v. Hybrid v. Web
 
Designing Mobile Experiences
Designing Mobile ExperiencesDesigning Mobile Experiences
Designing Mobile Experiences
 
The Mobile Ecosystem
The Mobile EcosystemThe Mobile Ecosystem
The Mobile Ecosystem
 

Similar to Global BBC iPlayer designed by pinch/zoom

Kiloo Apps Presentation
Kiloo Apps PresentationKiloo Apps Presentation
Kiloo Apps Presentationjacobkiloo
 
Surviving The Software Development Process
Surviving The Software Development ProcessSurviving The Software Development Process
Surviving The Software Development Processfrog
 
TheBlogTV - Value Behind Community - May 2011
TheBlogTV - Value Behind Community - May 2011TheBlogTV - Value Behind Community - May 2011
TheBlogTV - Value Behind Community - May 2011TheBlogTv Communities
 
Ci&T Mobile App Development for the Enterprise, Consumers and Startups
Ci&T Mobile App Development for the Enterprise, Consumers and StartupsCi&T Mobile App Development for the Enterprise, Consumers and Startups
Ci&T Mobile App Development for the Enterprise, Consumers and StartupsMichaelCIT
 
Sony Ericsson case study; from 300k to 3 million Facebook fans in under 9 months
Sony Ericsson case study; from 300k to 3 million Facebook fans in under 9 monthsSony Ericsson case study; from 300k to 3 million Facebook fans in under 9 months
Sony Ericsson case study; from 300k to 3 million Facebook fans in under 9 monthsBen Padley
 
10 Ways Marketers Are Using the Second Screen (May 2012)
10 Ways Marketers Are Using the Second Screen (May 2012)10 Ways Marketers Are Using the Second Screen (May 2012)
10 Ways Marketers Are Using the Second Screen (May 2012)J. Walter Thompson Intelligence
 
Layar November 14 Webinar – How to Make Money with Augmented Reality in Pubis...
Layar November 14 Webinar – How to Make Money with Augmented Reality in Pubis...Layar November 14 Webinar – How to Make Money with Augmented Reality in Pubis...
Layar November 14 Webinar – How to Make Money with Augmented Reality in Pubis...Layar
 
Layar December 11th Webinar - Intro to Interactive Print
Layar December 11th Webinar - Intro to Interactive PrintLayar December 11th Webinar - Intro to Interactive Print
Layar December 11th Webinar - Intro to Interactive PrintLayar
 
Layar January 8th Webinar - What Can Layar Do for Your Business? Magazines
Layar January 8th Webinar - What Can Layar Do for Your Business? MagazinesLayar January 8th Webinar - What Can Layar Do for Your Business? Magazines
Layar January 8th Webinar - What Can Layar Do for Your Business? MagazinesLayar
 
Benweir Book August2012 Lowres
Benweir Book August2012 LowresBenweir Book August2012 Lowres
Benweir Book August2012 Lowresben_weir_74
 
Benweir Book July2011
Benweir Book July2011Benweir Book July2011
Benweir Book July2011ben_weir_74
 
Mobile video ad market presentation
Mobile video ad market presentationMobile video ad market presentation
Mobile video ad market presentationMartin Price
 
Responsive web design
Responsive web designResponsive web design
Responsive web designFrantic
 

Similar to Global BBC iPlayer designed by pinch/zoom (20)

Kiloo Apps Presentation
Kiloo Apps PresentationKiloo Apps Presentation
Kiloo Apps Presentation
 
Surviving The Software Development Process
Surviving The Software Development ProcessSurviving The Software Development Process
Surviving The Software Development Process
 
TheBlogTV - Value Behind Community - May 2011
TheBlogTV - Value Behind Community - May 2011TheBlogTV - Value Behind Community - May 2011
TheBlogTV - Value Behind Community - May 2011
 
Ci&T Mobile App Development for the Enterprise, Consumers and Startups
Ci&T Mobile App Development for the Enterprise, Consumers and StartupsCi&T Mobile App Development for the Enterprise, Consumers and Startups
Ci&T Mobile App Development for the Enterprise, Consumers and Startups
 
Sony Ericsson case study; from 300k to 3 million Facebook fans in under 9 months
Sony Ericsson case study; from 300k to 3 million Facebook fans in under 9 monthsSony Ericsson case study; from 300k to 3 million Facebook fans in under 9 months
Sony Ericsson case study; from 300k to 3 million Facebook fans in under 9 months
 
Nextdoor
NextdoorNextdoor
Nextdoor
 
10 Ways Marketers Are Using the Second Screen (May 2012)
10 Ways Marketers Are Using the Second Screen (May 2012)10 Ways Marketers Are Using the Second Screen (May 2012)
10 Ways Marketers Are Using the Second Screen (May 2012)
 
Second screen
Second screenSecond screen
Second screen
 
Adaptive Brands
Adaptive BrandsAdaptive Brands
Adaptive Brands
 
Layar November 14 Webinar – How to Make Money with Augmented Reality in Pubis...
Layar November 14 Webinar – How to Make Money with Augmented Reality in Pubis...Layar November 14 Webinar – How to Make Money with Augmented Reality in Pubis...
Layar November 14 Webinar – How to Make Money with Augmented Reality in Pubis...
 
Layar December 11th Webinar - Intro to Interactive Print
Layar December 11th Webinar - Intro to Interactive PrintLayar December 11th Webinar - Intro to Interactive Print
Layar December 11th Webinar - Intro to Interactive Print
 
JAKT Portfolio
JAKT PortfolioJAKT Portfolio
JAKT Portfolio
 
Spidvid
SpidvidSpidvid
Spidvid
 
GOOD Studio - Video & Editorial
GOOD Studio - Video & EditorialGOOD Studio - Video & Editorial
GOOD Studio - Video & Editorial
 
Layar January 8th Webinar - What Can Layar Do for Your Business? Magazines
Layar January 8th Webinar - What Can Layar Do for Your Business? MagazinesLayar January 8th Webinar - What Can Layar Do for Your Business? Magazines
Layar January 8th Webinar - What Can Layar Do for Your Business? Magazines
 
Benweir Book August2012 Lowres
Benweir Book August2012 LowresBenweir Book August2012 Lowres
Benweir Book August2012 Lowres
 
Nextdoor's Credentials
Nextdoor's CredentialsNextdoor's Credentials
Nextdoor's Credentials
 
Benweir Book July2011
Benweir Book July2011Benweir Book July2011
Benweir Book July2011
 
Mobile video ad market presentation
Mobile video ad market presentationMobile video ad market presentation
Mobile video ad market presentation
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 

More from Brian Fling

What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing DesignWhat's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing DesignBrian Fling
 
Mobile 2.0: Design & Develop for the iPhone and Beyond
Mobile 2.0: Design & Develop for the iPhone and BeyondMobile 2.0: Design & Develop for the iPhone and Beyond
Mobile 2.0: Design & Develop for the iPhone and BeyondBrian Fling
 
Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)
Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)
Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)Brian Fling
 
How the iPhone will forever change the mobile space (Over the Air)
How the iPhone will forever change the mobile space (Over the Air)How the iPhone will forever change the mobile space (Over the Air)
How the iPhone will forever change the mobile space (Over the Air)Brian Fling
 
Mobile Monday Austin: How the iPhone will forever change the Mobile Space
Mobile Monday Austin: How the iPhone will forever change the Mobile SpaceMobile Monday Austin: How the iPhone will forever change the Mobile Space
Mobile Monday Austin: How the iPhone will forever change the Mobile SpaceBrian Fling
 
Web Builder 2.0 Workshop: iPhone Design and Development Workshop
Web Builder 2.0 Workshop:  iPhone Design and Development WorkshopWeb Builder 2.0 Workshop:  iPhone Design and Development Workshop
Web Builder 2.0 Workshop: iPhone Design and Development WorkshopBrian Fling
 
Web 2.0 Expo 2007
Web 2.0 Expo 2007Web 2.0 Expo 2007
Web 2.0 Expo 2007Brian Fling
 
Web Design World 2007: iPhone Design and Development Workshop
Web Design World 2007: iPhone Design and Development WorkshopWeb Design World 2007: iPhone Design and Development Workshop
Web Design World 2007: iPhone Design and Development WorkshopBrian Fling
 
The Next Generation of the Mobile Web
The Next Generation of the Mobile WebThe Next Generation of the Mobile Web
The Next Generation of the Mobile WebBrian Fling
 
Getting Started in the Mobile Web
Getting Started in the Mobile WebGetting Started in the Mobile Web
Getting Started in the Mobile WebBrian Fling
 
Designing for Mobile
Designing for MobileDesigning for Mobile
Designing for MobileBrian Fling
 
Blue Flavor's Leaflets
Blue Flavor's LeafletsBlue Flavor's Leaflets
Blue Flavor's LeafletsBrian Fling
 

More from Brian Fling (12)

What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing DesignWhat's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
 
Mobile 2.0: Design & Develop for the iPhone and Beyond
Mobile 2.0: Design & Develop for the iPhone and BeyondMobile 2.0: Design & Develop for the iPhone and Beyond
Mobile 2.0: Design & Develop for the iPhone and Beyond
 
Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)
Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)
Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)
 
How the iPhone will forever change the mobile space (Over the Air)
How the iPhone will forever change the mobile space (Over the Air)How the iPhone will forever change the mobile space (Over the Air)
How the iPhone will forever change the mobile space (Over the Air)
 
Mobile Monday Austin: How the iPhone will forever change the Mobile Space
Mobile Monday Austin: How the iPhone will forever change the Mobile SpaceMobile Monday Austin: How the iPhone will forever change the Mobile Space
Mobile Monday Austin: How the iPhone will forever change the Mobile Space
 
Web Builder 2.0 Workshop: iPhone Design and Development Workshop
Web Builder 2.0 Workshop:  iPhone Design and Development WorkshopWeb Builder 2.0 Workshop:  iPhone Design and Development Workshop
Web Builder 2.0 Workshop: iPhone Design and Development Workshop
 
Web 2.0 Expo 2007
Web 2.0 Expo 2007Web 2.0 Expo 2007
Web 2.0 Expo 2007
 
Web Design World 2007: iPhone Design and Development Workshop
Web Design World 2007: iPhone Design and Development WorkshopWeb Design World 2007: iPhone Design and Development Workshop
Web Design World 2007: iPhone Design and Development Workshop
 
The Next Generation of the Mobile Web
The Next Generation of the Mobile WebThe Next Generation of the Mobile Web
The Next Generation of the Mobile Web
 
Getting Started in the Mobile Web
Getting Started in the Mobile WebGetting Started in the Mobile Web
Getting Started in the Mobile Web
 
Designing for Mobile
Designing for MobileDesigning for Mobile
Designing for Mobile
 
Blue Flavor's Leaflets
Blue Flavor's LeafletsBlue Flavor's Leaflets
Blue Flavor's Leaflets
 

Recently uploaded

Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 

Recently uploaded (20)

Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 

Global BBC iPlayer designed by pinch/zoom

  • 1. for iPad MADE WITH LOVE IN SEATTLE BY
  • 2. about the app MADE WITH LOVE IN SEATTLE BY ‣ 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
  • 3. about pinch/zoom MADE WITH LOVE IN SEATTLE BY ‣ 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
  • 4. about the project MADE WITH LOVE IN SEATTLE BY ‣ The BBC app was designed by pinch/zoom ‣ BBC hired pinch/zoom based on their deep knowledge and over a Home Screen decade’s experience of creating mobile experiences l GENRE GENRE GENR ‣ pinch/zoom & BBC designed the iPad app as a new means to connect people to the wealth of BBC content PROGRAMME ‣ We worked with BBC to define strategy, pricing, wording, content, PROGRAMME GENRE GENR design, interactions and more PROGRAMME ‣ pinch/zoom created an interaction concept to test with 32 GENRE GENRE GENRE GENR users between Dec 2010 and Feb 2011 in New York PROGRAMME PROGRAMME PROGRAMME ‣ New York-based usability firm, Creative Good facilitated the usability tests FREE RECOMMENDED POPULAR RECENTLY ADDED HOLIDAY HUGH LAURIE’S FAVS MINE ‣ We did rapid design iteration based on real-time user and FEATURED FEATURED GENRES NEWS MY BBC client feedback Wednesday, January 12, 2011
  • 5. our design process MADE WITH LOVE IN SEATTLE BY the strategy the experience the design Goals & Objectives Screen Flows & App Map High Fidelity Mockups Ethnographic & User Research Wireframes Interface Library Guidelines Contexts & Mental Models Interaction Design & Behavior Style Guide Screen Descriptions Touchable Prototype Animation & Interaction Guidelines User Testing, Feedback, Review
  • 6. what we learned MADE WITH LOVE IN SEATTLE BY ‣ 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.
  • 7. MADE WITH LOVE IN SEATTLE BY
  • 8. MADE WITH LOVE IN SEATTLE BY
  • 9. MADE WITH LOVE IN SEATTLE BY
  • 10. MADE WITH LOVE IN SEATTLE BY
  • 11. MADE WITH LOVE IN SEATTLE BY
  • 12. MADE WITH LOVE IN SEATTLE BY
  • 13. MADE WITH LOVE IN SEATTLE BY
  • 14. MADE WITH LOVE IN SEATTLE BY
  • 15. thank you 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 Fling Founder & Executive Creative Director