SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
Mobile Commerce Primer:
Mobile Sites vs. Apps vs. Responsive Design
Mobile Commerce Primer



It’s become imperative to reach consumers seamlessly
across devices and channels. Why?

+ 2012 U.S. mobile sales: $17.1 billion (est.*)
+ 2015 U.S. mobile sales: $31 billion (est.)
+ By 2016, 7% of all e-commerce transactions will be conducted via
  mobile
+ Average Order Value and conversion rates are higher for tablet
  users than desktop users
+ Mobile-connected devices will exceed the world’s population by
  2013


*Data courtesy Forrester Research Inc., Internet Retailer, ComScore
Mobile Commerce Primer



Why don’t desktop sites function correctly on mobile
devices?

+ Smartphones and tablets emulate desktop browsers by default
+ Rendering websites in full-page view requires users to constantly
  zoom and scroll to interact with the site
+ Some site functionality can also be lost on mobile devices

The result is a choppy, disjointed user experience that is particularly
undesirable in the conversion-focused e-commerce space.
Mobile Commerce Primer

Desktop Sites on Mobile Screens
Mobile Commerce Primer



There are currently 3 primary approaches to targeting the
mobile consumer:

+ Separate, mobile-specific sites
+ Apps for smartphones and tablets
+ Responsive Design
Mobile Commerce Primer



What are Mobile Websites?

+ Often referred to as “M-dot” sites (i.e. m.brandname.com)
+ Use a separate design/development instance geared to mobile
  devices
+ Mobile sites display effectively on the mobile devices for which they
  are created
Mobile Commerce Primer


Mobile Websites
Mobile Commerce Primer


Mobile Websites
Pros                                  Cons
+ Improved performance on (some)      + Separate design and development
  mobile devices                        costs
+ Mobile-specific design              + Ongoing maintenance, content
+ Good for specific functional uses     creation, etc., in addition to
  (e.g. store locator)                  primary site tasks
                                      + Stripped-down user interface and
                                        content
                                      + Negative SEO implications
                                      + Device limitations – mobile
                                        designed for smartphones function
                                        poorly on tablets
                                      + Non-compatible with emerging
                                        device types
Mobile Commerce Primer


Apps (Smartphone and Tablet)
+   Made ubiquitous with the launch of the iPhone in 2007
+   Enable seamless functionality within the device
+   Splintered market (Apple iOS, Android, Windows 8)
+   Require separate app instances for smartphone/tablet users




                                           Worldwide market share Q1 2012 (Source Mobile
                                           Statistics)
Mobile Commerce Primer

Apps (Smartphone and Tablet)
Mobile Commerce Primer


Smartphone Apps
Pros                                  Cons
+ Device-specific design              + Multiple design and
+ Ability to access device              development costs (iOS, Android,
                                         etc.)
  functionality (i.e. camera,
                                      + Separate maintenance and
  contact list)                         content needs
+ Ability to create a targeted user   + Frequent updates required
  experience                          + Low adoption – 80% of branded
                                         smartphone apps are downloaded less
                                         than 1000 times*
                                      + Low repeat usage – 60% of
                                         downloaded apps are used less than 5
                                         times*
                                      + Over-crowded marketplaces
                                                             *Via Deloitte & Touche; Loyalytics
Mobile Commerce Primer


Responsive Design
+ Presents a new approach to website design and development

+ First appeared in the 2010 book Responsive Web Design by Ethan
  Marcotte

+ Uses a modular approach to design and development, leveraging
  CSS3 and media queries
Mobile Commerce Primer


Responsive Design (cont’d)
+ Responsive sites “survey” the destination device, reorganizing and
  displaying site content, and altering functionality, accordingly

+ Allows for a single set of URLs across digital channels, which
  provide numerous SEO benefits

+ This approach works across devices, from smartphones and tablets
  to the largest web-enabled TVs
Mobile Commerce Primer


Responsive Design
Mobile Commerce Primer


Responsive Design
Pros                                       Cons
+ Requires a single                        + Initial development costs and
  design/development instance                timeframe higher than a
+ 1 set of content (text, images,            standalone website
  product catalog) across devices          + Potential page load performance
+ Future-proof for new devices               issues on slower networks
+ Numerous SEO and social sharing
  advantages
