SlideShare a Scribd company logo
1 of 9
Download to read offline
Mobile Website
Responsive Web Design
Native App
Which way should I go?
People are using different types of devices to visit your website from
desktop, through tablets to smartphones. Responsive Web Design
(RWD) adapts design and content to the screen width of the device on
which it is displayed.
http://www.bostonglobe.com/
desktop tablet mobile
What the heck is RWD?
let
+ RWD -
single URL address
common HTML code, CSS, JS
single content and site stucture
one admin panel to manage site
single development
significant website weight,
loads longer
different design variations need
to be considered, extends time
to get project out the door
complex and time consuming
testing
high maintenance cost
Separate website that visitors will see if they are viewing it on a mobile
device. Typically these sites are hosted under a subdomain like
m.yourcompany.com.
Separate mobile website
+ Mobile Site -
loads fast, light weight
easier and faster to implement
less expensive to launch
only essential content is displayed,
goal oriented
use of mobile features like maps
(location detection), click-to-call
buttons
single development
have to prepare separate
content from desktop
maintenance and updates
separate from regular website
works under a subdomain
A native mobile app is a smartphone application that is coded in a
specific programming language.They are installed directly onto the
device. Users typically acquire these apps through an online store or
marketplace such as The App Store or Android Apps on Google Play.
Native Application
+ App -
works online / offline
push notifications
more advanced functions e.g
logging in, account self service
access to mobile device functions
e.g. calendar, accelerometer,
gyroscope
available only when user
downloads it
can not be found through
search engines like Google
extensive development cost for
each system - Android, iOS,
Windows Phone
costly application updates
It all depends on your budget and what goals you want to achive
One size does not fit all
App
Perfect for
Responsive SiteMobile Site
medium to large
companies
want to engage
constantly with
mobile customers
have device specific
features to be used
used as an
extension to mobile
web channel
medium to large
companies
when starting
project from
scratch with a
complete redesign
and new build
content heavy
websites
small to medium
companies
want to setup
quickly and cost
effectively
have an existing
website that
needs to be mobile
friendly
Perfect for Perfect for
More details on our blog >
About ActiveMobi
ActiveMobi is an innovative service for creating and maintaining mobile
websites tailored for your business. Its Mobile Builder is designed and
optimized for creating websites that are easy to navigate, load fast and
guarantee an amazing user experience.
Businesses have the option of creating a mobile website themselves
using the company’s do-it-yourself online mobile website builder or have
ActiveMobi’s team of designers create a professional site for them.
ActiveMobi.com

More Related Content

Viewers also liked

Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móvilesJavier Cuello
 
"Sizing the EU App Economy" by David Card and Mark Mulligan, Gigaom Research
"Sizing the EU App Economy" by David Card and Mark Mulligan, Gigaom Research"Sizing the EU App Economy" by David Card and Mark Mulligan, Gigaom Research
"Sizing the EU App Economy" by David Card and Mark Mulligan, Gigaom ResearchEurapp
 
The State of the App Economy
The State of the App EconomyThe State of the App Economy
The State of the App EconomyFlurry, Inc.
 
Mobile web or native app
Mobile web or native appMobile web or native app
Mobile web or native appMike Takahashi
 
Eye Tracking the Mobile User Experience
Eye Tracking the Mobile User ExperienceEye Tracking the Mobile User Experience
Eye Tracking the Mobile User ExperienceUXPA Boston
 
Mobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychologyMobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychologyiQcontent
 
