0
How the iPhone Will

Change the Mobile Space

Brian Fling,   Principal & Director of Strategy, Blue Flavor




           ...
Web 2.0


Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Web 1.0         Web 2.0




                                      Copyright © 2007 Blue Flavor. All trademarks and copyrig...
Jargon Alert


Mobile 2.0
The convergence of mobile services and web
services. The promise of Mobile 2.0 is to add
portabi...
Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
10 Things I Learned at Mobile 2.0




     Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web




         Copyright © 2007 Blue Flavor. All trademarks a...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web
2.   The mobile web browser is the next killer app




    ...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web
2.   The mobile web browser is the next killer app
3.   Mob...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web
2.   The mobile web browser is the next killer app
3.   Mob...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web
2.   The mobile web browser is the next killer app
3.   Mob...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web
2.   The mobile web browser is the next killer app
3.   Mob...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web
2.   The mobile web browser is the next killer app
3.   Mob...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web
2.   The mobile web browser is the next killer app
3.   Mob...
10 Things I Learned at Mobile 2.0
1.   #1 Mobile 2.0 = The web
2.   The mobile web browser is the next killer app
3.   Mob...
10 Things I Learned at Mobile 2.0
1.    #1 Mobile 2.0 = The web
2.    The mobile web browser is the next killer app
3.    ...
Mobile 1.0         Mobile 2.0




                                       Copyright © 2007 Blue Flavor. All trademarks and ...
But can it happen?




 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respectiv...
Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The iPhone




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
A Confession




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The iPhone




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
From many perspectives
   the iPhone is not
    revolutionary.



   Copyright © 2007 Blue Flavor. All trademarks and copy...
But it is creating a
revolution none-the-less.




    Copyright © 2007 Blue Flavor. All trademarks and copyrights remain ...
The iPhone is shifting
  perceptions of what
mobile technology can do.



    Copyright © 2007 Blue Flavor. All trademarks...
The iPod Touch




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective own...
375,000
  sold per month



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respe...
10 Things I Learned at Mobile 2.0
1.    #1 Mobile 2.0 = The web
2.    The mobile web browser is the next killer app
3.    ...
10 Things I Learned at Mobile 2.0
1.    #1 Mobile 2.0 = The web
2.    The mobile web browser is the next killer app
3.    ...
10 Things I Learned at Mobile 2.0
1.    #1 Mobile 2.0 = The web
2.    The mobile web browser is the next killer app
3.    ...
The iPhone is the first
mobile device worthy of
      being labeled
       “Mobile 2.0”


    Copyright © 2007 Blue Flavor...
iPhone Uniqueness




 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective...
iPhone Uniqueness
1.   Smart phone for the masses




      Copyright © 2007 Blue Flavor. All trademarks and copyrights re...
iPhone Uniqueness
1.   Smart phone for the masses
2.   Flat rate data




      Copyright © 2007 Blue Flavor. All trademar...
iPhone Uniqueness
1.   Smart phone for the masses
2.   Flat rate data
3.   Device sold and supported outside the carrier

...
iPhone Uniqueness
1.   Smart phone for the masses
2.   Flat rate data
3.   Device sold and supported outside the carrier
4...
iPhone Uniqueness
1.   Smart phone for the masses
2.   Flat rate data
3.   Device sold and supported outside the carrier
4...
iPhone Uniqueness
1.   Smart phone for the masses
2.   Flat rate data
3.   Device sold and supported outside the carrier
4...
iPhone Uniqueness
1.   Smart phone for the masses
2.   Flat rate data
3.   Device sold and supported outside the carrier
4...
iPhone Uniqueness
1.   Smart phone for the masses
2.   Flat rate data
3.   Device sold and supported outside the carrier
4...
iPhone Uniqueness
1.   Smart phone for the masses
2.   Flat rate data
3.   Device sold and supported outside the carrier
4...
iPhone Uniqueness
1.    Smart phone for the masses
2.    Flat rate data
3.    Device sold and supported outside the carrie...
(Made by the folks at Blue Flavor)
                                             iPhone apps that grow on you.




Copyrigh...
Why Create Leaflets?

We wanted to showcase




                                                 Copyright © 2007 Blue Fla...
The Home Screen




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective ow...
Using CSS3




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Using CSS3




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
+




   Using CSS3
                                                                                                      ...
+
                                                                                                              +




   U...
+
                                                                         +
                                             ...
+
                                                                         +
                                             ...
+
                                                                         +
                                             ...
