WELCOMEMobile Development Workshop
AMANDA MCCONNELL            Head of Product                @zorstagbut 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 s...
Its all about the data
DETERMINE YOUR MOBILE             STRATEGY• Ifyou don’t have apps, get some. If you have apps, how are  they performing?• ...
Bring on the experts!
APPs       BESS HO       Founding Partner and Mobile Architect, Archimedes Labs       @bessAPI       KETAN ANJARIA       F...
Women Powering Technology Summit  Technical Workshop: Mobile Development   Mobile Trends             Bess Ho @bess        ...
About Me         @bess Book      Startup       StartupAuthor    Incubator      Adviser          Archimedes             Lab...
Mobile FirstWeb Second           Fred Wilson              2010
Mobile First
Mobile First      Your SMS Message:“   follow fredwilson to 40404                                   ”In 2010 46% Twitter a...
Mobile FirstFoursquare has little value on its web appFoursquare delivers key values on mobile
Mobile FirstKleiner Partner Mary Meeker’s 2012 May Report
Desktop vs MobileKleiner Partner Mary Meeker’s 2012 May Report
eCommerce vs mCommerceKleiner Partner Mary Meeker’s 2012 May Report
iPhone vs TabletKleiner Partner Mary Meeker’s 2012 May Report
Desktop Laptop vs TabletKleiner Partner Mary Meeker’s 2012 May Report
iPadIDC reported 17.4 Million Tablets wereshipped worldwide in 1st QTR in 201234 Million TabletsTablet generates 3.4 times...
iPadBy 2016 Tablet generates the same trafficas mobile traffic in 2012
Big Data                   In 2011 Mobile data was 8x the size of                   web data in 2000                   No....
Big Data                                              MoreCisco’s Visual Networking Index (VNI) Mobile Report 2012
Big Data                   More Data                   More Connectivity                   More BandwidthCisco’s Visual Ne...
Mobile UsageSandvine 2012 Report
mVideo               52% of mobile traffic is Video               Mobile video is Top activities for mobile users          ...
Audio Video Streaming            YouTube is the largest source of mobile web            traffic 12-25%            Netflix 2%...
Mobile Monetization  “Biggest Mistake”Web = Mobile
Mobile MonetizationFreemium Business Model                  56%   44%               App Sales Avg IAP       Avg $3.77   $1...
In-App Purchase                 30% of iOS revenue comes from in-app                 purchases in 2010                 34 ...
In-App Purchase (IAP)                 Average transaction in-app purchase $14                 (iOS or Android)            ...
IAP is Addictive                      Spending is a habit                 56% of game player that spend a dollar          ...
Dogs vs Cats                      Loyalty is GOLD                          20 : 1Loyal Purchaser = 20 x One-time Purchaser...
Profit                      Courting Rule  80-90% of Profit  comes from              0.5%        of UserGamesbrief.com 2011
Mobile MonetizationGamesbrief.com 2011
Life Before & AfterGamesbrief.com 2011
Mobile Monetization      IAP vs FreemiumIAP > Advertised Free AppIAP > Pay-to-play (Paid App)
Mobile Monetization     “Bigger Mistake”iPad = iPhone
Big Trends                      It’s about PAYINGGamesbrief.com 2011
Mobile Strategy           “Mobile First Web Second”                         Fred Wilson                   VC, Union Square...
Mobile Strategy   “App Design Should be  Mobile First, Web Second”                   Fred WilsonNative       VC, Union Squ...
Mobile Strategy   Facebook CTO Bret TaylorProblems           Solution   BA     C   D               HTML5 E     G    2011  ...
Mobile Strategy                  Gigaom                  Nov 2011
Strategy INative App                        CloudusingObjective-C             REST API          HTTP                      ...
Strategy IINative app                     CloudusingHTML5                REST API          HTTPframework            XML / ...
Strategy IIINative appusingcross-platformframework                               Cross Platform• Conrona - Lua            ...
Mobile Strategy        “Bigger Mistake”MySQL = No SQL RSDB                  No JOIN                 Not ACID Guarantees   ...
Heavy Lifting: No SQLMongoDB        Hadoop
Mobile Strategy       “Bigger Mistake”Server-sideFrameworks    =    Server-side                       API                 ...
Mobile Strategy     “Bigger Mistake”Thin                    ThickClient                  Client           =ThickCloud     ...
Mobile First          Archimedes Labs     Social | Consumer | Mobile              @Bess     bess@archimedeslabs.comhttp://...
APPs       BESS HO       Founding Partner and Mobile Architect, Archimedes Labs       @bessAPI       KETAN ANJARIA       F...
APPs       BESS HO       Founding Partner and Mobile Architect, Archimedes Labs       @bessAPI       KETAN ANJARIA       F...
filament groupPatty TolandPartner
filament groupWe design engaging sites andapplications that are simple to useand 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 GlobalSubscriptions Population        http://www.itu.int/ITU-D/...
MobileBillions ofdevices
They aren’t alliPhones...
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!
1 codebaseAll Platforms
RWD key principles:• Mobile-first, Progressive  Enhancement-based markup• Flexible grids, images and  media• Media Queries ...
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 appropr...
The big RWD challenges: •   Content Management •   Advertising •   Video & Image (Retina) •   New KPIs & Tracking •   Band...
THANK YOU                                   Please tweet or email questions                                     @zorstag |...
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
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
Upcoming SlideShare
Loading in …5
×