Modulo Mobile Marketing por Ana Lopez (Universidad del Norte, julio 3 y 4 de ...
Modulo Mobile Marketing por Ana Lopez (Universidad del Norte, julio 3 y 4 de ...Modulo Mobile Marketing por Ana Lopez (Universidad del Norte, julio 3 y 4 de ...
Modulo Mobile Marketing por Ana Lopez (Universidad del Norte, julio 3 y 4 de ...Ana Lopez
 
Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by ...
Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by ...Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by ...
Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by ...EDIT. - Disruptive Digital Education
 
La Nevera Roja desarrollo de un app nativa
La Nevera Roja desarrollo de un app nativaLa Nevera Roja desarrollo de un app nativa
La Nevera Roja desarrollo de un app nativaideup
 
Eye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowEye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowJennifer Romano Bergstrom
 
Testing Checklist for Mobile Applications-By Anurag Khode
Testing Checklist for Mobile Applications-By Anurag KhodeTesting Checklist for Mobile Applications-By Anurag Khode
Testing Checklist for Mobile Applications-By Anurag KhodeAnurag Khode
 
Mobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction DesignMobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction DesignNick Finck
 
Mobile App Testing Checklist
Mobile App Testing ChecklistMobile App Testing Checklist
Mobile App Testing ChecklistManoj Lonar
 
Presentation on mobile phones
Presentation on mobile phonesPresentation on mobile phones
Presentation on mobile phonessirtwinkles
 

Viewers also liked (16)

Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móviles
 
"Sizing the EU App Economy" by David Card and Mark Mulligan, Gigaom Research
"Sizing the EU App Economy" by David Card and Mark Mulligan, Gigaom Research"Sizing the EU App Economy" by David Card and Mark Mulligan, Gigaom Research
"Sizing the EU App Economy" by David Card and Mark Mulligan, Gigaom Research
 
The State of the App Economy
The State of the App EconomyThe State of the App Economy
The State of the App Economy
 
Mobile web or native app
Mobile web or native appMobile web or native app
Mobile web or native app
 
Eye Tracking the Mobile User Experience
Eye Tracking the Mobile User ExperienceEye Tracking the Mobile User Experience
Eye Tracking the Mobile User Experience
 
Mobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychologyMobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychology
 
Modulo Mobile Marketing por Ana Lopez (Universidad del Norte, julio 3 y 4 de ...
Modulo Mobile Marketing por Ana Lopez (Universidad del Norte, julio 3 y 4 de ...Modulo Mobile Marketing por Ana Lopez (Universidad del Norte, julio 3 y 4 de ...
Modulo Mobile Marketing por Ana Lopez (Universidad del Norte, julio 3 y 4 de ...
 
UX Mobile
UX MobileUX Mobile
UX Mobile
 
Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by ...
Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by ...Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by ...
Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by ...
 
La Nevera Roja desarrollo de un app nativa
La Nevera Roja desarrollo de un app nativaLa Nevera Roja desarrollo de un app nativa
La Nevera Roja desarrollo de un app nativa
 
Eye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowEye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to Know
 
Testing Checklist for Mobile Applications-By Anurag Khode
Testing Checklist for Mobile Applications-By Anurag KhodeTesting Checklist for Mobile Applications-By Anurag Khode
Testing Checklist for Mobile Applications-By Anurag Khode
 
Mobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction DesignMobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction Design
 
Mobile App Testing Checklist
Mobile App Testing ChecklistMobile App Testing Checklist
Mobile App Testing Checklist
 
Mobile apps marketing
Mobile apps marketingMobile apps marketing
Mobile apps marketing
 
Presentation on mobile phones
Presentation on mobile phonesPresentation on mobile phones
Presentation on mobile phones
 

More from e-point SA

Raport slideshareGotowość małych i średnich firm na klienta mobilnego – Rapor...
Raport slideshareGotowość małych i średnich firm na klienta mobilnego – Rapor...Raport slideshareGotowość małych i średnich firm na klienta mobilnego – Rapor...
Raport slideshareGotowość małych i średnich firm na klienta mobilnego – Rapor...e-point SA
 
Mobile Website - Your Secret Weapon in Gaining a Competitive Advantage
Mobile Website - Your Secret Weapon in Gaining a Competitive AdvantageMobile Website - Your Secret Weapon in Gaining a Competitive Advantage
Mobile Website - Your Secret Weapon in Gaining a Competitive Advantagee-point SA
 
Why Your Business Needs a Mobile Website
Why Your Business Needs a Mobile WebsiteWhy Your Business Needs a Mobile Website
Why Your Business Needs a Mobile Websitee-point SA
 
Strona mobilna w pigułce
Strona mobilna w pigułceStrona mobilna w pigułce
Strona mobilna w pigułcee-point SA
 
Dlaczego Twoja firma potrzebuje strony mobilnej?
Dlaczego Twoja firma potrzebuje strony mobilnej?Dlaczego Twoja firma potrzebuje strony mobilnej?
Dlaczego Twoja firma potrzebuje strony mobilnej?e-point SA
 
9 kluczowych elementów strony mobilnej
9 kluczowych elementów strony mobilnej9 kluczowych elementów strony mobilnej
9 kluczowych elementów strony mobilneje-point SA
 
Strony Mobilne czyli przyszlosc WWW
Strony Mobilne czyli przyszlosc WWWStrony Mobilne czyli przyszlosc WWW
Strony Mobilne czyli przyszlosc WWWe-point SA
 

More from e-point SA (7)

Raport slideshareGotowość małych i średnich firm na klienta mobilnego – Rapor...
Raport slideshareGotowość małych i średnich firm na klienta mobilnego – Rapor...Raport slideshareGotowość małych i średnich firm na klienta mobilnego – Rapor...
Raport slideshareGotowość małych i średnich firm na klienta mobilnego – Rapor...
 
Mobile Website - Your Secret Weapon in Gaining a Competitive Advantage
Mobile Website - Your Secret Weapon in Gaining a Competitive AdvantageMobile Website - Your Secret Weapon in Gaining a Competitive Advantage
Mobile Website - Your Secret Weapon in Gaining a Competitive Advantage
 
Why Your Business Needs a Mobile Website
Why Your Business Needs a Mobile WebsiteWhy Your Business Needs a Mobile Website
Why Your Business Needs a Mobile Website
 
Strona mobilna w pigułce
Strona mobilna w pigułceStrona mobilna w pigułce
Strona mobilna w pigułce
 
Dlaczego Twoja firma potrzebuje strony mobilnej?
Dlaczego Twoja firma potrzebuje strony mobilnej?Dlaczego Twoja firma potrzebuje strony mobilnej?
Dlaczego Twoja firma potrzebuje strony mobilnej?
 
9 kluczowych elementów strony mobilnej
9 kluczowych elementów strony mobilnej9 kluczowych elementów strony mobilnej
9 kluczowych elementów strony mobilnej
 
Strony Mobilne czyli przyszlosc WWW
Strony Mobilne czyli przyszlosc WWWStrony Mobilne czyli przyszlosc WWW
Strony Mobilne czyli przyszlosc WWW
 

Mobile website vs responsive web design

  • 1. Mobile Website Responsive Web Design Native App Which way should I go?
  • 2. People are using different types of devices to visit your website from desktop, through tablets to smartphones. Responsive Web Design (RWD) adapts design and content to the screen width of the device on which it is displayed. http://www.bostonglobe.com/ desktop tablet mobile What the heck is RWD? let
  • 3. + RWD - single URL address common HTML code, CSS, JS single content and site stucture one admin panel to manage site single development significant website weight, loads longer different design variations need to be considered, extends time to get project out the door complex and time consuming testing high maintenance cost
  • 4. Separate website that visitors will see if they are viewing it on a mobile device. Typically these sites are hosted under a subdomain like m.yourcompany.com. Separate mobile website
  • 5. + Mobile Site - loads fast, light weight easier and faster to implement less expensive to launch only essential content is displayed, goal oriented use of mobile features like maps (location detection), click-to-call buttons single development have to prepare separate content from desktop maintenance and updates separate from regular website works under a subdomain
  • 6. A native mobile app is a smartphone application that is coded in a specific programming language.They are installed directly onto the device. Users typically acquire these apps through an online store or marketplace such as The App Store or Android Apps on Google Play. Native Application
  • 7. + App - works online / offline push notifications more advanced functions e.g logging in, account self service access to mobile device functions e.g. calendar, accelerometer, gyroscope available only when user downloads it can not be found through search engines like Google extensive development cost for each system - Android, iOS, Windows Phone costly application updates
  • 8. It all depends on your budget and what goals you want to achive One size does not fit all App Perfect for Responsive SiteMobile Site medium to large companies want to engage constantly with mobile customers have device specific features to be used used as an extension to mobile web channel medium to large companies when starting project from scratch with a complete redesign and new build content heavy websites small to medium companies want to setup quickly and cost effectively have an existing website that needs to be mobile friendly Perfect for Perfect for More details on our blog >
  • 9. About ActiveMobi ActiveMobi is an innovative service for creating and maintaining mobile websites tailored for your business. Its Mobile Builder is designed and optimized for creating websites that are easy to navigate, load fast and guarantee an amazing user experience. Businesses have the option of creating a mobile website themselves using the company’s do-it-yourself online mobile website builder or have ActiveMobi’s team of designers create a professional site for them. ActiveMobi.com