35% 67% 61% 55% · what are the advantages of responsive design for the owner? what do the expert...

1
of your visitors use a mobile device. are more likely to buy or convert after visiting a mobile friendly site look elsewhere if thewebsite is not mobile friendly agree that a frustrating experience on a mobile device hurts brand perception. 35 % 67% 55 % 61% To use responsive design or not to use responsive design? that is not a question... Why choose responsive design? Desktop Vs. Mobile Internet usage It's all about creating an appropri- ate, enjoyable, task-driven experi- ence. Optimized sites create more engagement How do you achieve a mobile optimized site? 1. mobile 2. fluid 3. adaptive 4. responsive A mobile website lives at m.URL or mobile.URL. While it might work great on mobile devices, you now have two websites to build and maintain, which is not very cost effective. The layout of a fluid website is based on a percentage of the browser display. A column set at 33% width will automatically resize itself to that percentage of the browser window, regardless of the device type. In an adaptive website, elements are organized based on predefined rules specific to monitor, notebook, tablet and smartphone screen sizes. Responsive design combines the advantages of both fluid and adaptive designs and is the recommended option for a seamless browsing experience across all platforms. +85% 2007 0 400 2000 1600 1200 800 2008 2009 2010 2011 2012 2013 2014 2015 Mobile Internet user Desktop Internet user What are the advantages of responsive design for the owner? What do the expert say? Are you ready to give your website a responsive makeover? What are the advantages of responsive design for the user? Saves Time Global mobile Vs. Desktop Internet user projection, 2007-2015 (Morgan Stanley Research) Internet users (in millions) No Pinching No Zooming Good UI No side scrolling Maximizes your money-making potential as it accounts for the trending migration to mobile use. BRAND Enhances brand perception Maximizes website visibili- ty due to improved SEO and performance. Saves time Saves money SOURCES: marketingland.com, teamtreehouse.com, smartinsights.com, Impress Labs, blog.marginmedia.com.au, international telecommunication union, Google, mobithinking designed by Google recommends responsive web design as its preferred mobile configuration; referring to it as the industry best-practice web design. This is because content that lives on one website at one URL is much easier for users to share, interact with, and link to than content that lives on a separate mobile site. At Impress Labs we offer a proven process to build, opti- mize, launch, update, and promote your site. Contact us to learn more. We are ready to take your website to the next level of digital experience. Surf On! http://impresslabs.com April, 2014

Upload: others

Post on 23-Sep-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 35% 67% 61% 55% · What are the advantages of responsive design for the owner? What do the expert say? Are you ready to give your website a responsive makeover? What are the advantages

of your visitors usea mobile device.

are more likely to buy or convert after visiting

a mobile friendly site

look elsewhereif thewebsite is not

mobile friendly

agree that a frustratingexperience on a

mobile device hurts brand perception.

35% 67% 55%61%

To use responsive design or not to use responsive design?

that is not a question...

Why choose responsive design?

Desktop Vs. Mobile Internet usage

It's all about creating an appropri-ate, enjoyable, task-driven experi-ence.

Optimized sites createmore engagement

How do you achieve a mobile optimized site?

1. mobile 2. �uid 3. adaptive 4. responsive

A mobile website lives at m.URL or mobile.URL.

While it might work great on mobile devices, you now have

two websites to build and maintain, which is not very

cost e�ective.

The layout of a �uid website is based on a percentage of the browser display. A column set

at 33% width will automatically resize itself to

that percentage of the browser window, regardless of the

device type.

In an adaptive website,elements are organized based

on prede�nedrules speci�c to monitor,

notebook, tablet and smartphone screen sizes.

Responsive design combines the advantages of both �uid and adaptive designs and is

the recommended option fora seamless browsing experience across all

platforms.

+85%

2007

0

400

2000

1600

1200

800

2008 2009 2010 2011 2012 2013 2014 2015

Mobile Internet user

Desktop Internet user

What are the advantages of responsive design for the owner?

What do the expert say? Are you ready to give yourwebsite a responsive makeover?

What are the advantages of responsive design for the user?

Saves Time

Global mobile Vs. Desktop Internet user projection, 2007-2015 (Morgan Stanley Research)

Inte

rnet

use

rs (

in m

illi

on

s)

No PinchingNo Zooming GoodUI

No sidescrolling

Maximizes your money-making potential

as it accounts for the trending migration to

mobile use.

BRAND

Enhances brand perception

Maximizes website visibili-ty due to improved SEO

and performance.

Saves timeSaves money

SOURCES: marketingland.com, teamtreehouse.com, smartinsights.com, Impress Labs,blog.marginmedia.com.au, international telecommunication union, Google, mobithinking

designed by

Google recommends responsive web design as its preferred mobile con�guration; referring to it as the industry best-practice web design. This is because content that lives on one website at one URL is much easier for users to share, interact with, and link to than content that lives on a separate mobile site.

At Impress Labs we o�er a proven process to build, opti-mize, launch, update, and promote your site.

Contact us to learn more. We are ready to take your website to the next level of digital experience.

Surf On!http://impresslabs.com

April, 2014