SlideShare a Scribd company logo
1 of 17
A CHANGING GAME –
ONLINE USER EXPERIENCE IN A
MULTI-DEVICE WORLD
Dirk Bartels
Leiter Produkt
Idealo Internet GmbH
dirk.bartels@idealo.de
We Used to Go Online (ca. 2000)
Today We Live Online
Mobile Internet – Growing Leaps & Bounds
Everything Smartphones
        7%

                           Mobile Internet gains critical mass
              93%
                              100%
                               80%
                               60%      95%          90%           83%
                               40%
       Everything iPad         20%
                                         5%          10%           17%
                               0%
                                      2011         2012          2013

                                     Mobile Internet           Desktop
                     25m
             11m
                                      Source: Statista, NetMarketShare, EITO, IDC

          2011      2012
Barriers to Competition




 User Experience – It matters more than ever

  Source: ZAG – Marty Neumeier, 2007
User Experience matters because …




  Your Brand – It is what THEY say it is

  Source: ZAG – Marty Neumeier, 2007
Everything is Connected –
Personas, Scenarios, Use Cases & Plumbing




                                                  Lean Back
                                                 Retina Screen
                                             Intiutive Interaction
                      Location based             Rich Content
                     Barcode Scanner
 Content Depth         Essential Infos
   SEO / SEM     iOS / Android Integration
 Feature Depth        Mobile Browser
  Large Screen
User Experience is ….   •   Touch points
                        •   Purpose driven
                        •   Intuitive
                        •   Using Metaphors
                        •   User centric
                        •   Pro active
                        •   Relevant
User Experience is …


  • User Interface Design
  • User Interaction
  • Work Flow
  • Information
    Architecture
  • Content
Web                  Mobile Web
Content Rich         Optimized Content
Multi Purpose        Multi Purpose
Traditional          Device oriented




    Tablet Browser
                       App
    Media Rich
                       Single Purpose
    Multi Purpose
                       Uncluttered
    Intuitive
                       Intuitive
Web                App
Feature Rich       Content Rich
Multi Purpose      Single Purpose
Traditional        Location based
                   Intuitive




                Tablet
                Content Rich
                Single Purpose
                Location based
                Intuitive
Idealo Platform Evolution




   2000          2005           2011         2012        2013
   Web         Mobile Web   iOS / Android    Flug        iPad


Content Rich   Stripped        Native       Vertical   Native UI
Feature Rich   down Web       Scanner       Location    Media
 SEO / SEM     Experience       Favs         based       tbd



   12
Web                 Mobile Web
Feature Rich        Feature optimized
Content Rich        Content optimized
SEO                 Traditional




Tablet               Apps
Media Rich           Feature optimized
Feature optimized    Barcode Scanner
Barcode Scanner      Location based
Intuitive            Content optimized
Location based       Personalized
You built it and they will come – NOT

                        Social     SEO


                             SEM           TV
                                                 775,000 iPhone Apps
                                                300,000 native to iPad
                                                    (January 2013)
                        Video      Print
643 million web sites
  (December 2012)




                        650,000 Android Apps
                            (March 2013)
Designing User Experiences your
      Customers will love

                 Situational



    Leverage
                                Purposeful
    Platforms




         Anytime /         Know your
         Anywhere            user
Idealo Internet GmbH stellt sich vor
Idealo.de ist der größte deutsche Preis- und Produktvergleich
    Marktführer aller deutschen Preisvergleiche mit 10 Millionen Einzelbesuchern pro Monat
    Monatlich 30 Millionen Visits und mehr als 100 Millionen Page Impressions
    Mehr als 1,5 Millionen Produkte mit 100 Millionen Angeboten von 30.000 Händlern
    500 Mitarbeiter steuern und pflegen die aktuelle und leistungsfähige Datenbank

                         Mit 5 Millionen Visits tragen die internationalen Portale zum Erfolg bei




               Legende

                   Produktvergleich


                   Bald verfügbar


                   Flugvergleich


                   Mobile Seiten




