SlideShare a Scribd company logo
WELCOME
Mobile Development Workshop
AMANDA MCCONNELL
            Head of Product


                @zorstag



but wait, there’s no “mobile” in that title!
If you are in Technology today you are
                in Mobile.
42% of all mobile users in the US are smart phone users.
Almost 50% of all mobile users in the US have used an App
                   and Mobile Browser.
40 million tablet subscribers in 2 years, 3.5x faster adoption
                     then smartphones.
8.2% of internet traffic came from a mobile device
                  as of Dec 2011
But what does this mean for my
          company?
ASSESS YOUR MOBILE
               LANDSCAPE

• What    percentage of your web traffic is mobile?

• How   do users get to your site?

• Apps?

• What    do your key metrics look like on mobile devices?
Its all about the data
DETERMINE YOUR MOBILE
             STRATEGY

• Ifyou don’t have apps, get some. If you have apps, how are
  they performing?

• Does  your API support all the features and functionality you
  need in your apps?

• How    are you going to address your mobile web traffic?

• How    many resources can you dedicate to mobile efforts?
Bring on the experts!
APPs
       BESS HO
       Founding Partner and Mobile Architect, Archimedes Labs
       @bess


API
       KETAN ANJARIA
       Founder, CardFlick
       @kidbombay



Responsive Design
       PATTY TOLAND
       Partner, Filament Group, Inc.
       @pattytoland
Women Powering Technology Summit
  Technical Workshop: Mobile Development


   Mobile Trends
             Bess Ho @bess
            Archimedes Labs
                  Jun 5, 2012
                Santa Clara CA
About Me         @bess

 Book      Startup       Startup
Author    Incubator      Adviser
          Archimedes
             Labs



  m ing          Mobile Workshops
Co
                     Technical
                   IP for Startup
Mobile First
Web Second
           Fred Wilson
              2010
Mobile First
Mobile First

      Your SMS Message:

“   follow fredwilson to 40404
                                   ”
In 2010 46% Twitter active users use
mobile regularly
Mobile First




Foursquare has little value on its web app
Foursquare delivers key values on mobile
Mobile First




Kleiner Partner Mary Meeker’s 2012 May Report
Desktop vs Mobile




Kleiner Partner Mary Meeker’s 2012 May Report
eCommerce vs mCommerce




Kleiner Partner Mary Meeker’s 2012 May Report
iPhone vs Tablet




Kleiner Partner Mary Meeker’s 2012 May Report
Desktop Laptop vs Tablet




Kleiner Partner Mary Meeker’s 2012 May Report
iPad
IDC reported 17.4 Million Tablets were
shipped worldwide in 1st QTR in 2012
34 Million Tablets
Tablet generates 3.4 times more traffic
than smartphone 517 MB/month vs 150
MB/month
By 2016 Tablets is 10% of global mobile
data traffic
68% are iPads
iPad
By 2016 Tablet generates the same traffic
as mobile traffic in 2012
Big Data


                   In 2011 Mobile data was 8x the size of
                   web data in 2000
                   No. of mobile devices exceeds no. of
                   worldwide population by 2013




Cisco’s Visual Networking Index (VNI) Mobile Report 2012
Big Data
                                              More




Cisco’s Visual Networking Index (VNI) Mobile Report 2012
Big Data


                   More Data
                   More Connectivity
                   More Bandwidth

Cisco’s Visual Networking Index (VNI) Mobile Report 2012
Mobile Usage




Sandvine 2012 Report
mVideo
               52% of mobile traffic is Video
               Mobile video is Top activities for mobile users
               By 2016 70+% mobile traffic will be Video




Cisco’s Visual Networking Index (VNI) Mobile Report 2012
Audio Video Streaming
            YouTube is the largest source of mobile web
            traffic 12-25%
            Netflix 2%
            Pandora 6%




Sandvine 2012 Report
Mobile Monetization


  “Biggest Mistake”


Web = Mobile
Mobile Monetization
Freemium Business Model

                  56%
   44%
               App Sales
 Avg IAP       Avg $3.77
   $14

FREE APP       PAID APP
In-App Purchase

                 30% of iOS revenue comes from in-app
                 purchases in 2010
                 34 of Top 100 Grossing apps are free
                 monetized by in-app purchases
                 Epic Games made $10 Million in 2011 from
                 Infinity Blade 40+% from in-app
                 purchases


