Your SlideShare is downloading. ×
Holger Bartel
@foobartel
SmartDevCon, Katowice, Poland, 12.09.2013
The Mobile Web in Asia
Open Device Lab HK
★ The Hong Kong Open Device Lab is a
community effort to improve the quality
and user experience of the ...
Ubiquity
?? ?
?
Responsive Web Design
Ubiquity
User Experience
Performance
Geolocation
Load Times
Culture
Behaviour
Language
Websites
App
...
Differences
Assumptions
Back to Homepage
Perfect Solutions Don’t Exist
?Questioning The Status Quo
Who are we designing for?
What You Know
What Users Know
!=
http://commons.wikimedia.org/wiki/File:AngusYoung.JPG
Your Infrastructure
Their Infrastructure
!=
The Mobile Landscape
Global mobile broadband
subscriptions outnumber
fixed broadband
subscriptions
2:1http://mobithinking.com/mobile-marketing-t...
1.1 billion active mobile-
broadband subscriptions
of global population
16%
http://mobithinking.com/mobile-marketing-tools...
Active mobile broadband
subscriptions 2011
Asia Pacific
422m
31st China Internet Development Statistical Report 2012
275% growth of mobile
web traffic in Asia
2010 - 2013
http://www.statcounter.com
Mobile Subscribers in China
1.13b
h p://mobithinking.com/blog/china-top-mobile-market
Internet Users in China
564m
31st China Internet Development Statistical Report 2012
Access the Web via Mobile
~70%
h p://mobithinking.com/blog/china-top-mobile-market
http://www.itu.int/ITU-D/ict/statistics/explorer/index.html
Enter Device Heaven
Xiaomi
@foobartel
@foobartel
@foobartel
@foobartel
@foobartel
The Many Many
Different Flavours
@foobartel
@foobartel
@foobartel
@foobartel
@foobartel
@foobartel
Mobile Browsers
UC Browser
Safari
Android
Nokia
Opera
QQ Browser
IE Mobile
Chrome
Tool of Choice? ;-)
Hong Kong:
3G, 4G & Unlimited Data
Hong Kong
Device Penetration
223%with 50% being 3G/4G subscribers
@foobartel
China:
2G, 3G
China:
2G, 3G, 4G on its way
Access the Web via Mobile
~405m
Shanghai 4G Trial
w/ 5000 Users
3G Mobile Subscriptions
in China
~15%
3G Mobile Subscriptions
in the US
~80%
Comparison:
3G Mobile Subscriptions
in other developing countries
<15%
http://www.flickr.com/photos/mtshaw/5647666247/in/photostream/
Every web user should be able to
access any content with any
device on the internet.
“
– Who?
Performance
Design
=
Location, Location.
Geolocation
Performance
+
May I Present…
GeoPerformance
GeoPerformance is the aim to optimize web
performance to work well and independent
of location to provide the best user
ex...
States of GeoPerformance
Local
Local
Global
Local
Global
Truly Global
– Jeremy Keith
Responsive design is not about
mobile. It's not about tablets. It's
not about desktops. It's about The
Web....
One Web…
Heavy Weight WebHeavy Weight Web
h p://www.flickr.com/photos/jeffrz/6012587117/sizes/l/in/photostream/
Just Because We Can…
Global mobile data traffic
will increase 13-fold
between 2012 and 2017.
Making The Same Mistakes
Cars?
http://commons.wikimedia.org/wiki/File:Benz-velo.jpg
http://www.flickr.com/photos/nairoozdotcom/3161725377/
http://www.flickr.com/photos/randychiu/3503570256/sizes/o/
?What’s Your Mobile
Content Now?
Language
Culture
h p://www.flickr.com/photos/nathaninsandiego/4027943348/
The Early Bird…The Early Bird…
Haan Sin, Sei Sin
行先死先
Haan Sin, Sei Sin
Walk First, Die First
@foobartel
Small Mistakes
Big Differences
Small Differences
Big Mistakes
Treat Idioms, Ideas and Ideals with Caution
Pepsi in China translated their slogan:
“Pepsi Brings You Back to Life.”
The slogan in Chinese literally means:
“Pepsi Bri...
Localization Advantage
Proportion of Revenue
Russia
1. English
2. Russian Japan
1. Japanese
2. English
Korea
1. Korean
2. English
China
1. Chines...
Adding
Native Language
The Impact of
Increase in Download Volume
128%
Increase in Revenue
26%
iPhone
iPad
!=
Use Localization to Your
Advantage
Even A Small Market Share
Can Mean Several Million
Users in Asia
Stay Open-Minded
Understanding can be
frustrating and hard to
accept
Overcome technical as
well as cultural barriers.
Ponder Your WTF
Moments
Embrace The Difference.
And Now Do
Awesome Stuff.
Thank You.
@foobartel
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
Upcoming SlideShare
Loading in...5
×

