SlideShare a Scribd company logo
1 of 46
Beyond Mobile:
  Touch Enabled Marketing for Every Screen



Steffan Berelowitz                           February 25, 2013
CEO and Conductor
steffan@bluetrainmobile.com
617-312-7900
WHAT IS “MOBILE”?




© 2013 Bluetrain Mobile | 2
© 2013 Bluetrain Mobile |   3
                                http://www.pcadvisor.co.uk/features/tablets/3416876/best-tablets-of-2012/
© 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 desktop
web




© 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 Responsive
vs. RESS or Responsive with
MediaQueries
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&A


Steffan Berelowitz
CEO & Conductor
Bluetrain Mobile
@bluetrainmobile




© 2013 Bluetrain Mobile |   46

More Related Content

Similar to Beyond mobile v2

Mobile UX breakfast briefing - Dubai september 2013
Mobile UX breakfast briefing - Dubai september 2013Mobile UX breakfast briefing - Dubai september 2013
Mobile UX breakfast briefing - Dubai september 2013User Vision
 
JUMP13 Whitepapers Live: Mobile Innovation
JUMP13 Whitepapers Live: Mobile InnovationJUMP13 Whitepapers Live: Mobile Innovation
JUMP13 Whitepapers Live: Mobile InnovationJamie Brighton
 
Aquent/AMA Webcast: Marketing, Meet UX
Aquent/AMA Webcast: Marketing, Meet UXAquent/AMA Webcast: Marketing, Meet UX
Aquent/AMA Webcast: Marketing, Meet UXAquent
 
The State of Enterprise Mobility - 2013
The State of Enterprise Mobility - 2013The State of Enterprise Mobility - 2013
The State of Enterprise Mobility - 2013Relayware
 
Why use responsive web design?
Why use responsive web design?Why use responsive web design?
Why use responsive web design?SoDA Speaks
 
Mobile marketing presentation
Mobile marketing presentationMobile marketing presentation
Mobile marketing presentationSaffire
 
DG: Volatile State of Convergence
DG: Volatile State of ConvergenceDG: Volatile State of Convergence
DG: Volatile State of ConvergenceRyan Manchee
 
Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Chris Forhan
 
Go mobile- Mobile technology in Social Business and Customer Relationship
Go mobile-  Mobile technology in Social Business and Customer RelationshipGo mobile-  Mobile technology in Social Business and Customer Relationship
Go mobile- Mobile technology in Social Business and Customer RelationshipIBM Global Process Services
 
Mobile Website Landscape, Small Screen, Big Opportunity
Mobile Website Landscape, Small Screen, Big OpportunityMobile Website Landscape, Small Screen, Big Opportunity
Mobile Website Landscape, Small Screen, Big OpportunitySuresh John
 
TCUK 2013 Presentation Adrian Warman
TCUK 2013 Presentation Adrian WarmanTCUK 2013 Presentation Adrian Warman
TCUK 2013 Presentation Adrian WarmanAdrian Warman
 
Sqli Agency Suisse - Talk x Design x Share - Episode 1 - HTML5 and Mobile Fir...
Sqli Agency Suisse - Talk x Design x Share - Episode 1 - HTML5 and Mobile Fir...Sqli Agency Suisse - Talk x Design x Share - Episode 1 - HTML5 and Mobile Fir...
Sqli Agency Suisse - Talk x Design x Share - Episode 1 - HTML5 and Mobile Fir...Wax Interactive
 
Glaster Yolanda Mobile Presentation
Glaster Yolanda Mobile Presentation Glaster Yolanda Mobile Presentation
Glaster Yolanda Mobile Presentation YolandaGlaster
 
Web Design 2013
Web Design 2013Web Design 2013
Web Design 2013SAM Design
 
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30
 
Android Bootcamp Tanzania:Costech mobile bootcamp monetazation
Android Bootcamp Tanzania:Costech mobile bootcamp monetazationAndroid Bootcamp Tanzania:Costech mobile bootcamp monetazation
Android Bootcamp Tanzania:Costech mobile bootcamp monetazationDenis Minja
 
Waters buy side v1.0 slideshare
Waters buy side v1.0 slideshareWaters buy side v1.0 slideshare
Waters buy side v1.0 slideshareJason Boud
 
The Full Value of a Mobile Click
The Full Value of a Mobile ClickThe Full Value of a Mobile Click
The Full Value of a Mobile Clickblue2purple
 