+ Endorsed by Google (preferred
   method for mobile development)
+ Initial costs offset by lower lifetime
  maintenance costs
+ Enables context-based design and
  functionality
+ Continually evolving framework
Mobile Commerce Primer


Conclusions
+ For true multichannel, multi-device engagement, responsive design offers
  numerous advantages over other current solutions.
+ We fully recommend responsive design over alternative mobile strategies.
+ The future of responsive design will open the door to “context-based” site
  functionality.
+ Apps can be a viable solution in certain situations. Specifically, large
  retailers/brand manufacturers with sufficient resources, who are looking to
  push the experience envelope.
+ Mobile-specific site development has limited benefits in niche use cases.
  We believe this strategy will be further marginalized as responsive design
  becomes more mainstream. Still, it is preferable to ignoring the mobile
  channel.

+To see responsive design in action, visit adapt.gorillagroup.com

Mais conteúdo relacionado

Mais procurados

Mobile Application Development
Mobile Application DevelopmentMobile Application Development
Mobile Application DevelopmentRameez Ramzan
 
Dissecting and DeFragmenting the Wild and Wacky Mobile App World
Dissecting and DeFragmenting the Wild and Wacky Mobile App WorldDissecting and DeFragmenting the Wild and Wacky Mobile App World
Dissecting and DeFragmenting the Wild and Wacky Mobile App WorldVictoria Abadir
 
How Much Does it Cost to Build a Mobile App for iPhone & Android?
How Much Does it Cost to Build a Mobile App for iPhone & Android?How Much Does it Cost to Build a Mobile App for iPhone & Android?
How Much Does it Cost to Build a Mobile App for iPhone & Android?Alex Sam
 
Mobile Web vs Apps
Mobile Web vs AppsMobile Web vs Apps
Mobile Web vs AppsIdeK-labbet
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile DevelopmentIntergen
 
Uniway seminar ecommerce - 2011 10 04 - v2
Uniway   seminar ecommerce - 2011 10 04 - v2Uniway   seminar ecommerce - 2011 10 04 - v2
Uniway seminar ecommerce - 2011 10 04 - v2Uniway
 
Mobile apps types + Responsice Vs. Adaptive
Mobile apps types + Responsice Vs. AdaptiveMobile apps types + Responsice Vs. Adaptive
Mobile apps types + Responsice Vs. AdaptiveShady Selim
 
How Configure.IT accelerates Mobile App Development
How Configure.IT accelerates Mobile App DevelopmentHow Configure.IT accelerates Mobile App Development
How Configure.IT accelerates Mobile App DevelopmentConfigureIT Inc
 
Mobile for B2B: Native or Web?
Mobile for B2B: Native or Web?Mobile for B2B: Native or Web?
Mobile for B2B: Native or Web?Omobono
 
01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application developmentSiva Kumar reddy Vasipally
 
Mobile OS and Mobile Browser Trends and Prediction
Mobile OS and Mobile Browser Trends and PredictionMobile OS and Mobile Browser Trends and Prediction
Mobile OS and Mobile Browser Trends and PredictionjTribe
 
Mobile app development ppt
Mobile app development pptMobile app development ppt
Mobile app development pptEmbark Software
 
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...Kai Koenig
 
Marketing: iPhone vs BlackBerry Group Presentation
Marketing: iPhone vs BlackBerry Group PresentationMarketing: iPhone vs BlackBerry Group Presentation
Marketing: iPhone vs BlackBerry Group PresentationAlexandra Brooks
 
Mobile compatibility a front end perspective
Mobile compatibility a front end perspectiveMobile compatibility a front end perspective
Mobile compatibility a front end perspectivePierre Foucart
 
Nokia symbian strategy
Nokia symbian strategyNokia symbian strategy
Nokia symbian strategyMadhur Gopal
 

Mais procurados (20)

Mobile Application Development
Mobile Application DevelopmentMobile Application Development
Mobile Application Development
 
Dissecting and DeFragmenting the Wild and Wacky Mobile App World
Dissecting and DeFragmenting the Wild and Wacky Mobile App WorldDissecting and DeFragmenting the Wild and Wacky Mobile App World
Dissecting and DeFragmenting the Wild and Wacky Mobile App World
 