16
Join our team – www.idealo.de/jobs!
Idealo is looking for exceptional talent to expand our dynamic product team. We are
hiring:

•        iPhone Developer (m/f)
•        PHP Software Developer (m/f)
•        Release Manager (m/f)
•        System Engineer (m/f)
•        Senior Java Developer/Architect (m/f)
•        Scrum Master (m/f)
•        Junior eCommerce Editor (m/f)

For further information and vacancies, please visit our career board at
www.idealo.de/jobs




    17

More Related Content

What's hot

Mobile Apps for Business Productivity The Circuit
Mobile Apps for Business Productivity The CircuitMobile Apps for Business Productivity The Circuit
Mobile Apps for Business Productivity The CircuitThe Circuit
 
Extending softwareintomobile 11 28-2012
Extending softwareintomobile 11 28-2012Extending softwareintomobile 11 28-2012
Extending softwareintomobile 11 28-2012CorSource
 
Wireless Systems Congress LocalSocial
Wireless Systems Congress LocalSocialWireless Systems Congress LocalSocial
Wireless Systems Congress LocalSocialSean O'Sullivan
 
Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.Theresa Neil
 
Mobile Web vs Apps
Mobile Web vs AppsMobile Web vs Apps
Mobile Web vs AppsIdeK-labbet
 
The Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile StrategyThe Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile StrategyTheresa Neil
 
The Modern Web, Part 1: Mobility
The Modern Web, Part 1: MobilityThe Modern Web, Part 1: Mobility
The Modern Web, Part 1: MobilityDavid Pallmann
 
E20 Keynote: SoLoMo
E20 Keynote:   SoLoMo E20 Keynote:   SoLoMo
E20 Keynote: SoLoMo Sandy Carter
 
Optimizing mobile apps and websites
Optimizing mobile apps and websitesOptimizing mobile apps and websites
Optimizing mobile apps and websitesVik Chaudhary
 
The mobile traveler experience
The mobile traveler experienceThe mobile traveler experience
The mobile traveler experienceKevin May
 
Leveraging Technology
Leveraging TechnologyLeveraging Technology
Leveraging TechnologyJessica Levin
 
Building mobile website with Joomla - Joomla!Days NL 2010 #jd10nl
Building mobile website with Joomla -  Joomla!Days NL 2010 #jd10nlBuilding mobile website with Joomla -  Joomla!Days NL 2010 #jd10nl
Building mobile website with Joomla - Joomla!Days NL 2010 #jd10nlJoomla!Days Netherlands
 
Rivalry Now Begins: Rise of Windows Phone 8
Rivalry Now Begins: Rise of Windows Phone 8Rivalry Now Begins: Rise of Windows Phone 8
Rivalry Now Begins: Rise of Windows Phone 8Monitise MEA
 
Portfolio of Nicole Haishu LI
Portfolio of Nicole Haishu LIPortfolio of Nicole Haishu LI
Portfolio of Nicole Haishu LINicole Li
 
LocalSocial Overview Q409v3
LocalSocial Overview Q409v3LocalSocial Overview Q409v3
LocalSocial Overview Q409v3Sean O'Sullivan
 
iCapps workshop App Design - AFT Leuven
iCapps workshop App Design - AFT LeuveniCapps workshop App Design - AFT Leuven
iCapps workshop App Design - AFT LeuveniCapps
 
Software Development Engineers Ireland
Software Development Engineers IrelandSoftware Development Engineers Ireland
Software Development Engineers IrelandSean O'Sullivan
 
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Bala Subra
 

What's hot (20)

Mobile Apps for Business Productivity The Circuit
Mobile Apps for Business Productivity The CircuitMobile Apps for Business Productivity The Circuit
Mobile Apps for Business Productivity The Circuit
 
Extending softwareintomobile 11 28-2012
Extending softwareintomobile 11 28-2012Extending softwareintomobile 11 28-2012
Extending softwareintomobile 11 28-2012
 
Wireless Systems Congress LocalSocial
Wireless Systems Congress LocalSocialWireless Systems Congress LocalSocial
Wireless Systems Congress LocalSocial
 
Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.
 