<div id=quot;appsquot;>
  <ul>
    <li id=quot;navSearchquot;><a href=quot;search/quot;>Search</a></li>
    <li id=quot;na...
#apps li{

    float: left;

    width: 56px;

    height: 56px;

    border: 1px hidden #666;

    -webkit-border-radius:...
Home Screen




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Newsvine Leaflet




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective o...
Newsvine Leaflet CSS




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respecti...
Controls CSS




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
A Successful Experiment




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respe...
and the iPhone launch (3 weeks)
                                                                                          ...
A Successful Experiment
The entire application was built between WWDC
and the iPhone launch (3 weeks)




                ...
A Successful Experiment
The entire application was built between WWDC
and the iPhone launch (3 weeks)




                ...
A Successful Experiment
The entire application was built between WWDC
and the iPhone launch (3 weeks)




                ...
A Successful Experiment
The entire application was built between WWDC
and the iPhone launch (3 weeks)




                ...
A Successful Experiment
The entire application was built between WWDC
and the iPhone launch (3 weeks)




                ...
Leaflets Takeaways




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective...
could work on any “Mobile 2.0” device.
                                                                                   ...
Leaflets Takeaways
While we designed it for the iPhone, Leaflets
could work on any “Mobile 2.0” device.




              ...
Leaflets Takeaways
While we designed it for the iPhone, Leaflets
could work on any “Mobile 2.0” device.




              ...
Leaflets Takeaways
While we designed it for the iPhone, Leaflets
could work on any “Mobile 2.0” device.




              ...
Leaflets Takeaways
While we designed it for the iPhone, Leaflets
could work on any “Mobile 2.0” device.




              ...
Leaflets Takeaways
While we designed it for the iPhone, Leaflets
could work on any “Mobile 2.0” device.




              ...
Leaflets Takeaways
While we designed it for the iPhone, Leaflets
could work on any “Mobile 2.0” device.




              ...
Being Backwards
   Compatible




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their...
The iPhone is the first of
many Mobile 2.0 Devices.




    Copyright © 2007 Blue Flavor. All trademarks and copyrights re...
Thanks/Questions/Contact

                                Brian Fling
             Co-founder & Director of Strategy, Blue...
Upcoming SlideShare
Loading in...5
×

Brian Fling (Blue Flavor)

12,950

Published on

Brian Fling's presentation at Future of Mobile (FOM)

Published in: Business, Technology
2 Comments
18 Likes
Statistics
Notes
  • Apple’s New iPod Touch
    A Worthy Innovation or a High Priced Techno Overload?
    http://www.slideshare.net/Zanura/new-i-pod-touch-review
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Interesting that there are EXACTLY 10 things you learned at Mobile 2.0 and EXACTLY10 points on iphone uniqueness. I wonder how many important points you left out or how many extraneous points you added in order to come up with exactly 10.<br /><br/>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
12,950
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
460
Comments
2
Likes
18
Embeds 0
No embeds

No notes for slide

