Q9 Q11 Q13 Q15 Q17 Q19 Quarters Since Launch Subscribers (MM) iPhone + iTouch NTT docomo i-mode AOL Netscape iPhone + iTouch vs. NTT docomo i-mode vs. AOL vs. Netscape Users First 20 Quarters Since Launch Note: *AOL subscribers data not available before CQ3:94; Netscape users limited to US only. Morgan Stanley Research estimates ~39MM netbooks have shipped in first eight quarters since launch (10/07). Source: Company Reports , Morgan Stanley Research. Mobile Internet Outpaces Desktop Internet Adoption iPhone + iTouch Users = 8x AOL Users 9 Quarters After Launch Desktop Internet AOL* v 2.0 Launched 9/94 Mobile Internet NTT docomo i-mode Launched 6/99 Mobile Internet iPhone + iTouch Launched 6/07 ~57MM ~25MM ~7MM Desktop Internet Netscape* Launched 12/94 ~11MM 26 Source: http://www.morganstanley.com/institutional/techresearch/mobile_internet_report122009.html
80 000 000 100 000 000 2006 2007 2008 2009 2010 Total page views (Opera Mini) Data transfer (Opera Mini) Last month we had 52 billion page views. That is Reddit, times 52. Last month Opera Mini transferred 804 million megabytes of data. That is approx. 10 times the amount of data found in the online collection of the U.S. Library of Congress. January 2011: 90.368.678 + 15 million using Opera Mobile Unique Opera Mini users Graphic: Tom Byermoen // Opera Software Opera Mini is available for more than 3000 different mobile phone models
Win Big in New Cycles While Incumbents Often Falter Mainframe Computing 1960s Personal Computing 1980s Desktop Internet Computing 1990s Mobile Internet Computing 2000s Mini Computing 1970s New Winners New Winners New Winners New Winners Note: Winners from 1950s to 1980s based on Fortune 500 rankings (revenue-based), desktop Internet winners based on wealth created from 1995 to respective peak market capitalizations. Source: FactSet, Fortune, Morgan Stanley Research. Microsoft Cisco Intel Apple Oracle EMC Dell Compaq Google AOL eBay Yahoo! Yahoo! Japan Amazon.com Tencent Alibaba Baidu Rakuten Digital Equipment Data General HP Prime Computervision Wang Labs IBM NCR Control Data Sperry Honeywell Burroughs 16 Source: http://www.morganstanley.com/institutional/techresearch/mobile_internet_report122009.html
Bada Windows/Others Q2 2011 Smartphone Market Share (Gartner) Phones currently shipping WebKit in blue (97%). WebKit & HTML5: Dominant Mobile Platform By contrast, 10 smartphone operating systems.
Here Advertise Here Column Type of Email Type of Business Color POPULARITY RESET Hyundai USA Newsletter 3 Alertful Newsletter 2 Divine Chocolate Newsletter 2 Does your company send email to customers? http://www.email-gallery.com
content to adapt to different (browser or device) environments Responsive Design is also a state of mind Fluid Grid Layouts CSS Media Queries Fluid Images/Media A State of Mind + + + Responsive Web Design!
infrastructure. • If your pages are already using css layouts, you may only need to modify css and add mediaqueries. • Web pages look like they designed for mobile. Benefits • Mobile pages typically end up bloated. Desktop size images are downloaded and mobile browser is forced to resize. • Does nothing to address extra javascript not needed for mobile. • If your desktop pages have elements that mobile phones do not understand, it will still get downloaded resulting in odd experiences. Disadvantages
of devices. • Helps you focus on what really matters on pages. • Correct sized assets and optimized content for each device. • Same markup and content. No need for separate sites. • Many believe this is the future of web development and design. Benefits • IMG tag issues are not solved. Race conditions on browser loading exist. • Can you really have the same HTML for feature phone and GoogleTV? • Difficult to progressively enhance from XHTML-MP to HTML5. So you’re probably cutting off phones without realizing it. • Experimental and new. Few sites are doing this. Disadvantages
for years which means it is well-known. • Widely used by large organizations. • Ability to define device classes and deliver different content and functionality for each. Benefits • Requires signing up for an arms race of keeping up with the user agent strings of devices. With all of these new devices coming out, it will be challenging to keep up. • The open source device databases can’t be used for commercial sites which means you have to pay someone for the database or sign up for a service. Recurring cost. • The databases can have incorrect information in them or the device may mask its real identity. Disadvantages
that uses device detection and combines it with data from client-side feature detection. • This resolves the first load problem because the device detection gives the information you need to deliver the first page, but it also verifies the information by running javascript and setting a cookie with answers to key questions. This allows the device data to improve. • It also also the developers to add tacit knowledge to the mix to override device data when the developers know better. A good example of tacit knowledge is the fact that blackberry 5 supports a lot of javascript, but is so slow that it doesn’t make sense to use it even though it passes client js tests. • Even within device classes, responsive web design makes sense.
resizing Separation of content from markup so content can be used in native apps Prioritization of content based on context Full-featured APIs Synchronization New Ways to Enable Content Editors http://www.flickr.com/photos/expressmonorail/3046970004/sizes/l/
Page Desktop Redirect Mobile m.example.com/ products/[productID] Cloud Four Mobile Web Server Device Class Template A Device Class Template B Device Class Template C Device Class Template D Internet Web Services APIs One Possible Bridging Solution Mobile Web Server w/ RWD Platform Internet APIs Necessary to Support App Development
mobile software, and there's a desire for people who know how to make that work." — Steve Fredrick, general partner at private equity firm Grotech Ventures in Vienna, Va., and founder of job site StartUpHire.
grigs
tkikuchi
shonansurvivors
oracle4engineer
hirosatogamo
shigashiyama
fujiwara3
nssv
lycorp_recruit_jp
sansantech
ryder472
chou500
sergeychernyshev
hatefulcrawdad
bluesmoon
addyosmani
mongodb
gr2m
jonyablonski
lauravandoore
jponch
matthewcrist
chriscoyier
jacobian
![Desktop Web Server Internet example.com/products/[productID] Desktop or Mobile Desktop Web](https://files.speakerdeck.com/presentations/4eba23e863912f00540063d4/slide_87.jpg){kind=link}
