Beyond Mobile:  Touch Enabled Marketing for Every ScreenSteffan Berelowitz                           February 25, 2013CEO ...
WHAT IS “MOBILE”?© 2013 Bluetrain Mobile | 2
© 2013 Bluetrain Mobile |   3                                http://www.pcadvisor.co.uk/features/tablets/3416876/best-tabl...
© 2013 Bluetrain Mobile |   4
1 in 4 US Adults Owns a Tablet© 2013 Bluetrain Mobile |   5
AN EXAMPLE IN ACTION© 2013 Bluetrain Mobile | 6
© 2013 Bluetrain Mobile | 7   7
Confidential, Bluetrain Mobile |   8
© 2013 Bluetrain Mobile | 9
Behavior, Context, Modality© 2013 Bluetrain Mobile |   10
A Post PC World© 2013 Bluetrain Mobile |   11
The future is TOUCH© 2013 Bluetrain Mobile |   12
Touch experience influences desktopweb© 2013 Bluetrain Mobile |   13
RESPONSIVE DESIGN© 2013 Bluetrain Mobile | 14
Responsive Design
Responsive Design: Too Big?                1.2MB
Responsive Design: Too Slow?                 17 seconds!
Responsive Design: Too Slow?                Too much content
RESPONSIVE DESIGN                                   Hands On!© 2013 Bluetrain Mobile | 20
Responsive Design: Hands On!         8.5”                11”
Step 1: Fold the Bottom Up
Step 1: Done
Step 2: Fold Across
Step 2: Done
Step 3: Fold Across Again
Step 3: Done
Compare Vanilla Responsivevs. RESS or Responsive withMediaQueries
MOBILE FIRST© 2013 Bluetrain Mobile | 29
© 2013 Bluetrain Mobile |   30
WHY IS MOBILE FIRST                   IMPORTANT TO MARKETERS?© 2013 Bluetrain Mobile | 31
Adding vs. Cutting© 2013 Bluetrain Mobile |   32
Mobile First, then  Progressive Design© 2013 Bluetrain Mobile | 33
WHAT HAPPENS NEXT?                                Yet more modalities© 2013 Bluetrain Mobile | 34
AMOLED Displays from  Samsung© 2013 Bluetrain Mobile | 35
Google Glass© 2013 Bluetrain Mobile | 36
Google Glass© 2013 Bluetrain Mobile | 37
Google Glass© 2013 Bluetrain Mobile | 38
Google Glass© 2013 Bluetrain Mobile | 39
Google Glass© 2013 Bluetrain Mobile | 40
Google Glass© 2013 Bluetrain Mobile | 41
Google Glass© 2013 Bluetrain Mobile | 42
Google Glass© 2013 Bluetrain Mobile | 43
Google Glass© 2013 Bluetrain Mobile | 44
Google Glass© 2013 Bluetrain Mobile | 45
Q&ASteffan BerelowitzCEO & ConductorBluetrain Mobile@bluetrainmobile© 2013 Bluetrain Mobile |   46
Beyond mobile v2
Upcoming SlideShare
Loading in...5
×

Beyond mobile v2