How Much Does it Cost to Build a Mobile App for iPhone & Android?
How Much Does it Cost to Build a Mobile App for iPhone & Android?How Much Does it Cost to Build a Mobile App for iPhone & Android?
How Much Does it Cost to Build a Mobile App for iPhone & Android?
 
Mobile Web vs Apps
Mobile Web vs AppsMobile Web vs Apps
Mobile Web vs Apps
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
Uniway seminar ecommerce - 2011 10 04 - v2
Uniway   seminar ecommerce - 2011 10 04 - v2Uniway   seminar ecommerce - 2011 10 04 - v2
Uniway seminar ecommerce - 2011 10 04 - v2
 
Mobile apps types + Responsice Vs. Adaptive
Mobile apps types + Responsice Vs. AdaptiveMobile apps types + Responsice Vs. Adaptive
Mobile apps types + Responsice Vs. Adaptive
 
How Configure.IT accelerates Mobile App Development
How Configure.IT accelerates Mobile App DevelopmentHow Configure.IT accelerates Mobile App Development
How Configure.IT accelerates Mobile App Development
 
Mobile for B2B: Native or Web?
Mobile for B2B: Native or Web?Mobile for B2B: Native or Web?
Mobile for B2B: Native or Web?
 
01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application development
 
Mobile OS and Mobile Browser Trends and Prediction
Mobile OS and Mobile Browser Trends and PredictionMobile OS and Mobile Browser Trends and Prediction
Mobile OS and Mobile Browser Trends and Prediction
 
Mobile app development ppt
Mobile app development pptMobile app development ppt
Mobile app development ppt
 
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
 
How to create an app
How to create an appHow to create an app
How to create an app
 
Marketing: iPhone vs BlackBerry Group Presentation
Marketing: iPhone vs BlackBerry Group PresentationMarketing: iPhone vs BlackBerry Group Presentation
Marketing: iPhone vs BlackBerry Group Presentation
 
Different types of mobile apps
Different types of mobile appsDifferent types of mobile apps
Different types of mobile apps
 
Mobile compatibility a front end perspective
Mobile compatibility a front end perspectiveMobile compatibility a front end perspective
Mobile compatibility a front end perspective
 
Iphone vs blackberry
Iphone vs blackberryIphone vs blackberry
Iphone vs blackberry
 
Hybrid vs Native
Hybrid vs NativeHybrid vs Native
Hybrid vs Native
 
Nokia symbian strategy
Nokia symbian strategyNokia symbian strategy
Nokia symbian strategy
 

Semelhante a Responsive design mobile_apps

Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | OxiemGet Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | OxiemLessing-Flynn
 
iPad Apps for the Enterprise
iPad Apps for the EnterpriseiPad Apps for the Enterprise
iPad Apps for the EnterpriseSukumar Jena
 
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Shane Church
 
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Effective
 
Responsive Web Cross-Media and Mobile
Responsive Web Cross-Media and MobileResponsive Web Cross-Media and Mobile
Responsive Web Cross-Media and MobileMatthew Snyder
 
Responsive Web Design vs. Mobile Web App: What is best for Enterprise - Whit...
Responsive Web Design vs. Mobile Web App:  What is best for Enterprise - Whit...Responsive Web Design vs. Mobile Web App:  What is best for Enterprise - Whit...
Responsive Web Design vs. Mobile Web App: What is best for Enterprise - Whit...RapidValue
 
Designing User Experience for multiple screen and device formats
Designing User Experience for multiple screen and device formatsDesigning User Experience for multiple screen and device formats
Designing User Experience for multiple screen and device formatsDirk Bartels
 
Introduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOPIntroduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOPKeyLimeTie
 
What do you need to consider before taking a business onto mobile ?
What do you need to consider before taking a business onto mobile ?What do you need to consider before taking a business onto mobile ?
What do you need to consider before taking a business onto mobile ?Rapidsoft Technologies
 
Mobile Web vs. Native apps
Mobile Web vs. Native appsMobile Web vs. Native apps
Mobile Web vs. Native appsSoDA Speaks
 
UNIT_1_1626771386169.ppt
UNIT_1_1626771386169.pptUNIT_1_1626771386169.ppt
UNIT_1_1626771386169.pptHannaAnvar1
 