Mobile Web vs Apps
Mobile Web vs AppsMobile Web vs Apps
Mobile Web vs Apps
 
The Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile StrategyThe Dangers of the Wrong Mobile Strategy
The Dangers of the Wrong Mobile Strategy
 
The Modern Web, Part 1: Mobility
The Modern Web, Part 1: MobilityThe Modern Web, Part 1: Mobility
The Modern Web, Part 1: Mobility
 
Company Profile
Company ProfileCompany Profile
Company Profile
 
Overview of LocalSocial
Overview of LocalSocialOverview of LocalSocial
Overview of LocalSocial
 
E20 Keynote: SoLoMo
E20 Keynote:   SoLoMo E20 Keynote:   SoLoMo
E20 Keynote: SoLoMo
 
Optimizing mobile apps and websites
Optimizing mobile apps and websitesOptimizing mobile apps and websites
Optimizing mobile apps and websites
 
The mobile traveler experience
The mobile traveler experienceThe mobile traveler experience
The mobile traveler experience
 
Leveraging Technology
Leveraging TechnologyLeveraging Technology
Leveraging Technology
 
Building mobile website with Joomla - Joomla!Days NL 2010 #jd10nl
Building mobile website with Joomla -  Joomla!Days NL 2010 #jd10nlBuilding mobile website with Joomla -  Joomla!Days NL 2010 #jd10nl
Building mobile website with Joomla - Joomla!Days NL 2010 #jd10nl
 
Rivalry Now Begins: Rise of Windows Phone 8
Rivalry Now Begins: Rise of Windows Phone 8Rivalry Now Begins: Rise of Windows Phone 8
Rivalry Now Begins: Rise of Windows Phone 8
 
Portfolio of Nicole Haishu LI
Portfolio of Nicole Haishu LIPortfolio of Nicole Haishu LI
Portfolio of Nicole Haishu LI
 
LocalSocial Overview Q409v3
LocalSocial Overview Q409v3LocalSocial Overview Q409v3
LocalSocial Overview Q409v3
 
iCapps workshop App Design - AFT Leuven
iCapps workshop App Design - AFT LeuveniCapps workshop App Design - AFT Leuven
iCapps workshop App Design - AFT Leuven
 
Software Development Engineers Ireland
Software Development Engineers IrelandSoftware Development Engineers Ireland
Software Development Engineers Ireland
 
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
 

Similar to Designing User Experience for multiple screen and device formats

Building & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The EnterpriseBuilding & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The EnterpriseApperian
 
HTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyHTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyDMI
 
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012Amanda McConnell
 
Drupalcamp armedia phonegap_oct2012_print
Drupalcamp armedia phonegap_oct2012_printDrupalcamp armedia phonegap_oct2012_print
Drupalcamp armedia phonegap_oct2012_printDrupalcampAtlanta2012
 
MoMoAthens Cross-Screen_Crossing Screens Chasm_by Andreas Constantinou
MoMoAthens Cross-Screen_Crossing Screens Chasm_by Andreas ConstantinouMoMoAthens Cross-Screen_Crossing Screens Chasm_by Andreas Constantinou
MoMoAthens Cross-Screen_Crossing Screens Chasm_by Andreas ConstantinouMobile Monday Athens
 
Mobiletrender 2014
Mobiletrender 2014Mobiletrender 2014
Mobiletrender 2014allerhed
 
Responsive design mobile_apps
Responsive design mobile_appsResponsive design mobile_apps
Responsive design mobile_appsGorilla Group
 
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Shane Church
 
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Effective
 
Learning interactions on mobile slideshare
Learning interactions on mobile   slideshareLearning interactions on mobile   slideshare
Learning interactions on mobile slideshareRaptivity
 
MYZEAL IT Solutions-Offshore Mobile Apps Development Company India
MYZEAL IT Solutions-Offshore Mobile Apps Development Company IndiaMYZEAL IT Solutions-Offshore Mobile Apps Development Company India
MYZEAL IT Solutions-Offshore Mobile Apps Development Company IndiaMYZEAL IT Solutions LLC
 
WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012Bess Ho
 
HTML5 Web Apps vs. Native Apps
HTML5 Web Apps vs. Native AppsHTML5 Web Apps vs. Native Apps
HTML5 Web Apps vs. Native AppsApperian
 
Html5 web apps vs nativeapps
Html5 web apps vs nativeappsHtml5 web apps vs nativeapps
Html5 web apps vs nativeappsSiva Prasad K V
 
2014 SharePoint Enterprise Mobile Strategy
2014 SharePoint Enterprise Mobile Strategy2014 SharePoint Enterprise Mobile Strategy
2014 SharePoint Enterprise Mobile StrategyJoel Oleson
 
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmEnterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmJoel Oleson
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsUsing HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsTodd Anglin
 
Native v s hybrid
Native v s hybridNative v s hybrid
Native v s hybridKelly Ston
 
Engaging Mobile Apps with IBM® Social Business Solutions and IBM Worklight
Engaging Mobile Apps with IBM® Social Business Solutions and IBM WorklightEngaging Mobile Apps with IBM® Social Business Solutions and IBM Worklight
Engaging Mobile Apps with IBM® Social Business Solutions and IBM WorklightDirk Nicol
 
iPad Apps for the Enterprise
iPad Apps for the EnterpriseiPad Apps for the Enterprise
iPad Apps for the EnterpriseSukumar Jena
 

Similar to Designing User Experience for multiple screen and device formats (20)

Building & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The EnterpriseBuilding & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
 
HTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyHTML5 for Mobile - When and Why
HTML5 for Mobile - When and Why
 
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
 
Drupalcamp armedia phonegap_oct2012_print
Drupalcamp armedia phonegap_oct2012_printDrupalcamp armedia phonegap_oct2012_print
Drupalcamp armedia phonegap_oct2012_print
 
MoMoAthens Cross-Screen_Crossing Screens Chasm_by Andreas Constantinou
MoMoAthens Cross-Screen_Crossing Screens Chasm_by Andreas ConstantinouMoMoAthens Cross-Screen_Crossing Screens Chasm_by Andreas Constantinou
MoMoAthens Cross-Screen_Crossing Screens Chasm_by Andreas Constantinou
 
Mobiletrender 2014
Mobiletrender 2014Mobiletrender 2014
Mobiletrender 2014
 
Responsive design mobile_apps
Responsive design mobile_appsResponsive design mobile_apps
Responsive design mobile_apps
 
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
 
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?
 
Learning interactions on mobile slideshare
Learning interactions on mobile   slideshareLearning interactions on mobile   slideshare
Learning interactions on mobile slideshare
 
MYZEAL IT Solutions-Offshore Mobile Apps Development Company India
MYZEAL IT Solutions-Offshore Mobile Apps Development Company IndiaMYZEAL IT Solutions-Offshore Mobile Apps Development Company India
MYZEAL IT Solutions-Offshore Mobile Apps Development Company India
 
WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012
 
HTML5 Web Apps vs. Native Apps
HTML5 Web Apps vs. Native AppsHTML5 Web Apps vs. Native Apps
HTML5 Web Apps vs. Native Apps
 
Html5 web apps vs nativeapps
Html5 web apps vs nativeappsHtml5 web apps vs nativeapps
Html5 web apps vs nativeapps
 
2014 SharePoint Enterprise Mobile Strategy
2014 SharePoint Enterprise Mobile Strategy2014 SharePoint Enterprise Mobile Strategy
2014 SharePoint Enterprise Mobile Strategy
 
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmEnterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsUsing HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile Apps
 
Native v s hybrid
Native v s hybridNative v s hybrid
Native v s hybrid
 
Engaging Mobile Apps with IBM® Social Business Solutions and IBM Worklight
Engaging Mobile Apps with IBM® Social Business Solutions and IBM WorklightEngaging Mobile Apps with IBM® Social Business Solutions and IBM Worklight
Engaging Mobile Apps with IBM® Social Business Solutions and IBM Worklight
 
