Understand the different between Adaptive Web Design and Responsive Web Design. Both allow websites to be viewed in mobile devices and various screen sizes, ultimately providing visitors with a better mobile user experience. For more details on mobile website design visit - http://clicktecs.com/our-services/website-design-web-development/mobile-website-design/
Top Rated Pune Call Girls Saswad â 6297143586 â Call Me For Genuine Sex Serv...
Â
Adaptive Web Design vs. Responsive Web Design | Designing for the Mobile Consumer
1. Adaptive Web Design vs.
Responsive Web Design
Designing for the Mobile Consumer
Jam Hashmi
CEO & President
ClickTecs
@jamshaidhashmi
jam@clicktecs.com
2. Agenda
ď§ Understanding the Nomenclature
ď§ Adaptive Website Design (AWD)
ď§ Responsive Website Design (RWD)
ď§ Advantages and Disadvantages of AWD and
RWD
ď§ Deciding between Responsive and Adaptive
ď§ Examples from Search Results Portfolio
ď§ How to uncover lost Opportunities in Analytics
ď§ Q/A
5. Simplify
The two main categories:
âAdaptive Web Design (AWD)
âResponsive Web Design (RWD)
6. Similarities AWD & RWD
Both allow websites to be viewed in mobile
devices and various screen sizes, ultimately
providing visitors with a better mobile user
experience
7. Adaptive Web Design (AWD)
⢠Uses the server to detect the device the website is
being viewed on (desktop, tablet, smartphone)
⢠Sends specific files for that device
⢠Distinct templates for each device
⢠Pages load faster â usually housed on its own domain
m.domain.com or domain.com/m
The condensed definition of an adaptive design
is that it will change to fit a predetermined set
of screen and device sizes.
8. Responsive Web Design (RWD)
⢠Uses specific CSS code to modify the presentation of
a website based on the size of the device it is being
displayed on
⢠Information for every device is downloaded
regardless of whether it is used
⢠Pages load slower â Same Domain name
The condensed definition of a responsive web
design therefore is that it will fluidly change
and respond to fit any screen or device size.
19. Deciding b/w AWD & RWD
⢠Adaptive requires you to develop and maintain
separate websites either by URL or by separate
HTML/CSS code
⢠With a separate website/HTML, you can fine
tune and optimize how your site displays on a
particular device
⢠With adaptive web design you can optimize
image sizes i.e. low resolution for low-
bandwidths
⢠SEO, Links, Content all need to be redone
20. Deciding b/w AWD & RWD
⢠Responsive web design relies on HTML5, CSS3
and Javascript, and therefore works best in
relatively modern web browsers
⢠Responsive web design is suitable for delivery
across an increasingly fragmented mobile
device market (we noted over 500 devices
used in the last client example shared)
⢠SEO, Links, Content all get carried over âŚ
Google Loves Responsive
21. About ClickTecs
⢠Founded in 2001
⢠Head Office in Mississauga, Canada
⢠Our Services:
â Website Design & Development (e-commerce)
â SEO & Social Media Marketing
â PPC and Landing Page A/B Split Testing
â Custom Application Development
22. Š2013 WSI. All rights
Contact Us
Email : info@clicktecs.com
Website : www.clicktecs.com