Gamesbrief.com 2011
In-App Purchase (IAP)

                 Average transaction in-app purchase $14
                 (iOS or Android)
                 14x revenue than Freemium
                 51% Revenue from in-app purchases
                 comes from transactions of over $20
                 Of that 51%, 30% comes from $50+
                 transactions


Gamesbrief.com 2011
IAP is Addictive

                      Spending is a habit
                 56% of game player that spend a dollar
                 come back to spend a 2nd time
                 25% spend 3 or more times




Gamesbrief.com 2011
Dogs vs Cats

                      Loyalty is GOLD
                          20 : 1
Loyal Purchaser = 20 x One-time Purchaser
    Top Purchaser = 100 x Loyal Purchaser



Gamesbrief.com 2011
Profit

                      Courting Rule


  80-90% of Profit
  comes from              0.5%        of User




Gamesbrief.com 2011
Mobile Monetization




Gamesbrief.com 2011
Life Before & After




Gamesbrief.com 2011
Mobile Monetization

      IAP vs Freemium


IAP > Advertised Free App

IAP > Pay-to-play (Paid App)
Mobile Monetization
     “Bigger Mistake”




iPad = iPhone
Big Trends
                      It’s about PAYING




Gamesbrief.com 2011
Mobile Strategy
           “Mobile First Web Second”
                         Fred Wilson
                   VC, Union Square Ventures
  Early Days
                            Native
                             App
Native   Mobile
 App     Web App
                            Web
                            App
Mobile Strategy
   “App Design Should be
  Mobile First, Web Second”

                   Fred Wilson
Native       VC, Union Square Ventures
 App


Web
App
Mobile Strategy
   Facebook CTO Bret Taylor

Problems           Solution
   B
A     C
   D               HTML5
 E     G    2011
    F
Mobile Strategy




                  Gigaom
                  Nov 2011
Strategy I
Native App                        Cloud
using
Objective-C             REST API          HTTP
                        XML / JSON        GET / POST

                                 iOS SDK
• UIWebView is a lite version
    of Safari browser            UIWebView
•   Update without approval
    process
•   Content is layout in HTML5
•   Share same content
•   Update using CSS template
Strategy II
Native app                     Cloud
using
HTML5                REST API          HTTP
framework            XML / JSON        GET / POST

• Appcelerator Titanium -       HTML5
    HTML/JS/CSS (iOS /        Framework
    Android / BlackBerry in
    beta)
•   PhoneGap - HTML/JS/CSS
    (iOS / Android /
    BlackBerry / WebOS /
    Window Phone / Bada /
    Symbian)
Strategy III
Native app
using
cross-
platform
framework
                               Cross Platform
• Conrona - Lua                 Framework
• Adobe AIR - ActionScript 3
    & Flash
•   Rhodes - Ruby                   Lua,
•   Unity - UnityScript(JS),      Ruby, AS,
    C#, Boo(Python)                  C#
•   Mono - C# .NET
Mobile Strategy
        “Bigger Mistake”


MySQL = No SQL
 RSDB                  No JOIN
                 Not ACID Guarantees
              Distributed & Fault-tolerant
                      Architecture
                   Horizontally Scale
Heavy Lifting: No SQL




MongoDB        Hadoop
Mobile Strategy
       “Bigger Mistake”

Server-side
Frameworks    =    Server-side
                       API

                         I/O API
                     Non-Blocking
                     Asynchronous
                      Event-driven
                       JavaScript
Mobile Strategy
     “Bigger Mistake”
Thin                    Thick
Client                  Client



           =
Thick
Cloud                   Thin
                        Cloud
Mobile First
          Archimedes Labs
     Social | Consumer | Mobile

              @Bess
     bess@archimedeslabs.com
http://www.slideshare.net/bess.ho
APPs
       BESS HO
       Founding Partner and Mobile Architect, Archimedes Labs
       @bess


API
       KETAN ANJARIA
       Founder, CardFlick
       @kidbombay



Responsive Design
       PATTY TOLAND
       Partner, Filament Group, Inc.
       @pattytoland
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
APPs
       BESS HO
       Founding Partner and Mobile Architect, Archimedes Labs
       @bess


API
       KETAN ANJARIA
       Founder, CardFlick
       @kidbombay



Responsive Design
       PATTY TOLAND
       Partner, Filament Group, Inc.
       @pattytoland
filament group
Patty Toland
Partner
filament group
We design engaging sites and
applications that are simple to use
and accessible to everyone.
Authors
Bloggers & contributors
Sponsor & design lead
Our goal
Engaging experiences
     that are inclusive
In other words...