110

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
110
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Google GlassesAmoledsamsungHologram
  • 86 links11 header and footer links8 primary navigation links3 on view3 upcoming3 news3 social media, 1 blog and 1 enews links
  • 6 primary links1 focus image2 footer links
  • A desktop user:Sitting at a home office, planning the weekend, may have the Boston Globe calendar up, doing in depth research, sees a concert, may listed to a clip, may google the artist and return to the siteTablet user:- May be in front of the TV, distracted with a show, more interested in a brief browse, what’s showing, what’s interesting, may return to it later from another deviceSmartphone user- May be waiting for a friend sitting at a lunch, thinking about what to do that night, maybe walking to the museum, needs directions or to confirm the hours, maybe inside the museum, looking up an artist or listening to an audio clip, may be leaving the museum forwarding a link to a friend, tweeting or reviewing the exhibit on yelp
  • ----- Meeting Notes (10/31/12 19:32) -----start-upshigh-end
  • “Prepares you for the explosive growth and new opportunities on the mobile internetForces you to focus and enables you to innovate in ways you previously couldn’t”
  • Once you’re done with your mobile site, then you can progressively think about the other devices, including tablet and desktop 84% of people use a mobile devices while watch in TVSocial is increasingly the launching point for content marketing, and people are using social on mobile in drovesThe future of consumer marketing is mobile – it’s going to happenWhat’s really exciting about Mobile First is that ultimately the innovations in touch interfaces will impact the Desktop. But beyond that, touch interfaces will marginalize desktop
  • AMOLED (Active-Matrix Organic Light-Emitting Diode)
  • Once engaged, Glass is capable of taking photos, recording videos, looking up answers on Google, showing reminders (such as for a flight) and sharing whatever you're looking at — either via messaging or through a Google+ Hangout
  • Once you’re done with your mobile site, then you can progressively think about the other devices, including tablet and desktop 84% of people use a mobile devices while watch in TVSocial is increasingly the launching point for content marketing, and people are using social on mobile in drovesThe future of consumer marketing is mobile – it’s going to happenWhat’s really exciting about Mobile First is that ultimately the innovations in touch interfaces will impact the Desktop. But beyond that, touch interfaces will marginalize desktop
  • Beyond mobile v2

    1. 1. Beyond Mobile: Touch Enabled Marketing for Every ScreenSteffan Berelowitz February 25, 2013CEO and Conductorsteffan@bluetrainmobile.com617-312-7900
    2. 2. WHAT IS “MOBILE”?© 2013 Bluetrain Mobile | 2
    3. 3. © 2013 Bluetrain Mobile | 3 http://www.pcadvisor.co.uk/features/tablets/3416876/best-tablets-of-2012/
    4. 4. © 2013 Bluetrain Mobile | 4
    5. 5. 1 in 4 US Adults Owns a Tablet© 2013 Bluetrain Mobile | 5
    6. 6. AN EXAMPLE IN ACTION© 2013 Bluetrain Mobile | 6
    7. 7. © 2013 Bluetrain Mobile | 7 7
    8. 8. Confidential, Bluetrain Mobile | 8
    9. 9. © 2013 Bluetrain Mobile | 9
    10. 10. Behavior, Context, Modality© 2013 Bluetrain Mobile | 10
    11. 11. A Post PC World© 2013 Bluetrain Mobile | 11
    12. 12. The future is TOUCH© 2013 Bluetrain Mobile | 12
    13. 13. Touch experience influences desktopweb© 2013 Bluetrain Mobile | 13
    14. 14. RESPONSIVE DESIGN© 2013 Bluetrain Mobile | 14
    15. 15. Responsive Design
    16. 16. Responsive Design: Too Big? 1.2MB
    17. 17. Responsive Design: Too Slow? 17 seconds!
    18. 18. Responsive Design: Too Slow? Too much content
    19. 19. RESPONSIVE DESIGN Hands On!© 2013 Bluetrain Mobile | 20
    20. 20. Responsive Design: Hands On! 8.5” 11”
    21. 21. Step 1: Fold the Bottom Up
    22. 22. Step 1: Done
    23. 23. Step 2: Fold Across
    24. 24. Step 2: Done
    25. 25. Step 3: Fold Across Again
    26. 26. Step 3: Done
    27. 27. Compare Vanilla Responsivevs. RESS or Responsive withMediaQueries
    28. 28. MOBILE FIRST© 2013 Bluetrain Mobile | 29
    29. 29. © 2013 Bluetrain Mobile | 30
    30. 30. WHY IS MOBILE FIRST IMPORTANT TO MARKETERS?© 2013 Bluetrain Mobile | 31
    31. 31. Adding vs. Cutting© 2013 Bluetrain Mobile | 32
    32. 32. Mobile First, then Progressive Design© 2013 Bluetrain Mobile | 33
    33. 33. WHAT HAPPENS NEXT? Yet more modalities© 2013 Bluetrain Mobile | 34
    34. 34. AMOLED Displays from Samsung© 2013 Bluetrain Mobile | 35
    35. 35. Google Glass© 2013 Bluetrain Mobile | 36
    36. 36. Google Glass© 2013 Bluetrain Mobile | 37
    37. 37. Google Glass© 2013 Bluetrain Mobile | 38
    38. 38. Google Glass© 2013 Bluetrain Mobile | 39
    39. 39. Google Glass© 2013 Bluetrain Mobile | 40
    40. 40. Google Glass© 2013 Bluetrain Mobile | 41
    41. 41. Google Glass© 2013 Bluetrain Mobile | 42
    42. 42. Google Glass© 2013 Bluetrain Mobile | 43
    43. 43. Google Glass© 2013 Bluetrain Mobile | 44
    44. 44. Google Glass© 2013 Bluetrain Mobile | 45
    45. 45. Q&ASteffan BerelowitzCEO & ConductorBluetrain Mobile@bluetrainmobile© 2013 Bluetrain Mobile | 46
    1. A particular slide catching your eye?

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

    ×