180 Degrees East, SmartDevCon 2013, Katowice, Poland

616

Published on

180 Degrees East - Insights into the Mobile Web in Asia, with a closer look on the market in Hong Kong and China, its infrastructure, different devices, OS fragmentation and what it means for Responsive Web Design, App Development as well as Performance & GeoPerformance.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
616
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "180 Degrees East, SmartDevCon 2013, Katowice, Poland"

  1. 1. Holger Bartel @foobartel SmartDevCon, Katowice, Poland, 12.09.2013 The Mobile Web in Asia
  2. 2. Open Device Lab HK ★ The Hong Kong Open Device Lab is a community effort to improve the quality and user experience of the web ★ Visit: opendevicelab.hk ★ Find out more: opendevicelab.com
  3. 3. Ubiquity
  4. 4. ?? ? ?
  5. 5. Responsive Web Design Ubiquity User Experience Performance Geolocation Load Times Culture Behaviour Language Websites App Design Research Web Services Mobile Smart Phone Tablet Desktop
  6. 6. Differences
  7. 7. Assumptions
  8. 8. Back to Homepage
  9. 9. Perfect Solutions Don’t Exist
  10. 10. ?Questioning The Status Quo Who are we designing for?
  11. 11. What You Know What Users Know !=
  12. 12. http://commons.wikimedia.org/wiki/File:AngusYoung.JPG
  13. 13. Your Infrastructure Their Infrastructure !=
  14. 14. The Mobile Landscape
  15. 15. Global mobile broadband subscriptions outnumber fixed broadband subscriptions 2:1http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/b#mobilebroadbandcountries
  16. 16. 1.1 billion active mobile- broadband subscriptions of global population 16% http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/b#mobilebroadbandcountries
  17. 17. Active mobile broadband subscriptions 2011 Asia Pacific 422m 31st China Internet Development Statistical Report 2012
  18. 18. 275% growth of mobile web traffic in Asia 2010 - 2013 http://www.statcounter.com
  19. 19. Mobile Subscribers in China 1.13b h p://mobithinking.com/blog/china-top-mobile-market
  20. 20. Internet Users in China 564m 31st China Internet Development Statistical Report 2012
  21. 21. Access the Web via Mobile ~70% h p://mobithinking.com/blog/china-top-mobile-market
  22. 22. http://www.itu.int/ITU-D/ict/statistics/explorer/index.html
  23. 23. Enter Device Heaven
  24. 24. Xiaomi
  25. 25. @foobartel
  26. 26. @foobartel
  27. 27. @foobartel
  28. 28. @foobartel
  29. 29. @foobartel
  30. 30. The Many Many Different Flavours
  31. 31. @foobartel
  32. 32. @foobartel
  33. 33. @foobartel
  34. 34. @foobartel
  35. 35. @foobartel
  36. 36. @foobartel
  37. 37. Mobile Browsers UC Browser Safari Android Nokia Opera QQ Browser IE Mobile Chrome
  38. 38. Tool of Choice? ;-)
  39. 39. Hong Kong: 3G, 4G & Unlimited Data
  40. 40. Hong Kong Device Penetration 223%with 50% being 3G/4G subscribers
  41. 41. @foobartel
  42. 42. China: 2G, 3G
  43. 43. China: 2G, 3G, 4G on its way
  44. 44. Access the Web via Mobile ~405m
  45. 45. Shanghai 4G Trial w/ 5000 Users
  46. 46. 3G Mobile Subscriptions in China ~15%
  47. 47. 3G Mobile Subscriptions in the US ~80% Comparison:
  48. 48. 3G Mobile Subscriptions in other developing countries <15%
  49. 49. http://www.flickr.com/photos/mtshaw/5647666247/in/photostream/
  50. 50. Every web user should be able to access any content with any device on the internet. “ – Who?
  51. 51. Performance Design =
  52. 52. Location, Location.
  53. 53. Geolocation Performance +
  54. 54. May I Present…
  55. 55. GeoPerformance
  56. 56. GeoPerformance is the aim to optimize web performance to work well and independent of location to provide the best user experience possible.
  57. 57. States of GeoPerformance
  58. 58. Local
  59. 59. Local Global
  60. 60. Local Global Truly Global
  61. 61. – Jeremy Keith Responsive design is not about mobile. It's not about tablets. It's not about desktops. It's about The Web. “
  62. 62. One Web…
  63. 63. Heavy Weight WebHeavy Weight Web h p://www.flickr.com/photos/jeffrz/6012587117/sizes/l/in/photostream/
  64. 64. Just Because We Can…
  65. 65. Global mobile data traffic will increase 13-fold between 2012 and 2017.
  66. 66. Making The Same Mistakes
  67. 67. Cars? http://commons.wikimedia.org/wiki/File:Benz-velo.jpg
  68. 68. http://www.flickr.com/photos/nairoozdotcom/3161725377/
  69. 69. http://www.flickr.com/photos/randychiu/3503570256/sizes/o/
  70. 70. ?What’s Your Mobile Content Now?
  71. 71. Language Culture
  72. 72. h p://www.flickr.com/photos/nathaninsandiego/4027943348/ The Early Bird…The Early Bird…
  73. 73. Haan Sin, Sei Sin 行先死先
  74. 74. Haan Sin, Sei Sin Walk First, Die First
  75. 75. @foobartel
  76. 76. Small Mistakes Big Differences Small Differences Big Mistakes Treat Idioms, Ideas and Ideals with Caution
  77. 77. Pepsi in China translated their slogan: “Pepsi Brings You Back to Life.” The slogan in Chinese literally means: “Pepsi Brings Your Ancestors Back from the Grave.”
  78. 78. Localization Advantage
  79. 79. Proportion of Revenue Russia 1. English 2. Russian Japan 1. Japanese 2. English Korea 1. Korean 2. English China 1. Chinese 2. English Australia 1. English 2. German Germany 1. English 2. German UK 1. English 2. German France 1. English 2. French Italy 1. English 2. Italian Canada 1. English 2. German United States 1. English 2. German Brazil 1. English 2. Spanish http://www.distimo.com/publications
  80. 80. Adding Native Language The Impact of
  81. 81. Increase in Download Volume 128%
  82. 82. Increase in Revenue 26%
  83. 83. iPhone iPad !=
  84. 84. Use Localization to Your Advantage
  85. 85. Even A Small Market Share Can Mean Several Million Users in Asia
  86. 86. Stay Open-Minded
  87. 87. Understanding can be frustrating and hard to accept
  88. 88. Overcome technical as well as cultural barriers.
  89. 89. Ponder Your WTF Moments
  90. 90. Embrace The Difference.
  91. 91. And Now Do Awesome Stuff.
  92. 92. Thank You. @foobartel

×