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.

1. Holger Bartel
@foobartel
SmartDevCon, Katowice, Poland, 12.09.2013
The Mobile Web in Asia

3. 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

4. Ubiquity

5. ?? ?
?

6. Responsive Web Design
Ubiquity
User Experience
Performance
Geolocation
Load Times
Culture
Behaviour
Language
Websites
App
Design
Research
Web Services
Mobile
Smart Phone
Tablet
Desktop

7. Differences

20. Assumptions

21. Back to Homepage

22. Perfect Solutions Don’t Exist

23. ?Questioning The Status Quo
Who are we designing for?

24. What You Know
What Users Know
!=

25. http://commons.wikimedia.org/wiki/File:AngusYoung.JPG

26. Your Infrastructure
Their Infrastructure
!=

27. The Mobile Landscape

28. Global mobile broadband
subscriptions outnumber
fixed broadband
subscriptions
2:1http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/b#mobilebroadbandcountries

29. 1.1 billion active mobile-
broadband subscriptions
of global population
16%
http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/b#mobilebroadbandcountries

30. Active mobile broadband
subscriptions 2011
Asia Pacific
422m
31st China Internet Development Statistical Report 2012

31. 275% growth of mobile
web traffic in Asia
2010 - 2013
http://www.statcounter.com

32. Mobile Subscribers in China
1.13b
h p://mobithinking.com/blog/china-top-mobile-market

33. Internet Users in China
564m
31st China Internet Development Statistical Report 2012

34. Access the Web via Mobile
~70%
h p://mobithinking.com/blog/china-top-mobile-market

35. http://www.itu.int/ITU-D/ict/statistics/explorer/index.html

36. Enter Device Heaven

38. Xiaomi

45. @foobartel

47. @foobartel

48. @foobartel

49. @foobartel

50. @foobartel

51. The Many Many
Different Flavours

52. @foobartel

56. @foobartel

57. @foobartel

58. @foobartel

59. @foobartel

60. @foobartel

61. Mobile Browsers
UC Browser
Safari
Android
Nokia
Opera
QQ Browser
IE Mobile
Chrome

62. Tool of Choice? ;-)

63. Hong Kong:
3G, 4G & Unlimited Data

67. Hong Kong
Device Penetration
223%with 50% being 3G/4G subscribers

73. @foobartel

74. China:
2G, 3G

75. China:
2G, 3G, 4G on its way

76. Access the Web via Mobile
~405m

78. Shanghai 4G Trial
w/ 5000 Users

79. 3G Mobile Subscriptions
in China
~15%

80. 3G Mobile Subscriptions
in the US
~80%
Comparison:

81. 3G Mobile Subscriptions
in other developing countries
<15%

82. http://www.flickr.com/photos/mtshaw/5647666247/in/photostream/

83. Every web user should be able to
access any content with any
device on the internet.
“
– Who?

84. Performance
Design
=

86. Location, Location.

87. Geolocation
Performance
+

88. May I Present…

89. GeoPerformance

90. GeoPerformance is the aim to optimize web
performance to work well and independent
of location to provide the best user
experience possible.

91. States of GeoPerformance

92. Local

93. Local
Global

94. Local
Global
Truly Global

95. – Jeremy Keith
Responsive design is not about
mobile. It's not about tablets. It's
not about desktops. It's about The
Web.
“

96. One Web…

97. Heavy Weight WebHeavy Weight Web
h p://www.flickr.com/photos/jeffrz/6012587117/sizes/l/in/photostream/

103. Just Because We Can…

104. Global mobile data traffic
will increase 13-fold
between 2012 and 2017.

105. Making The Same Mistakes

106. Cars?
http://commons.wikimedia.org/wiki/File:Benz-velo.jpg

107. http://www.flickr.com/photos/nairoozdotcom/3161725377/

108. http://www.flickr.com/photos/randychiu/3503570256/sizes/o/

109. ?What’s Your Mobile
Content Now?

111. Language
Culture

112. h p://www.flickr.com/photos/nathaninsandiego/4027943348/
The Early Bird…The Early Bird…

113. Haan Sin, Sei Sin
行先死先

114. Haan Sin, Sei Sin
Walk First, Die First

115. @foobartel

116. Small Mistakes
Big Differences
Small Differences
Big Mistakes
Treat Idioms, Ideas and Ideals with Caution

117. 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.”

118. Localization Advantage

119. 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

120. Adding
Native Language
The Impact of

121. Increase in Download Volume
128%

122. Increase in Revenue
26%

123. iPhone
iPad
!=

124. Use Localization to Your
Advantage

125. Even A Small Market Share
Can Mean Several Million
Users in Asia

126. Stay Open-Minded

127. Understanding can be
frustrating and hard to
accept

128. Overcome technical as
well as cultural barriers.

129. Ponder Your WTF
Moments

130. Embrace The Difference.

131. And Now Do
Awesome Stuff.

132. Thank You.
@foobartel