Similar to Beyond mobile v2 (20)

Mobile UX breakfast briefing - Dubai september 2013
Mobile UX breakfast briefing - Dubai september 2013Mobile UX breakfast briefing - Dubai september 2013
Mobile UX breakfast briefing - Dubai september 2013
 
JUMP13 Whitepapers Live: Mobile Innovation
JUMP13 Whitepapers Live: Mobile InnovationJUMP13 Whitepapers Live: Mobile Innovation
JUMP13 Whitepapers Live: Mobile Innovation
 
Aquent/AMA Webcast: Marketing, Meet UX
Aquent/AMA Webcast: Marketing, Meet UXAquent/AMA Webcast: Marketing, Meet UX
Aquent/AMA Webcast: Marketing, Meet UX
 
The State of Enterprise Mobility - 2013
The State of Enterprise Mobility - 2013The State of Enterprise Mobility - 2013
The State of Enterprise Mobility - 2013
 
Why use responsive web design?
Why use responsive web design?Why use responsive web design?
Why use responsive web design?
 
Mobile marketing presentation
Mobile marketing presentationMobile marketing presentation
Mobile marketing presentation
 
DG: Volatile State of Convergence
DG: Volatile State of ConvergenceDG: Volatile State of Convergence
DG: Volatile State of Convergence
 
Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13
 
Go mobile- Mobile technology in Social Business and Customer Relationship
Go mobile-  Mobile technology in Social Business and Customer RelationshipGo mobile-  Mobile technology in Social Business and Customer Relationship
Go mobile- Mobile technology in Social Business and Customer Relationship
 
Mobile Website Landscape, Small Screen, Big Opportunity
Mobile Website Landscape, Small Screen, Big OpportunityMobile Website Landscape, Small Screen, Big Opportunity
Mobile Website Landscape, Small Screen, Big Opportunity
 
TCUK 2013 Presentation Adrian Warman
TCUK 2013 Presentation Adrian WarmanTCUK 2013 Presentation Adrian Warman
TCUK 2013 Presentation Adrian Warman
 
Sqli Agency Suisse - Talk x Design x Share - Episode 1 - HTML5 and Mobile Fir...
Sqli Agency Suisse - Talk x Design x Share - Episode 1 - HTML5 and Mobile Fir...Sqli Agency Suisse - Talk x Design x Share - Episode 1 - HTML5 and Mobile Fir...
Sqli Agency Suisse - Talk x Design x Share - Episode 1 - HTML5 and Mobile Fir...
 
Glaster Yolanda Mobile Presentation
Glaster Yolanda Mobile Presentation Glaster Yolanda Mobile Presentation
Glaster Yolanda Mobile Presentation
 
Web Design 2013
Web Design 2013Web Design 2013
Web Design 2013
 
What is Mobile First Design Strategy.pdf
What is Mobile First Design Strategy.pdfWhat is Mobile First Design Strategy.pdf
What is Mobile First Design Strategy.pdf
 
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaper
 
Android Bootcamp Tanzania:Costech mobile bootcamp monetazation
Android Bootcamp Tanzania:Costech mobile bootcamp monetazationAndroid Bootcamp Tanzania:Costech mobile bootcamp monetazation
Android Bootcamp Tanzania:Costech mobile bootcamp monetazation
 
Waters buy side v1.0 slideshare
Waters buy side v1.0 slideshareWaters buy side v1.0 slideshare
Waters buy side v1.0 slideshare
 
Mobile Strategy and Trends for Developers
Mobile Strategy and Trends for DevelopersMobile Strategy and Trends for Developers
Mobile Strategy and Trends for Developers
 
The Full Value of a Mobile Click
The Full Value of a Mobile ClickThe Full Value of a Mobile Click
The Full Value of a Mobile Click
 

Beyond mobile v2

Editor's Notes

  1. Google GlassesAmoledsamsungHologram
  2. 86 links11 header and footer links8 primary navigation links3 on view3 upcoming3 news3 social media, 1 blog and 1 enews links
  3. 6 primary links1 focus image2 footer links
  4. 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
  5. ----- Meeting Notes (10/31/12 19:32) -----start-upshigh-end
  6. “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”
  7. 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
  8. AMOLED (Active-Matrix Organic Light-Emitting Diode)
  9. 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
  10. 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