The rise in mobile web usage has brought the Responsive Website Design phenomenon into limelight. This presentation explains what responsive web design is all about and uses statistics to support the idea that it is a better alternative to dedicated mobile websites. It also highlights the need to move towards a Responsive Web Design to prepare your business for future.
2. Call: 1300 760 363
• The rise in mobile web usage has brought the
Responsive Website Design phenomenon into
limelight.
• This presentation explains what responsive web
design is all about and uses statistics to support
the idea that it is a better alternative to dedicated
mobile websites.
• It also highlights the need to move towards a
Responsive Web Design to prepare your
business for future.
3. Call: 1300 760 363
What is this?
• When a website adjusts itself according to the
device it is being viewed on and fits to the screen, it
is said to based on responsive web design (RWD).
• There are three major principles of RWD
1. CSS3 Media Queries
2. Fluid Grid Concepts
3. Flexible Images
4. Call: 1300 760 363
Why you need it?
Because Tim Berners-Lee (Director of the World Wide
Web Consortium) says so –
“The web should be accessible from any kind
of hardware than can connect to the internet –
stationary or mobile, small screen or large.”
5. Call: 1300 760 363
Because these statistics say so
Internet Usage – Mobile vs. Desktops
Global Mobile vs. Desktop Internet Users Projection, 2007 - 2015
2500
2000
1500
1000
500
0
Mobile Internet Users
Desktop Internet Users
This graph indicates that ensuring a good mobile web experience becomes almost mandatory
6. Call: 1300 760 363
Percentage of Mobile versus <<PC>> Web traffic,
by location
20
18
16
14
12
10
8
6
4
2
0
2010
2012
Africa
Asia
Europe
N.
Oceania
S.
World
America
America
Within 2 years, there has been remarkable increase in mobile web traffic across the globe .
7. Call: 1300 760 363
Sales
Email Opening Ratio
PC
Mobile
iPad
iPhone
Android Phone
These figures are bound to spiral in 2013
8. Call: 1300 760 363
Because it has these benefits as well
Google recommends it
You get an SEO advantages!
No need to separate
Mobile version
Cost and Time saved!
Site maintains a
Consistent look across
all platforms
Superior UX!
10. Call: 1300 760 363
Keep your layout flexible
Use Media Queries
• Easy to use
• Optimum utilisation of space
• Cross-browser compatibility
Use grid system like these:
• 960 Grid System
• Gridset
• Golden GS
Add Fluidity
• Adaptive resizing for images
• Use breakpoints
Responsive Web Design
for those who want one-size-fit all website