Architecting mobile solutions for the enterprise
Architecting mobile solutions for the enterpriseArchitecting mobile solutions for the enterprise
Architecting mobile solutions for the enterpriseSoftweb Solutions
 
Mobiletrender 2014
Mobiletrender 2014Mobiletrender 2014
Mobiletrender 2014allerhed
 
Factors affecting cost to build a mobile app
Factors affecting cost to build a mobile appFactors affecting cost to build a mobile app
Factors affecting cost to build a mobile appDay1 Technologies
 
Best Practices For Building Your Mobile Applications - A Whitepaper by RapidV...
Best Practices For Building Your Mobile Applications - A Whitepaper by RapidV...Best Practices For Building Your Mobile Applications - A Whitepaper by RapidV...
Best Practices For Building Your Mobile Applications - A Whitepaper by RapidV...RapidValue
 
Interactive Mobile Applications in the Enterprise: Are You Ready?
Interactive Mobile Applications in the Enterprise: Are You Ready?Interactive Mobile Applications in the Enterprise: Are You Ready?
Interactive Mobile Applications in the Enterprise: Are You Ready?CITYTECH, Inc.
 
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationNative vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationLoic Ortola
 
Overview of Enterprise Mobility
Overview of Enterprise MobilityOverview of Enterprise Mobility
Overview of Enterprise MobilityYuvaraj Ilangovan
 
Enterprise Mobility Strategy - Device and App development
Enterprise Mobility Strategy -  Device and App developmentEnterprise Mobility Strategy -  Device and App development
Enterprise Mobility Strategy - Device and App developmentOnDeviceSolutions
 

Semelhante a Responsive design mobile_apps (20)

Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | OxiemGet Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
 
iPad Apps for the Enterprise
iPad Apps for the EnterpriseiPad Apps for the Enterprise
iPad Apps for the Enterprise
 
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
 
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?
 
Responsive Web Cross-Media and Mobile
Responsive Web Cross-Media and MobileResponsive Web Cross-Media and Mobile
Responsive Web Cross-Media and Mobile
 
Responsive Web Design vs. Mobile Web App: What is best for Enterprise - Whit...
Responsive Web Design vs. Mobile Web App:  What is best for Enterprise - Whit...Responsive Web Design vs. Mobile Web App:  What is best for Enterprise - Whit...
Responsive Web Design vs. Mobile Web App: What is best for Enterprise - Whit...
 
Designing User Experience for multiple screen and device formats
Designing User Experience for multiple screen and device formatsDesigning User Experience for multiple screen and device formats
Designing User Experience for multiple screen and device formats
 
Introduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOPIntroduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOP
 
Fundamentals of Mobile App Development Technology
Fundamentals of Mobile App Development TechnologyFundamentals of Mobile App Development Technology
Fundamentals of Mobile App Development Technology
 
What do you need to consider before taking a business onto mobile ?
What do you need to consider before taking a business onto mobile ?What do you need to consider before taking a business onto mobile ?
What do you need to consider before taking a business onto mobile ?
 
Mobile Web vs. Native apps
Mobile Web vs. Native appsMobile Web vs. Native apps
Mobile Web vs. Native apps
 
UNIT_1_1626771386169.ppt
UNIT_1_1626771386169.pptUNIT_1_1626771386169.ppt
UNIT_1_1626771386169.ppt
 
Architecting mobile solutions for the enterprise
Architecting mobile solutions for the enterpriseArchitecting mobile solutions for the enterprise
Architecting mobile solutions for the enterprise
 
Mobiletrender 2014
Mobiletrender 2014Mobiletrender 2014
Mobiletrender 2014
 
Factors affecting cost to build a mobile app
Factors affecting cost to build a mobile appFactors affecting cost to build a mobile app
Factors affecting cost to build a mobile app
 
Best Practices For Building Your Mobile Applications - A Whitepaper by RapidV...
Best Practices For Building Your Mobile Applications - A Whitepaper by RapidV...Best Practices For Building Your Mobile Applications - A Whitepaper by RapidV...
Best Practices For Building Your Mobile Applications - A Whitepaper by RapidV...
 
Interactive Mobile Applications in the Enterprise: Are You Ready?
Interactive Mobile Applications in the Enterprise: Are You Ready?Interactive Mobile Applications in the Enterprise: Are You Ready?
Interactive Mobile Applications in the Enterprise: Are You Ready?
 
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationNative vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile application
 
