SlideShare a Scribd company logo
Open Device Labs
   for A Better
 User Experience
  Holger Bartel - @foobartel
The Mobile Web
★   Mobile Web Traffic
★   Device Penetration
★   Device Variety
10%
of Internet usage worldwide
     accounts to Mobile
                 http://thenextweb.com/mobile/2012/05/09/
2x
the amount of 2010


            http://thenextweb.com/mobile/2012/05/09/
2012
192.5% growth of mobile
   web traffic in Asia

      2010
         http://royal.pingdom.com/2012/05/08/mobile-web-traffic-asia-tripled/
538m
Internet users in China


            http://mobithinking.com/blog/china-top-mobile-market
72%
access the web via mobile


             http://mobithinking.com/blog/china-top-mobile-market
16%
of global population
                   =
1.1 billion active mobile-broadband
            subscriptions
   http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/b#mobilebroadbandcountries
Global mobile broadband
 subscription outnumber
    fixed broadband
      subscriptions

      2:1
New Devices Since 09/12
4"-5" Smartphones                                    9"-10" Tablets
Apple iPhone 5 (4" Apple iOS 6.0)                    iPad Gen 4 (9.7" Apple iOS 6.0)
Nokia Lumia 920 (4.5" Microsoft Windows 8)           Microsoft Surface Tablet (10.6" Microsoft Windows 8)
HTC Windows Phone 8X (4.3" Microsoft Windows 8)      Kindle Fire HD (8.9" Google Android 4.0 modified)
HTC Windows Phone 8S (4.0" Microsoft Windows 8)      Lenovo ThinkPad Tablet 2 (10.1" Microsoft Windows 8)
Motorola Droid RAZR HD (4.7" Google Android 4.0)     Acer Iconia Tab W510 (10.1" Microsoft Windows 8)
Motorola Droid RAZR M (4.3" Google Android 4.0)      Dell Latitude 10 (10.1" Microsoft Windows 8)
Google/LG Nexus 4 (4.7" Google Android 4.2)          Dell XPS 10 (10.1" Microsoft Windows 8)
                                                     Asus Vivo Tab RT (10.1" Microsoft Windows 8)
5"-6" Phone/Tablet Hybrids                           Google/LG Nexus 10 (10.055” Google Android 4.2)
Samsung Galaxy Note II (5.5" Google Android 4.0)
                                                     11"-17" Laptops & Convertibles (Tablet/Laptop)
7"-8" Tablets                                        13" MacBook Pro with Retina (13" Apple OSX 10.8)
iPad Mini (7.9" Apple iOS 6.0)                       Lenovo IdeaPad Yoga 13 (13.3" Microsoft Windows 8)
Kindle Fire HD (7" Google Android 4.0 modified)      Lenovo ThinkPad Twist (12.5" Microsoft Windows 8)
Kindle Fire (7" Google Android 4.0 modified)         Toshiba Satellite U925T (12.5" Microsoft Windows 8)
Google/LG Nexus 7 (7" Google Android 4.2)            Dell XPS 12 (12.5" Microsoft Windows 8)
                                                     Lenovo IdeaTab Lynx (11.6" Microsoft Windows 8)
20"-30" Desktops                                     Samsung ATIV Smart PC 500T/700T (11.6" Microsoft Windows 8)
Sony Tap 20 (20" touch screen Microsoft Windows 8)   Acer Iconia W700 (11.6" Microsoft Windows 8)
21.5-inch iMac (21.5" Apple OSX 10.8)                Sony Vaio Duo 11 (11.6" Microsoft Windows 8)
27-inch iMac (27" Apple OSX 10.8)                    Samsung Chromebook (11.6" Google Chrome OS)


                                                                            http://www.lukew.com/ff/entry.asp?1646
Designing The Experience
Performance
     =
  Design
Open Device Labs for A Better User Experience (Mobilliance, Hong Kong)
Testing & Improving
★   Test early
★   Test often
★   Test on REAL devices
www.flickr.com/photos/brad_frost/7387823392
Open Device Labs
Open Device Labs
are an effort to improve the quality and
user experience of the web by providing
their local web design/developer
community with a range of real devices for
real testing.
opendevicelab.com
Open Device Labs




                   opendevicelab.hk
DYDD
★   Donate Your Dusty Devices
★   @hkodl
★   lab@opendevicelab.hk
“   Every web user should be able to
    access any content with any
    device on the internet.
Thank You.


 Holger Bartel
  @foobartel
h@foobartel.com

More Related Content

PPTX
Powerpoint activity 2
PPTX
What is Android
PPTX
Android
ODP
Surface presentation
PDF
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
PPTX
Future of Mobility
PPT
Mobile and Tablet App Development and Market Share
PPT
Mobile and tablet app dev
Powerpoint activity 2
What is Android
Android
Surface presentation
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
Future of Mobility
Mobile and Tablet App Development and Market Share
Mobile and tablet app dev

Similar to Open Device Labs for A Better User Experience (Mobilliance, Hong Kong) (20)

PPTX
Universal windows platform - Application development done right
PPTX
Develop hololens
PPTX
Tablet
PPTX
แท็บเล๊ต
PPTX
แท็บเล๊ต
PPTX
Windows 10 e Universal Windows Platform
PPTX
Android operating system
PPTX
Saminar ppt of
PPTX
ANDROID technology
PPTX
Introduction to UWP - Universal Windows Platform Application Development
PPTX
Andriod (operating system)
PPTX
Where Design and Development Meet: Cross Platform Mobile Experiences
PPT
Mobility
PPTX
HTML5 GAME USING IMPACT JS
PPTX
09 09-2013 android-introduction p_pt
PPTX
Intro to Windows Presentation for CSS NC-2.pptx
PDF
Tech comm presentation 2012 08-16
PPTX
Universal Windows Platform Programando para todos y todas
PPTX
Presentation on Android operating system
PPT
Common platform-for-mobile-applications- thorsignia
Universal windows platform - Application development done right
Develop hololens
Tablet
แท็บเล๊ต
แท็บเล๊ต
Windows 10 e Universal Windows Platform
Android operating system
Saminar ppt of
ANDROID technology
Introduction to UWP - Universal Windows Platform Application Development
Andriod (operating system)
Where Design and Development Meet: Cross Platform Mobile Experiences
Mobility
HTML5 GAME USING IMPACT JS
09 09-2013 android-introduction p_pt
Intro to Windows Presentation for CSS NC-2.pptx
Tech comm presentation 2012 08-16
Universal Windows Platform Programando para todos y todas
Presentation on Android operating system
Common platform-for-mobile-applications- thorsignia
Ad

More from Holger Bartel (14)

PDF
The Untold Benefits of Ethical Design - Topconf Tallinn 2018
PDF
The Untold Benefits of Ethical Design - Coldfront 2018, Copenhagen
PDF
The Untold Benefits of Ethical Design - Web Directions Summit 2018, Sydney
PDF
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
PDF
Web Performance in the Age of HTTP/2 - FEDay Conference, Guangzhou, China 19/...
PDF
Form Function Class 6, Manila, Philippines 14/11/2015
PDF
HK CodeConf 2015 - Your WebPerf Sucks
PDF
Front End Tooling and Performance - Codeaholics HK 2015
PDF
Building Better Responsive Websites
PDF
Front End Best Practices
PDF
180 Degrees East, SmartDevCon 2013, Katowice, Poland
PDF
180 Degrees East, Webshaped 2013, Helsinki, Finland
PDF
180 Degrees East at Front Trends 2013, Warsaw, Poland
PDF
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
The Untold Benefits of Ethical Design - Topconf Tallinn 2018
The Untold Benefits of Ethical Design - Coldfront 2018, Copenhagen
The Untold Benefits of Ethical Design - Web Directions Summit 2018, Sydney
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Web Performance in the Age of HTTP/2 - FEDay Conference, Guangzhou, China 19/...
Form Function Class 6, Manila, Philippines 14/11/2015
HK CodeConf 2015 - Your WebPerf Sucks
Front End Tooling and Performance - Codeaholics HK 2015
Building Better Responsive Websites
Front End Best Practices
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, Webshaped 2013, Helsinki, Finland
180 Degrees East at Front Trends 2013, Warsaw, Poland
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
Ad

Recently uploaded (20)

PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Electronic commerce courselecture one. Pdf
PPTX
MYSQL Presentation for SQL database connectivity
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
Big Data Technologies - Introduction.pptx
PDF
Encapsulation theory and applications.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
KodekX | Application Modernization Development
PPT
Teaching material agriculture food technology
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Unlocking AI with Model Context Protocol (MCP)
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
“AI and Expert System Decision Support & Business Intelligence Systems”
Electronic commerce courselecture one. Pdf
MYSQL Presentation for SQL database connectivity
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Encapsulation_ Review paper, used for researhc scholars
20250228 LYD VKU AI Blended-Learning.pptx
Programs and apps: productivity, graphics, security and other tools
MIND Revenue Release Quarter 2 2025 Press Release
Chapter 3 Spatial Domain Image Processing.pdf
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Digital-Transformation-Roadmap-for-Companies.pptx
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Big Data Technologies - Introduction.pptx
Encapsulation theory and applications.pdf
Machine learning based COVID-19 study performance prediction
KodekX | Application Modernization Development
Teaching material agriculture food technology
Network Security Unit 5.pdf for BCA BBA.
Unlocking AI with Model Context Protocol (MCP)

Open Device Labs for A Better User Experience (Mobilliance, Hong Kong)

  • 1. Open Device Labs for A Better User Experience Holger Bartel - @foobartel
  • 2. The Mobile Web ★ Mobile Web Traffic ★ Device Penetration ★ Device Variety
  • 3. 10% of Internet usage worldwide accounts to Mobile http://thenextweb.com/mobile/2012/05/09/
  • 4. 2x the amount of 2010 http://thenextweb.com/mobile/2012/05/09/
  • 5. 2012 192.5% growth of mobile web traffic in Asia 2010 http://royal.pingdom.com/2012/05/08/mobile-web-traffic-asia-tripled/
  • 6. 538m Internet users in China http://mobithinking.com/blog/china-top-mobile-market
  • 7. 72% access the web via mobile http://mobithinking.com/blog/china-top-mobile-market
  • 8. 16% of global population = 1.1 billion active mobile-broadband subscriptions http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/b#mobilebroadbandcountries
  • 9. Global mobile broadband subscription outnumber fixed broadband subscriptions 2:1
  • 10. New Devices Since 09/12 4"-5" Smartphones 9"-10" Tablets Apple iPhone 5 (4" Apple iOS 6.0) iPad Gen 4 (9.7" Apple iOS 6.0) Nokia Lumia 920 (4.5" Microsoft Windows 8) Microsoft Surface Tablet (10.6" Microsoft Windows 8) HTC Windows Phone 8X (4.3" Microsoft Windows 8) Kindle Fire HD (8.9" Google Android 4.0 modified) HTC Windows Phone 8S (4.0" Microsoft Windows 8) Lenovo ThinkPad Tablet 2 (10.1" Microsoft Windows 8) Motorola Droid RAZR HD (4.7" Google Android 4.0) Acer Iconia Tab W510 (10.1" Microsoft Windows 8) Motorola Droid RAZR M (4.3" Google Android 4.0) Dell Latitude 10 (10.1" Microsoft Windows 8) Google/LG Nexus 4 (4.7" Google Android 4.2) Dell XPS 10 (10.1" Microsoft Windows 8) Asus Vivo Tab RT (10.1" Microsoft Windows 8) 5"-6" Phone/Tablet Hybrids Google/LG Nexus 10 (10.055” Google Android 4.2) Samsung Galaxy Note II (5.5" Google Android 4.0) 11"-17" Laptops & Convertibles (Tablet/Laptop) 7"-8" Tablets 13" MacBook Pro with Retina (13" Apple OSX 10.8) iPad Mini (7.9" Apple iOS 6.0) Lenovo IdeaPad Yoga 13 (13.3" Microsoft Windows 8) Kindle Fire HD (7" Google Android 4.0 modified) Lenovo ThinkPad Twist (12.5" Microsoft Windows 8) Kindle Fire (7" Google Android 4.0 modified) Toshiba Satellite U925T (12.5" Microsoft Windows 8) Google/LG Nexus 7 (7" Google Android 4.2) Dell XPS 12 (12.5" Microsoft Windows 8) Lenovo IdeaTab Lynx (11.6" Microsoft Windows 8) 20"-30" Desktops Samsung ATIV Smart PC 500T/700T (11.6" Microsoft Windows 8) Sony Tap 20 (20" touch screen Microsoft Windows 8) Acer Iconia W700 (11.6" Microsoft Windows 8) 21.5-inch iMac (21.5" Apple OSX 10.8) Sony Vaio Duo 11 (11.6" Microsoft Windows 8) 27-inch iMac (27" Apple OSX 10.8) Samsung Chromebook (11.6" Google Chrome OS) http://www.lukew.com/ff/entry.asp?1646
  • 12. Performance = Design
  • 14. Testing & Improving ★ Test early ★ Test often ★ Test on REAL devices
  • 17. Open Device Labs are an effort to improve the quality and user experience of the web by providing their local web design/developer community with a range of real devices for real testing.
  • 19. Open Device Labs opendevicelab.hk
  • 20. DYDD ★ Donate Your Dusty Devices ★ @hkodl ★ lab@opendevicelab.hk
  • 21. Every web user should be able to access any content with any device on the internet.
  • 22. Thank You. Holger Bartel @foobartel h@foobartel.com