Sites that work
  everywhere
 and for everyone
5.98 7.0
            Billion
                  1
      Mobile Global
Subscriptions Population
        http://www.itu.int/ITU-D/ict/statistics/at_glance/KeyTelecom.html
Mobile
Billions of
devices
They aren’t all
iPhones...
Perception: screen sizes typically on the radar
Perception: screen sizes typically on the radar
Reality: what screen sizes are people really using?
Reality: what screen sizes are people really using?
Responsive Web Design
    to the rescue!
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
1 codebase
All Platforms
RWD key principles:
• Mobile-first, Progressive
  Enhancement-based markup
• Flexible grids, images and
  media
• Media Queries (CSS3 spec) for
  viewport & features
• Content Strategy /
  Optimization
Web standards
Accessible
Test real devices:
70+ devices in our lab
Responsive
     ≠
1-size fits all
Responsive
     ≠
lowest common
  denominator
Responsive done right:



   1 modular codebase
      + smart logic
     + optimization
  = many experiences,
each context appropriate
The big RWD challenges:
 •   Content Management
 •   Advertising
 •   Video & Image (Retina)
 •   New KPIs & Tracking
 •   Bandwidth
 •   Organizational change
THANK YOU
                                   Please tweet or email questions
                                     @zorstag | zorstag@gmail.com




Additional Information & reference materials

- KPCB - Internet Trends 2012: http://www.slideshare.net/kleinerperkins/kpcb-internet-trends-2012
- Comscore - 2012 Mobile Future in Focus: http://www.comscore.com/Press_Events/Presentations_Whitepapers/
2012/2012_Mobile_Future_in_Focus

More Related Content

PPT
WITI Summit 2013 Mobile Technology Trends & Strategy
KEY
WITI.ORG Women Technology Summit 2012
KEY
Mark Challinor - Digital Compass - Where are we going, who's leading the way?
KEY
Putting Web Into Native App
PDF
Executive's guide to the iPad for business
PDF
Empowered Entrepreneurs and Hyper Growth in Mobile Era
PDF
Future Tech for Concur User Conference
PPT
The Library in Your Pocket: Mobile Trends for Libraries
WITI Summit 2013 Mobile Technology Trends & Strategy
WITI.ORG Women Technology Summit 2012
Mark Challinor - Digital Compass - Where are we going, who's leading the way?
Putting Web Into Native App
Executive's guide to the iPad for business
Empowered Entrepreneurs and Hyper Growth in Mobile Era
Future Tech for Concur User Conference
The Library in Your Pocket: Mobile Trends for Libraries

What's hot (20)

PDF
When is an app not an app
PDF
Mobile apps and adoption v2
KEY
Mobile development : reaching critical mass
PDF
Next Generation Digital Publishing for Newspapers - MIC Brussels presentation
PDF
Salesforce.com Partner Meetup - Atlanta -10/31/12
PDF
Mobile retail summit 26 1-12 - incentivated
PPTX
Role of Operators in the Mobile App Delivery Ecosystem
PDF
Apps in the Enterprise: Creating New Lines of Business & Productivity
PDF
Mobile Landscape Challenges
PPTX
Digital Trends March 2012
PDF
Digital Marketing Summit 2013 (Mobile Era section on Mar 13th 2013)
PDF
WSO2Con ASIA 2016: Mobile Strategy for Your Enterprise
PDF
Mobile Applications – Market Evaluation and Opportunities
PDF
Native App vs. Browser
PDF
The New Next: 2011 Moblie Influencers Predictions by TrendsSpotting
PDF
The state of mobile - In The Pocket
PDF
Mobile Apps Conference Sydney 2012 - Delivering Native Apps
PDF
Marketers guide to ipad for business
KEY
PDF
Mobile Friendly Websites
When is an app not an app
Mobile apps and adoption v2
Mobile development : reaching critical mass
Next Generation Digital Publishing for Newspapers - MIC Brussels presentation
Salesforce.com Partner Meetup - Atlanta -10/31/12
Mobile retail summit 26 1-12 - incentivated
Role of Operators in the Mobile App Delivery Ecosystem
Apps in the Enterprise: Creating New Lines of Business & Productivity
Mobile Landscape Challenges
Digital Trends March 2012
Digital Marketing Summit 2013 (Mobile Era section on Mar 13th 2013)
WSO2Con ASIA 2016: Mobile Strategy for Your Enterprise
Mobile Applications – Market Evaluation and Opportunities
Native App vs. Browser
The New Next: 2011 Moblie Influencers Predictions by TrendsSpotting
The state of mobile - In The Pocket
Mobile Apps Conference Sydney 2012 - Delivering Native Apps
Marketers guide to ipad for business
Mobile Friendly Websites
Ad