Transcript of "Brian Fling (Blue Flavor)"

  1. 1. How the iPhone Will Change the Mobile Space Brian Fling, Principal & Director of Strategy, Blue Flavor Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  2. 2. Web 2.0 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  3. 3. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  4. 4. Web 1.0 Web 2.0 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Proprietary Standards Walled Gardens Web Services First to market Web as a Platform Brand-centered User-centered
  5. 5. Jargon Alert Mobile 2.0 The convergence of mobile services and web services. The promise of Mobile 2.0 is to add portability, ubiquitous connectivity and location- based services to enhance information and services found on the web. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  6. 6. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  7. 7. 10 Things I Learned at Mobile 2.0 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  8. 8. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  9. 9. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  10. 10. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  11. 11. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  12. 12. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  13. 13. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life 6. The Mobile User Experience Sucks Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  14. 14. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life 6. The Mobile User Experience Sucks 7. Mobile Widgets are the next big thing Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  15. 15. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life 6. The Mobile User Experience Sucks 7. Mobile Widgets are the next big thing 8. The Carrier is the new “C” word Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  16. 16. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life 6. The Mobile User Experience Sucks 7. Mobile Widgets are the next big thing 8. The Carrier is the new “C” word 9. People abuse the Podium Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  17. 17. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life 6. The Mobile User Experience Sucks 7. Mobile Widgets are the next big thing 8. The Carrier is the new “C” word 9. People abuse the Podium 10. We are creators not consumers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  18. 18. Mobile 1.0 Mobile 2.0 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Proprietary Standards Walled Gardens Web Services First to market Web as a Platform Brand-centered User-centered
  19. 19. But can it happen? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  20. 20. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  21. 21. The iPhone Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  22. 22. A Confession Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  23. 23. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  24. 24. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  25. 25. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  26. 26. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  27. 27. The iPhone Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  28. 28. From many perspectives the iPhone is not revolutionary. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  29. 29. But it is creating a revolution none-the-less. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  30. 30. The iPhone is shifting perceptions of what mobile technology can do. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  31. 31. The iPod Touch Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  32. 32. 375,000 sold per month Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  33. 33. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life 6. The Mobile User Experience Sucks 7. Mobile Widgets are the next big thing 8. The Carrier is the new “C” word 9. People abuse the Podium 10. We are creators not consumers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  34. 34. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life 6. The Mobile User Experience Sucks 7. Mobile Widgets are the next big thing 8. The Carrier is the new “C” word 9. People abuse the Podium 10. We are creators not consumers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  35. 35. 10 Things I Learned at Mobile 2.0 1. #1 Mobile 2.0 = The web 2. The mobile web browser is the next killer app 3. Mobile web Applications are the future 4. AJAX is the next frontier 5. Javascript kills battery life 6. The Mobile User Experience Sucks 7. Mobile Widgets are the next big thing 8. The Carrier is the new “C” word 9. People abuse the Podium 10. We are creators not consumers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  36. 36. The iPhone is the first mobile device worthy of being labeled “Mobile 2.0” Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  37. 37. iPhone Uniqueness Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  38. 38. iPhone Uniqueness 1. Smart phone for the masses Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  39. 39. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  40. 40. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data 3. Device sold and supported outside the carrier Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  41. 41. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data 3. Device sold and supported outside the carrier 4. No Subsidization Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  42. 42. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data 3. Device sold and supported outside the carrier 4. No Subsidization 5. Updateable Software Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  43. 43. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data 3. Device sold and supported outside the carrier 4. No Subsidization 5. Updateable Software 6. Location awareness Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  44. 44. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data 3. Device sold and supported outside the carrier 4. No Subsidization 5. Updateable Software 6. Location awareness 7. Bandwidth expectations Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  45. 45. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data 3. Device sold and supported outside the carrier 4. No Subsidization 5. Updateable Software 6. Location awareness 7. Bandwidth expectations 8. Portable device convergence Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  46. 46. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data 3. Device sold and supported outside the carrier 4. No Subsidization 5. Updateable Software 6. Location awareness 7. Bandwidth expectations 8. Portable device convergence 9. Web & Mobile Standards Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  47. 47. iPhone Uniqueness 1. Smart phone for the masses 2. Flat rate data 3. Device sold and supported outside the carrier 4. No Subsidization 5. Updateable Software 6. Location awareness 7. Bandwidth expectations 8. Portable device convergence 9. Web & Mobile Standards 10. Impact on web communities Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  48. 48. (Made by the folks at Blue Flavor) iPhone apps that grow on you. Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  49. 49. Why Create Leaflets? We wanted to showcase Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. ...the merger of Web 2.0 and Mobile 2.0 ...the use of web standards in mobile ...designing for the mobile context ...mobile web best practices ...designing for the iPhone ...rapid and iterative development (Blog Post Why we made Leaflets)
  50. 50. The Home Screen Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  51. 51. Using CSS3 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  52. 52. Using CSS3 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  53. 53. + Using CSS3 3 Kilobytes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  54. 54. + + Using CSS3 320 bytes 3 Kilobytes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  55. 55. + + + Using CSS3 320 bytes 3 Kilobytes -webkit-border-radius: 10px; Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  56. 56. + + + Using CSS3 320 bytes 3 Kilobytes -webkit-border-radius: 10px; Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  57. 57. + + + Using CSS3 320 bytes 3 Kilobytes -webkit-border-radius: 10px; Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  58. 58. <div id=quot;appsquot;> <ul> <li id=quot;navSearchquot;><a href=quot;search/quot;>Search</a></li> <li id=quot;navRSSquot;><a href=quot;feeds/quot;>Feeds</a></li> <li id=quot;navNewsvinequot;><a href=quot;newsvinequot;>Newsvine</a></li> <li id=quot;navLinksquot;><a href=quot;applist/quot;>App List</a></li> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. <li id=quot;navEventsquot;><a href=quot;upcoming/quot;>Upcoming</a></li> <li id=quot;navFlickrquot;><a href=quot;flickr/quot;>Flickr</a></li> <li id=quot;navDeliciousquot;><a href=quot;delicious/quot;>del.icio.us</a></li> <li id=quot;navBaseballquot;><a href=quot;scores/quot;>Baseball</a></li> <li id=quot;navNYTquot;><a href=quot;nyt/quot;>NY Times</a></li> <?php if ($_user): ?> <li id=quot;navSettingsquot;><a href=quot;user/settings.phpquot;>Settings</a></li> <?php endif; ?> </ul> <div id=quot;loading_statusquot;><img id=quot;loaderquot; src=quot;/media/images/loader.gifquot; border=quot;0quot; alt=quot;quot; /><span id=quot;ltextquot;>Loading icons...</span></div> </div> Home Icon XHTML
  59. 59. #apps li{ float: left; width: 56px; height: 56px; border: 1px hidden #666; -webkit-border-radius: 10px; text-align: center; background: #666 url(/media/images/button_glare.png) no-repeat; -webkit-box-shadow: 0px 1px 3px black; Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. margin: 7px 10px 20px } #apps li a{ text-decoration: none; color: #999; display: block; padding-top: 60px; font-weight: bold; font-size: .8em } li#navNewsvine{ background: url(/media/images/button_glare.png) no-repeat, url(/media/images/home_newsvine_low.png) no-repeat; background-color: #005422 } Home Icon CSS
  60. 60. Home Screen Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  61. 61. Newsvine Leaflet Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  62. 62. Newsvine Leaflet CSS Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  63. 63. Controls CSS Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  64. 64. A Successful Experiment Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  65. 65. and the iPhone launch (3 weeks) A Successful Experiment The entire application was built between WWDC Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  66. 66. A Successful Experiment The entire application was built between WWDC and the iPhone launch (3 weeks) Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. TechCrunch—“Must-Have iPhone App”
  67. 67. A Successful Experiment The entire application was built between WWDC and the iPhone launch (3 weeks) Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. TechCrunch—“Must-Have iPhone App” 105,000 hits the first week to website
  68. 68. A Successful Experiment The entire application was built between WWDC and the iPhone launch (3 weeks) Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. TechCrunch—“Must-Have iPhone App” 105,000 hits the first week to website 12,000 unique app users the first week
  69. 69. A Successful Experiment The entire application was built between WWDC and the iPhone launch (3 weeks) Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. TechCrunch—“Must-Have iPhone App” 105,000 hits the first week to website 12,000 unique app users the first week 7,000 recurring app users per week
  70. 70. A Successful Experiment The entire application was built between WWDC and the iPhone launch (3 weeks) Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. TechCrunch—“Must-Have iPhone App” 105,000 hits the first week to website 12,000 unique app users the first week 7,000 recurring app users per week Average 22 pages view per visit
  71. 71. Leaflets Takeaways Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  72. 72. could work on any “Mobile 2.0” device. Leaflets Takeaways While we designed it for the iPhone, Leaflets Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  73. 73. Leaflets Takeaways While we designed it for the iPhone, Leaflets could work on any “Mobile 2.0” device. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Standards. Standards. Standards.
  74. 74. Leaflets Takeaways While we designed it for the iPhone, Leaflets could work on any “Mobile 2.0” device. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Standards. Standards. Standards. Design for context.
  75. 75. Leaflets Takeaways While we designed it for the iPhone, Leaflets could work on any “Mobile 2.0” device. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Standards. Standards. Standards. Design for context. Optimize for the bandwidth.
  76. 76. Leaflets Takeaways While we designed it for the iPhone, Leaflets could work on any “Mobile 2.0” device. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Standards. Standards. Standards. Design for context. Optimize for the bandwidth. Test. And then test some more.
  77. 77. Leaflets Takeaways While we designed it for the iPhone, Leaflets could work on any “Mobile 2.0” device. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Standards. Standards. Standards. Design for context. Optimize for the bandwidth. Test. And then test some more. Javascript is crucial to the user experience.
  78. 78. Leaflets Takeaways While we designed it for the iPhone, Leaflets could work on any “Mobile 2.0” device. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Standards. Standards. Standards. Design for context. Optimize for the bandwidth. Test. And then test some more. Javascript is crucial to the user experience. CSS3 is ideal for mobile development.
  79. 79. Being Backwards Compatible Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  80. 80. The iPhone is the first of many Mobile 2.0 Devices. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  81. 81. Thanks/Questions/Contact Brian Fling Co-founder & Director of Strategy, Blue Flavor brian@blueflavor.com tel. +1 206 545-0210 mob. +1 206 351-6060 www.blueflavor.com Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×