• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Responsive design mobile_apps
 

Responsive design mobile_apps

on

  • 1,458 views

 

Statistics

Views

Total Views
1,458
Views on SlideShare
1,119
Embed Views
339

Actions

Likes
2
Downloads
18
Comments
0

3 Embeds 339

http://blog.gorillagroup.com 273
http://www.gorillagroup.com 62
http://local.gorillablog.com 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Responsive design mobile_apps Responsive design mobile_apps Presentation Transcript

    • 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. 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 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.
    • Mobile Commerce PrimerDesktop Sites on Mobile Screens
    • Mobile Commerce PrimerThere are currently 3 primary approaches to targeting themobile consumer:+ Separate, mobile-specific sites+ Apps for smartphones and tablets+ Responsive Design
    • 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
    • Mobile Commerce PrimerMobile Websites
    • 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
    • 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)
    • Mobile Commerce PrimerApps (Smartphone and Tablet)
    • 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
    • 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
    • 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
    • Mobile Commerce PrimerResponsive Design
    • 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
    • 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