Overview of Enterprise Mobility
Overview of Enterprise MobilityOverview of Enterprise Mobility
Overview of Enterprise Mobility
 
Enterprise Mobility Strategy - Device and App development
Enterprise Mobility Strategy -  Device and App developmentEnterprise Mobility Strategy -  Device and App development
Enterprise Mobility Strategy - Device and App development
 

Mais de Gorilla Group

FDLA 2016 case studies
FDLA 2016 case studiesFDLA 2016 case studies
FDLA 2016 case studiesGorilla Group
 
Atlanta Magento Ecommerce Forum Presentation with Gorilla, Bronto, Avalara
Atlanta Magento Ecommerce Forum Presentation with Gorilla, Bronto, AvalaraAtlanta Magento Ecommerce Forum Presentation with Gorilla, Bronto, Avalara
Atlanta Magento Ecommerce Forum Presentation with Gorilla, Bronto, AvalaraGorilla Group
 
Wrap Up 2014 with Success on the Magento Platform
Wrap Up 2014 with Success on the Magento PlatformWrap Up 2014 with Success on the Magento Platform
Wrap Up 2014 with Success on the Magento PlatformGorilla Group
 
Competing and Winning Against the Big Boys: How a Visionary CEO Turned a New ...
Competing and Winning Against the Big Boys: How a Visionary CEO Turned a New ...Competing and Winning Against the Big Boys: How a Visionary CEO Turned a New ...
Competing and Winning Against the Big Boys: How a Visionary CEO Turned a New ...Gorilla Group
 
2013 holiday season key trends & drivers
2013 holiday season   key trends & drivers2013 holiday season   key trends & drivers
2013 holiday season key trends & driversGorilla Group
 
Magento New York Forum 11/5 Presentation
Magento New York Forum 11/5 PresentationMagento New York Forum 11/5 Presentation
Magento New York Forum 11/5 PresentationGorilla Group
 
IRCE 2013 Gorilla Group and Young America
IRCE 2013 Gorilla Group and Young AmericaIRCE 2013 Gorilla Group and Young America
IRCE 2013 Gorilla Group and Young AmericaGorilla Group
 

Mais de Gorilla Group (7)

FDLA 2016 case studies
FDLA 2016 case studiesFDLA 2016 case studies
FDLA 2016 case studies
 
Atlanta Magento Ecommerce Forum Presentation with Gorilla, Bronto, Avalara
Atlanta Magento Ecommerce Forum Presentation with Gorilla, Bronto, AvalaraAtlanta Magento Ecommerce Forum Presentation with Gorilla, Bronto, Avalara
Atlanta Magento Ecommerce Forum Presentation with Gorilla, Bronto, Avalara
 
Wrap Up 2014 with Success on the Magento Platform
Wrap Up 2014 with Success on the Magento PlatformWrap Up 2014 with Success on the Magento Platform
Wrap Up 2014 with Success on the Magento Platform
 
Competing and Winning Against the Big Boys: How a Visionary CEO Turned a New ...
Competing and Winning Against the Big Boys: How a Visionary CEO Turned a New ...Competing and Winning Against the Big Boys: How a Visionary CEO Turned a New ...
Competing and Winning Against the Big Boys: How a Visionary CEO Turned a New ...
 
2013 holiday season key trends & drivers
2013 holiday season   key trends & drivers2013 holiday season   key trends & drivers
2013 holiday season key trends & drivers
 
Magento New York Forum 11/5 Presentation
Magento New York Forum 11/5 PresentationMagento New York Forum 11/5 Presentation
Magento New York Forum 11/5 Presentation
 
IRCE 2013 Gorilla Group and Young America
IRCE 2013 Gorilla Group and Young AmericaIRCE 2013 Gorilla Group and Young America
IRCE 2013 Gorilla Group and Young America
 