WITI Mobile Development Workshop 2012

606 views
519 views

Published on

Presentation on the mobile landscape, development & responsive design. Includes presentations from Bess Ho, Ketan Anjaria & Patty Toland.

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
606
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • $12 Billion revenue in mobile apps & advertising\nApple paid out $2 Billion in-app purchases & paid app in 2011\nGoogle has higher mobile display ad revenue than Apple\nPandora gains $3.87 per user. Monthly subscription $3.99 via app on iOS\nGoogle cost per click is down b/c mobile ads generate lower revenue than desktop search ads\nFB increasing mobile usage drag down its revenue per user\n\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • WITI Mobile Development Workshop 2012

    1. 1. WELCOMEMobile Development Workshop
    2. 2. AMANDA MCCONNELL Head of Product @zorstagbut wait, there’s no “mobile” in that title!
    3. 3. If you are in Technology today you are in Mobile.
    4. 4. 42% of all mobile users in the US are smart phone users.
    5. 5. Almost 50% of all mobile users in the US have used an App and Mobile Browser.
    6. 6. 40 million tablet subscribers in 2 years, 3.5x faster adoption then smartphones.
    7. 7. 8.2% of internet traffic came from a mobile device as of Dec 2011
    8. 8. But what does this mean for my company?
    9. 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. 10. Its all about the data
    11. 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. 12. Bring on the experts!
    13. 13. APPs BESS HO Founding Partner and Mobile Architect, Archimedes Labs @bessAPI KETAN ANJARIA Founder, CardFlick @kidbombayResponsive Design PATTY TOLAND Partner, Filament Group, Inc. @pattytoland
    14. 14. Women Powering Technology Summit Technical Workshop: Mobile Development Mobile Trends Bess Ho @bess Archimedes Labs Jun 5, 2012 Santa Clara CA
    15. 15. About Me @bess Book Startup StartupAuthor Incubator Adviser Archimedes Labs m ing Mobile WorkshopsCo Technical IP for Startup
    16. 16. Mobile FirstWeb Second Fred Wilson 2010
    17. 17. Mobile First
    18. 18. Mobile First Your SMS Message:“ follow fredwilson to 40404 ”In 2010 46% Twitter active users usemobile regularly
    19. 19. Mobile FirstFoursquare has little value on its web appFoursquare delivers key values on mobile
    20. 20. Mobile FirstKleiner Partner Mary Meeker’s 2012 May Report
    21. 21. Desktop vs MobileKleiner Partner Mary Meeker’s 2012 May Report
    22. 22. eCommerce vs mCommerceKleiner Partner Mary Meeker’s 2012 May Report
    23. 23. iPhone vs TabletKleiner Partner Mary Meeker’s 2012 May Report
    24. 24. Desktop Laptop vs TabletKleiner Partner Mary Meeker’s 2012 May Report
    25. 25. iPadIDC reported 17.4 Million Tablets wereshipped worldwide in 1st QTR in 201234 Million TabletsTablet generates 3.4 times more trafficthan smartphone 517 MB/month vs 150MB/monthBy 2016 Tablets is 10% of global mobiledata traffic68% are iPads
    26. 26. iPadBy 2016 Tablet generates the same trafficas mobile traffic in 2012
    27. 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 2013Cisco’s Visual Networking Index (VNI) Mobile Report 2012
    28. 28. Big Data MoreCisco’s Visual Networking Index (VNI) Mobile Report 2012
    29. 29. Big Data More Data More Connectivity More BandwidthCisco’s Visual Networking Index (VNI) Mobile Report 2012
    30. 30. Mobile UsageSandvine 2012 Report
    31. 31. mVideo 52% of mobile traffic is Video Mobile video is Top activities for mobile users By 2016 70+% mobile traffic will be VideoCisco’s Visual Networking Index (VNI) Mobile Report 2012
    32. 32. Audio Video Streaming YouTube is the largest source of mobile web traffic 12-25% Netflix 2% Pandora 6%Sandvine 2012 Report
    33. 33. Mobile Monetization “Biggest Mistake”Web = Mobile
    34. 34. Mobile MonetizationFreemium Business Model 56% 44% App Sales Avg IAP Avg $3.77 $14FREE APP PAID APP
    35. 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 purchasesGamesbrief.com 2011
    36. 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+ transactionsGamesbrief.com 2011
    37. 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 timesGamesbrief.com 2011
    38. 38. Dogs vs Cats Loyalty is GOLD 20 : 1Loyal Purchaser = 20 x One-time Purchaser Top Purchaser = 100 x Loyal PurchaserGamesbrief.com 2011
    39. 39. Profit Courting Rule 80-90% of Profit comes from 0.5% of UserGamesbrief.com 2011
    40. 40. Mobile MonetizationGamesbrief.com 2011
    41. 41. Life Before & AfterGamesbrief.com 2011
    42. 42. Mobile Monetization IAP vs FreemiumIAP > Advertised Free AppIAP > Pay-to-play (Paid App)
    43. 43. Mobile Monetization “Bigger Mistake”iPad = iPhone
    44. 44. Big Trends It’s about PAYINGGamesbrief.com 2011
    45. 45. Mobile Strategy “Mobile First Web Second” Fred Wilson VC, Union Square Ventures Early Days Native AppNative Mobile App Web App Web App
    46. 46. Mobile Strategy “App Design Should be Mobile First, Web Second” Fred WilsonNative VC, Union Square Ventures AppWebApp
    47. 47. Mobile Strategy Facebook CTO Bret TaylorProblems Solution BA C D HTML5 E G 2011 F
    48. 48. Mobile Strategy Gigaom Nov 2011
    49. 49. Strategy INative App CloudusingObjective-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. 50. Strategy IINative app CloudusingHTML5 REST API HTTPframework 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. 51. Strategy IIINative appusingcross-platformframework 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. 52. Mobile Strategy “Bigger Mistake”MySQL = No SQL RSDB No JOIN Not ACID Guarantees Distributed & Fault-tolerant Architecture Horizontally Scale
    53. 53. Heavy Lifting: No SQLMongoDB Hadoop
    54. 54. Mobile Strategy “Bigger Mistake”Server-sideFrameworks = Server-side API I/O API Non-Blocking Asynchronous Event-driven JavaScript
    55. 55. Mobile Strategy “Bigger Mistake”Thin ThickClient Client =ThickCloud Thin Cloud
    56. 56. Mobile First Archimedes Labs Social | Consumer | Mobile @Bess bess@archimedeslabs.comhttp://www.slideshare.net/bess.ho
    57. 57. APPs BESS HO Founding Partner and Mobile Architect, Archimedes Labs @bessAPI KETAN ANJARIA Founder, CardFlick @kidbombayResponsive Design PATTY TOLAND Partner, Filament Group, Inc. @pattytoland
    58. 58. APPs BESS HO Founding Partner and Mobile Architect, Archimedes Labs @bessAPI KETAN ANJARIA Founder, CardFlick @kidbombayResponsive Design PATTY TOLAND Partner, Filament Group, Inc. @pattytoland
    59. 59. filament groupPatty TolandPartner
    60. 60. filament groupWe design engaging sites andapplications that are simple to useand accessible to everyone.
    61. 61. Authors
    62. 62. Bloggers & contributors
    63. 63. Sponsor & design lead
    64. 64. Our goal
    65. 65. Engaging experiences that are inclusive
    66. 66. In other words...Sites that work everywhere and for everyone
    67. 67. 5.98 7.0 Billion 1 Mobile GlobalSubscriptions Population http://www.itu.int/ITU-D/ict/statistics/at_glance/KeyTelecom.html
    68. 68. MobileBillions ofdevices
    69. 69. They aren’t alliPhones...
    70. 70. Perception: screen sizes typically on the radar
    71. 71. Perception: screen sizes typically on the radar
    72. 72. Reality: what screen sizes are people really using?
    73. 73. Reality: what screen sizes are people really using?
    74. 74. Responsive Web Design to the rescue!
    75. 75. 1 codebaseAll Platforms
    76. 76. RWD key principles:• Mobile-first, Progressive Enhancement-based markup• Flexible grids, images and media• Media Queries (CSS3 spec) for viewport & features• Content Strategy / Optimization
    77. 77. Web standards
    78. 78. Accessible
    79. 79. Test real devices:70+ devices in our lab
    80. 80. Responsive ≠1-size fits all
    81. 81. Responsive ≠lowest common denominator
    82. 82. Responsive done right: 1 modular codebase + smart logic + optimization = many experiences,each context appropriate
    83. 83. The big RWD challenges: • Content Management • Advertising • Video & Image (Retina) • New KPIs & Tracking • Bandwidth • Organizational change
    84. 84. THANK YOU Please tweet or email questions @zorstag | zorstag@gmail.comAdditional 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

    ×