Viewers also liked (6)

PPTX
Anatomy of a Feature Release
PPTX
Release planning using feature points
PPTX
Agile Release Planning
PPT
Release Management
PDF
Agile Project Management for PMP's
PPTX
Release Management: Successful Software Releases Start with a Plan
Anatomy of a Feature Release
Release planning using feature points
Agile Release Planning
Release Management
Agile Project Management for PMP's
Release Management: Successful Software Releases Start with a Plan
Ad

Similar to WITI Mobile Development Workshop 2012 (20)

PDF
WITI Summit 2013 Mobile Trend
PDF
Uniway seminar ecommerce - 2011 10 04 - v2
PDF
Using HTML5 to Build Mobile Apps
PPTX
Pick Your Poison – Mobile Web, Native or Hybrid?
PPTX
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
PDF
Dnx Mobile Marketing Golden Rules
PPT
Mobile is the new Godzilla July 2011 FCIP
PPTX
Marketing in a Mobile World
PPTX
Economic Primer on App Development
PDF
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
PPTX
The mobile traveler experience
PPTX
Interactive Mobile Applications in the Enterprise: Are You Ready?
PDF
#MobileInAction - iRecruitExpo June 2013, Amsterdam
PPSX
Designing User Experience for multiple screen and device formats
PPTX
Driving Content to a Mobile Device. Are we Killing the Internet?
PDF
HTML5 vs. Native Apps: Demystifying the Decision Making Process
PDF
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
PPTX
Architecting mobile solutions for the enterprise
KEY
Developing for Mobility
PDF
Native, Web App, or Hybrid: Which Should You Choose?
WITI Summit 2013 Mobile Trend
Uniway seminar ecommerce - 2011 10 04 - v2
Using HTML5 to Build Mobile Apps
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Dnx Mobile Marketing Golden Rules
Mobile is the new Godzilla July 2011 FCIP
Marketing in a Mobile World
Economic Primer on App Development
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
The mobile traveler experience
Interactive Mobile Applications in the Enterprise: Are You Ready?
#MobileInAction - iRecruitExpo June 2013, Amsterdam
Designing User Experience for multiple screen and device formats
Driving Content to a Mobile Device. Are we Killing the Internet?
HTML5 vs. Native Apps: Demystifying the Decision Making Process
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
Architecting mobile solutions for the enterprise
Developing for Mobility
Native, Web App, or Hybrid: Which Should You Choose?

Recently uploaded (20)

PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Electronic commerce courselecture one. Pdf
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPT
Teaching material agriculture food technology
PDF
Approach and Philosophy of On baking technology
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Empathic Computing: Creating Shared Understanding
PDF
Network Security Unit 5.pdf for BCA BBA.
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Cloud computing and distributed systems.
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Chapter 3 Spatial Domain Image Processing.pdf
20250228 LYD VKU AI Blended-Learning.pptx
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Digital-Transformation-Roadmap-for-Companies.pptx
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Electronic commerce courselecture one. Pdf
CIFDAQ's Market Insight: SEC Turns Pro Crypto
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Teaching material agriculture food technology
Approach and Philosophy of On baking technology
Advanced methodologies resolving dimensionality complications for autism neur...
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Empathic Computing: Creating Shared Understanding
Network Security Unit 5.pdf for BCA BBA.
The AUB Centre for AI in Media Proposal.docx
Cloud computing and distributed systems.
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Building Integrated photovoltaic BIPV_UPV.pdf
Machine learning based COVID-19 study performance prediction
Build a system with the filesystem maintained by OSTree @ COSCUP 2025