iPad Apps for the Enterprise
iPad Apps for the EnterpriseiPad Apps for the Enterprise
iPad Apps for the Enterprise
 

Designing User Experience for multiple screen and device formats

  • 1. A CHANGING GAME – ONLINE USER EXPERIENCE IN A MULTI-DEVICE WORLD Dirk Bartels Leiter Produkt Idealo Internet GmbH dirk.bartels@idealo.de
  • 2. We Used to Go Online (ca. 2000)
  • 3. Today We Live Online
  • 4. Mobile Internet – Growing Leaps & Bounds Everything Smartphones 7% Mobile Internet gains critical mass 93% 100% 80% 60% 95% 90% 83% 40% Everything iPad 20% 5% 10% 17% 0% 2011 2012 2013 Mobile Internet Desktop 25m 11m Source: Statista, NetMarketShare, EITO, IDC 2011 2012
  • 5. Barriers to Competition User Experience – It matters more than ever Source: ZAG – Marty Neumeier, 2007
  • 6. User Experience matters because … Your Brand – It is what THEY say it is Source: ZAG – Marty Neumeier, 2007
  • 7. Everything is Connected – Personas, Scenarios, Use Cases & Plumbing Lean Back Retina Screen Intiutive Interaction Location based Rich Content Barcode Scanner Content Depth Essential Infos SEO / SEM iOS / Android Integration Feature Depth Mobile Browser Large Screen
  • 8. User Experience is …. • Touch points • Purpose driven • Intuitive • Using Metaphors • User centric • Pro active • Relevant
  • 9. User Experience is … • User Interface Design • User Interaction • Work Flow • Information Architecture • Content
  • 10. Web Mobile Web Content Rich Optimized Content Multi Purpose Multi Purpose Traditional Device oriented Tablet Browser App Media Rich Single Purpose Multi Purpose Uncluttered Intuitive Intuitive
  • 11. Web App Feature Rich Content Rich Multi Purpose Single Purpose Traditional Location based Intuitive Tablet Content Rich Single Purpose Location based Intuitive
  • 12. Idealo Platform Evolution 2000 2005 2011 2012 2013 Web Mobile Web iOS / Android Flug iPad Content Rich Stripped Native Vertical Native UI Feature Rich down Web Scanner Location Media SEO / SEM Experience Favs based tbd 12
  • 13. Web Mobile Web Feature Rich Feature optimized Content Rich Content optimized SEO Traditional Tablet Apps Media Rich Feature optimized Feature optimized Barcode Scanner Barcode Scanner Location based Intuitive Content optimized Location based Personalized
  • 14. You built it and they will come – NOT Social SEO SEM TV 775,000 iPhone Apps 300,000 native to iPad (January 2013) Video Print 643 million web sites (December 2012) 650,000 Android Apps (March 2013)
  • 15. Designing User Experiences your Customers will love Situational Leverage Purposeful Platforms Anytime / Know your Anywhere user
  • 16. Idealo Internet GmbH stellt sich vor Idealo.de ist der größte deutsche Preis- und Produktvergleich  Marktführer aller deutschen Preisvergleiche mit 10 Millionen Einzelbesuchern pro Monat  Monatlich 30 Millionen Visits und mehr als 100 Millionen Page Impressions  Mehr als 1,5 Millionen Produkte mit 100 Millionen Angeboten von 30.000 Händlern  500 Mitarbeiter steuern und pflegen die aktuelle und leistungsfähige Datenbank Mit 5 Millionen Visits tragen die internationalen Portale zum Erfolg bei Legende Produktvergleich Bald verfügbar Flugvergleich Mobile Seiten 16
  • 17. Join our team – www.idealo.de/jobs! Idealo is looking for exceptional talent to expand our dynamic product team. We are hiring: • iPhone Developer (m/f) • PHP Software Developer (m/f) • Release Manager (m/f) • System Engineer (m/f) • Senior Java Developer/Architect (m/f) • Scrum Master (m/f) • Junior eCommerce Editor (m/f) For further information and vacancies, please visit our career board at www.idealo.de/jobs 17