Responsive design mobile_apps

  • 1. Mobile Commerce Primer: Mobile Sites vs. Apps vs. Responsive Design
  • 2. Mobile Commerce Primer It’s become imperative to reach consumers seamlessly across devices and channels. Why? + 2012 U.S. mobile sales: $17.1 billion (est.*) + 2015 U.S. mobile sales: $31 billion (est.) + By 2016, 7% of all e-commerce transactions will be conducted via mobile + Average Order Value and conversion rates are higher for tablet users than desktop users + Mobile-connected devices will exceed the world’s population by 2013 *Data courtesy Forrester Research Inc., Internet Retailer, ComScore
  • 3. Mobile Commerce Primer Why don’t desktop sites function correctly on mobile devices? + Smartphones and tablets emulate desktop browsers by default + Rendering websites in full-page view requires users to constantly zoom and scroll to interact with the site + Some site functionality can also be lost on mobile devices The result is a choppy, disjointed user experience that is particularly undesirable in the conversion-focused e-commerce space.
  • 4. Mobile Commerce Primer Desktop Sites on Mobile Screens
  • 5. Mobile Commerce Primer There are currently 3 primary approaches to targeting the mobile consumer: + Separate, mobile-specific sites + Apps for smartphones and tablets + Responsive Design
  • 6. Mobile Commerce Primer What are Mobile Websites? + Often referred to as “M-dot” sites (i.e. m.brandname.com) + Use a separate design/development instance geared to mobile devices + Mobile sites display effectively on the mobile devices for which they are created
  • 8. Mobile Commerce Primer Mobile Websites Pros Cons + Improved performance on (some) + Separate design and development mobile devices costs + Mobile-specific design + Ongoing maintenance, content + Good for specific functional uses creation, etc., in addition to (e.g. store locator) primary site tasks + Stripped-down user interface and content + Negative SEO implications + Device limitations – mobile designed for smartphones function poorly on tablets + Non-compatible with emerging device types
  • 9. Mobile Commerce Primer Apps (Smartphone and Tablet) + Made ubiquitous with the launch of the iPhone in 2007 + Enable seamless functionality within the device + Splintered market (Apple iOS, Android, Windows 8) + Require separate app instances for smartphone/tablet users Worldwide market share Q1 2012 (Source Mobile Statistics)
  • 10. Mobile Commerce Primer Apps (Smartphone and Tablet)
  • 11. Mobile Commerce Primer Smartphone Apps Pros Cons + Device-specific design + Multiple design and + Ability to access device development costs (iOS, Android, etc.) functionality (i.e. camera, + Separate maintenance and contact list) content needs + Ability to create a targeted user + Frequent updates required experience + Low adoption – 80% of branded smartphone apps are downloaded less than 1000 times* + Low repeat usage – 60% of downloaded apps are used less than 5 times* + Over-crowded marketplaces *Via Deloitte & Touche; Loyalytics
  • 12. Mobile Commerce Primer Responsive Design + Presents a new approach to website design and development + First appeared in the 2010 book Responsive Web Design by Ethan Marcotte + Uses a modular approach to design and development, leveraging CSS3 and media queries
  • 13. Mobile Commerce Primer Responsive Design (cont’d) + Responsive sites “survey” the destination device, reorganizing and displaying site content, and altering functionality, accordingly + Allows for a single set of URLs across digital channels, which provide numerous SEO benefits + This approach works across devices, from smartphones and tablets to the largest web-enabled TVs
  • 15. Mobile Commerce Primer Responsive Design Pros Cons + Requires a single + Initial development costs and design/development instance timeframe higher than a + 1 set of content (text, images, standalone website product catalog) across devices + Potential page load performance + Future-proof for new devices issues on slower networks + Numerous SEO and social sharing advantages + Endorsed by Google (preferred method for mobile development) + Initial costs offset by lower lifetime maintenance costs + Enables context-based design and functionality + Continually evolving framework
  • 16. Mobile Commerce Primer Conclusions + For true multichannel, multi-device engagement, responsive design offers numerous advantages over other current solutions. + We fully recommend responsive design over alternative mobile strategies. + The future of responsive design will open the door to “context-based” site functionality. + Apps can be a viable solution in certain situations. Specifically, large retailers/brand manufacturers with sufficient resources, who are looking to push the experience envelope. + Mobile-specific site development has limited benefits in niche use cases. We believe this strategy will be further marginalized as responsive design becomes more mainstream. Still, it is preferable to ignoring the mobile channel. +To see responsive design in action, visit adapt.gorillagroup.com