Mobile Commerce Primer:Mobile Sites vs. Apps vs. Responsive Design
Mobile Commerce PrimerIt’s become imperative to reach consumers seamlesslyacross devices and channels. Why?+ 2012 U.S. mob...
Mobile Commerce PrimerWhy don’t desktop sites function correctly on mobiledevices?+ Smartphones and tablets emulate deskto...
Mobile Commerce PrimerDesktop Sites on Mobile Screens
Mobile Commerce PrimerThere are currently 3 primary approaches to targeting themobile consumer:+ Separate, mobile-specific...
Mobile Commerce PrimerWhat are Mobile Websites?+ Often referred to as “M-dot” sites (i.e. m.brandname.com)+ Use a separate...
Mobile Commerce PrimerMobile Websites
Mobile Commerce PrimerMobile WebsitesPros                                  Cons+ Improved performance on (some)      + Sep...
Mobile Commerce PrimerApps (Smartphone and Tablet)+   Made ubiquitous with the launch of the iPhone in 2007+   Enable seam...
Mobile Commerce PrimerApps (Smartphone and Tablet)
Mobile Commerce PrimerSmartphone AppsPros                                  Cons+ Device-specific design              + Mul...
Mobile Commerce PrimerResponsive Design+ Presents a new approach to website design and development+ First appeared in the ...
Mobile Commerce PrimerResponsive Design (cont’d)+ Responsive sites “survey” the destination device, reorganizing and  disp...
Mobile Commerce PrimerResponsive Design
Mobile Commerce PrimerResponsive DesignPros                                       Cons+ Requires a single                 ...
Mobile Commerce PrimerConclusions+ For true multichannel, multi-device engagement, responsive design offers  numerous adva...
Upcoming SlideShare
Loading in …5
×

Responsive design mobile_apps

1,572 views

Published on

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

No Downloads
Views
Total views
1,572
On SlideShare
0
From Embeds
0
Number of Embeds
395
Actions
Shares
0
Downloads
25
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Responsive design mobile_apps

  1. 1. Mobile Commerce Primer:Mobile Sites vs. Apps vs. Responsive Design
  2. 2. Mobile Commerce PrimerIt’s become imperative to reach consumers seamlesslyacross 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. 3. Mobile Commerce PrimerWhy don’t desktop sites function correctly on mobiledevices?+ 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 devicesThe result is a choppy, disjointed user experience that is particularlyundesirable in the conversion-focused e-commerce space.
  4. 4. Mobile Commerce PrimerDesktop Sites on Mobile Screens
  5. 5. Mobile Commerce PrimerThere are currently 3 primary approaches to targeting themobile consumer:+ Separate, mobile-specific sites+ Apps for smartphones and tablets+ Responsive Design
  6. 6. Mobile Commerce PrimerWhat 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
  7. 7. Mobile Commerce PrimerMobile Websites
  8. 8. Mobile Commerce PrimerMobile WebsitesPros 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. 9. Mobile Commerce PrimerApps (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. 10. Mobile Commerce PrimerApps (Smartphone and Tablet)
  11. 11. Mobile Commerce PrimerSmartphone AppsPros 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. 12. Mobile Commerce PrimerResponsive 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. 13. Mobile Commerce PrimerResponsive 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
  14. 14. Mobile Commerce PrimerResponsive Design
  15. 15. Mobile Commerce PrimerResponsive DesignPros 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. 16. Mobile Commerce PrimerConclusions+ 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

×