WITI Mobile Development Workshop 2012

  • 2. AMANDA MCCONNELL Head of Product @zorstag but wait, there’s no “mobile” in that title!
  • 3. If you are in Technology today you are in Mobile.
  • 4. 42% of all mobile users in the US are smart phone users.
  • 5. Almost 50% of all mobile users in the US have used an App and Mobile Browser.
  • 6. 40 million tablet subscribers in 2 years, 3.5x faster adoption then smartphones.
  • 7. 8.2% of internet traffic came from a mobile device as of Dec 2011
  • 8. But what does this mean for my company?
  • 9. ASSESS YOUR MOBILE LANDSCAPE • What percentage of your web traffic is mobile? • How do users get to your site? • Apps? • What do your key metrics look like on mobile devices?
  • 10. Its all about the data
  • 11. DETERMINE YOUR MOBILE STRATEGY • Ifyou don’t have apps, get some. If you have apps, how are they performing? • Does your API support all the features and functionality you need in your apps? • How are you going to address your mobile web traffic? • How many resources can you dedicate to mobile efforts?
  • 12. Bring on the experts!
  • 13. APPs BESS HO Founding Partner and Mobile Architect, Archimedes Labs @bess API KETAN ANJARIA Founder, CardFlick @kidbombay Responsive Design PATTY TOLAND Partner, Filament Group, Inc. @pattytoland
  • 14. Women Powering Technology Summit Technical Workshop: Mobile Development Mobile Trends Bess Ho @bess Archimedes Labs Jun 5, 2012 Santa Clara CA
  • 15. About Me @bess Book Startup Startup Author Incubator Adviser Archimedes Labs m ing Mobile Workshops Co Technical IP for Startup
  • 16. Mobile First Web Second Fred Wilson 2010
  • 18. Mobile First Your SMS Message: “ follow fredwilson to 40404 ” In 2010 46% Twitter active users use mobile regularly
  • 19. Mobile First Foursquare has little value on its web app Foursquare delivers key values on mobile
  • 20. Mobile First Kleiner Partner Mary Meeker’s 2012 May Report
  • 21. Desktop vs Mobile Kleiner Partner Mary Meeker’s 2012 May Report
  • 22. eCommerce vs mCommerce Kleiner Partner Mary Meeker’s 2012 May Report
  • 23. iPhone vs Tablet Kleiner Partner Mary Meeker’s 2012 May Report
  • 24. Desktop Laptop vs Tablet Kleiner Partner Mary Meeker’s 2012 May Report
  • 25. iPad IDC reported 17.4 Million Tablets were shipped worldwide in 1st QTR in 2012 34 Million Tablets Tablet generates 3.4 times more traffic than smartphone 517 MB/month vs 150 MB/month By 2016 Tablets is 10% of global mobile data traffic 68% are iPads
  • 26. iPad By 2016 Tablet generates the same traffic as mobile traffic in 2012
  • 27. Big Data In 2011 Mobile data was 8x the size of web data in 2000 No. of mobile devices exceeds no. of worldwide population by 2013 Cisco’s Visual Networking Index (VNI) Mobile Report 2012
  • 28. Big Data More Cisco’s Visual Networking Index (VNI) Mobile Report 2012
  • 29. Big Data More Data More Connectivity More Bandwidth Cisco’s Visual Networking Index (VNI) Mobile Report 2012
  • 31. mVideo 52% of mobile traffic is Video Mobile video is Top activities for mobile users By 2016 70+% mobile traffic will be Video Cisco’s Visual Networking Index (VNI) Mobile Report 2012
  • 32. Audio Video Streaming YouTube is the largest source of mobile web traffic 12-25% Netflix 2% Pandora 6% Sandvine 2012 Report
  • 33. Mobile Monetization “Biggest Mistake” Web = Mobile
  • 34. Mobile Monetization Freemium Business Model 56% 44% App Sales Avg IAP Avg $3.77 $14 FREE APP PAID APP
  • 35. In-App Purchase 30% of iOS revenue comes from in-app purchases in 2010 34 of Top 100 Grossing apps are free monetized by in-app purchases Epic Games made $10 Million in 2011 from Infinity Blade 40+% from in-app purchases Gamesbrief.com 2011
  • 36. In-App Purchase (IAP) Average transaction in-app purchase $14 (iOS or Android) 14x revenue than Freemium 51% Revenue from in-app purchases comes from transactions of over $20 Of that 51%, 30% comes from $50+ transactions Gamesbrief.com 2011
  • 37. IAP is Addictive Spending is a habit 56% of game player that spend a dollar come back to spend a 2nd time 25% spend 3 or more times Gamesbrief.com 2011
  • 38. Dogs vs Cats Loyalty is GOLD 20 : 1 Loyal Purchaser = 20 x One-time Purchaser Top Purchaser = 100 x Loyal Purchaser Gamesbrief.com 2011
  • 39. Profit Courting Rule 80-90% of Profit comes from 0.5% of User Gamesbrief.com 2011
  • 41. Life Before & After Gamesbrief.com 2011
  • 42. Mobile Monetization IAP vs Freemium IAP > Advertised Free App IAP > Pay-to-play (Paid App)
  • 43. Mobile Monetization “Bigger Mistake” iPad = iPhone
  • 44. Big Trends It’s about PAYING Gamesbrief.com 2011
  • 45. Mobile Strategy “Mobile First Web Second” Fred Wilson VC, Union Square Ventures Early Days Native App Native Mobile App Web App Web App
  • 46. Mobile Strategy “App Design Should be Mobile First, Web Second” Fred Wilson Native VC, Union Square Ventures App Web App
  • 47. Mobile Strategy Facebook CTO Bret Taylor Problems Solution B A C D HTML5 E G 2011 F
  • 48. Mobile Strategy Gigaom Nov 2011
  • 49. Strategy I Native App Cloud using Objective-C REST API HTTP XML / JSON GET / POST iOS SDK • UIWebView is a lite version of Safari browser UIWebView • Update without approval process • Content is layout in HTML5 • Share same content • Update using CSS template
  • 50. Strategy II Native app Cloud using HTML5 REST API HTTP framework XML / JSON GET / POST • Appcelerator Titanium - HTML5 HTML/JS/CSS (iOS / Framework Android / BlackBerry in beta) • PhoneGap - HTML/JS/CSS (iOS / Android / BlackBerry / WebOS / Window Phone / Bada / Symbian)
  • 51. Strategy III Native app using cross- platform framework Cross Platform • Conrona - Lua Framework • Adobe AIR - ActionScript 3 & Flash • Rhodes - Ruby Lua, • Unity - UnityScript(JS), Ruby, AS, C#, Boo(Python) C# • Mono - C# .NET
  • 52. Mobile Strategy “Bigger Mistake” MySQL = No SQL RSDB No JOIN Not ACID Guarantees Distributed & Fault-tolerant Architecture Horizontally Scale
  • 53. Heavy Lifting: No SQL MongoDB Hadoop
  • 54. Mobile Strategy “Bigger Mistake” Server-side Frameworks = Server-side API I/O API Non-Blocking Asynchronous Event-driven JavaScript
  • 55. Mobile Strategy “Bigger Mistake” Thin Thick Client Client = Thick Cloud Thin Cloud
  • 56. Mobile First Archimedes Labs Social | Consumer | Mobile @Bess bess@archimedeslabs.com http://www.slideshare.net/bess.ho
  • 57. APPs BESS HO Founding Partner and Mobile Architect, Archimedes Labs @bess API KETAN ANJARIA Founder, CardFlick @kidbombay Responsive Design PATTY TOLAND Partner, Filament Group, Inc. @pattytoland
  • 65. APPs BESS HO Founding Partner and Mobile Architect, Archimedes Labs @bess API KETAN ANJARIA Founder, CardFlick @kidbombay Responsive Design PATTY TOLAND Partner, Filament Group, Inc. @pattytoland
  • 67. filament group We design engaging sites and applications that are simple to use and accessible to everyone.
  • 72. Engaging experiences that are inclusive
  • 73. In other words... Sites that work everywhere and for everyone
  • 74. 5.98 7.0 Billion 1 Mobile Global Subscriptions Population http://www.itu.int/ITU-D/ict/statistics/at_glance/KeyTelecom.html
  • 77. Perception: screen sizes typically on the radar
  • 78. Perception: screen sizes typically on the radar
  • 79. Reality: what screen sizes are people really using?
  • 80. Reality: what screen sizes are people really using?
  • 81. Responsive Web Design to the rescue!
  • 86. RWD key principles: • Mobile-first, Progressive Enhancement-based markup • Flexible grids, images and media • Media Queries (CSS3 spec) for viewport & features • Content Strategy / Optimization
  • 89. Test real devices: 70+ devices in our lab
  • 90. Responsive ≠ 1-size fits all
  • 91. Responsive ≠ lowest common denominator
  • 92. Responsive done right: 1 modular codebase + smart logic + optimization = many experiences, each context appropriate
  • 93. The big RWD challenges: • Content Management • Advertising • Video & Image (Retina) • New KPIs & Tracking • Bandwidth • Organizational change
  • 94. THANK YOU Please tweet or email questions @zorstag | zorstag@gmail.com Additional Information & reference materials - KPCB - Internet Trends 2012: http://www.slideshare.net/kleinerperkins/kpcb-internet-trends-2012 - Comscore - 2012 Mobile Future in Focus: http://www.comscore.com/Press_Events/Presentations_Whitepapers/ 2012/2012_Mobile_Future_in_Focus

Editor's Notes