SlideShare a Scribd company logo
1 of 8
THE IMPORTANCE OF
ADAPTATION
IN THE MODERN ADOPTION
OF
RESPONSIVE DESIGN

   David Stump | DePaul University | May 2012
Responsive Vs. Adaptive Debate
This project evaluates the current debate among many web designers
between responsive and adaptive web design techniques. The aim is to
discuss the debate and examine the importance of design adaptation in
modern web design.
Responsive Design
   Coined by Ethan Marcotte in A Book Apart
    series
   Centers on belief that user should have same
    experience no matter the device used
   Focuses on adjusting the layout of a design
    to fit the resolution of the device/media
Adaptive Design
   Definitive work on technique by Aaron
    Gustafson
   Centers on the belief that design and content
    should be altered based on context of user
   Context includes
    device, location, orientation, history, etc.
   Context information should be used in
    crafting user experience
Responsive vs. Adaptive
Design
Responsive Design - Layout   Adaptive Design – Content
Findings
   Adaptive is not a competitor or alternative to
    responsive design
   Instead, it is the evolution of responsive
    design
   Using all user context available is essential to
    web design
   Most important technique in modern design is
    adaptation
   A designer must adapt to client needs, user
    needs and user context
Adapt Or Die
Adaptation is the most important concept in modern web design. A good
design adapts to fit the client needs, the user needs and adjusts the
experience based on the context of the user – including device
used, device orientation, geolocation, browser capability, user history and
more.
Project Timeline
   05/02/2012 – Submit Project Proposal
   05/16/2012 – Present Project Progress
   05/30/2012 – Submit Project Presentation
   06/06/2012 – Final Project Report Due




   Presentation References
   Marcotte, E. 2011. Responsive Web Design. A Book
    Apart, New York, NY.
   Gustafson, A. 2011. Adaptive Web Design. Easy
    Readers, LLC, Chattanooga, TN.
   Web Devices – http://bradfrostweb.com/
   Dodo Bird Marketing –
    http://conversationmarketing.com

More Related Content

Similar to Stump final presentation

Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility   atia 2013Integrating universal design, best practices, & accessibility   atia 2013
Integrating universal design, best practices, & accessibility atia 2013
Howard Kramer
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
Howard Kramer
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
Howard Kramer
 

Similar to Stump final presentation (20)

Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
Responsive Design and Joomla!
Responsive Design and Joomla!Responsive Design and Joomla!
Responsive Design and Joomla!
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Responsive Web Designs
Responsive Web DesignsResponsive Web Designs
Responsive Web Designs
 
Theming for mobile devices recent
Theming for mobile devices recentTheming for mobile devices recent
Theming for mobile devices recent
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
Future-Proofing the Web: Choosing the Optimal Mobile Design Strategy
Future-Proofing the Web: Choosing the Optimal Mobile Design StrategyFuture-Proofing the Web: Choosing the Optimal Mobile Design Strategy
Future-Proofing the Web: Choosing the Optimal Mobile Design Strategy
 
Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility   atia 2013Integrating universal design, best practices, & accessibility   atia 2013
Integrating universal design, best practices, & accessibility atia 2013
 
Responsive & Organic Design
Responsive & Organic DesignResponsive & Organic Design
Responsive & Organic Design
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
 
Responsive Web Designs.pdf
Responsive Web Designs.pdfResponsive Web Designs.pdf
Responsive Web Designs.pdf
 
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGNRESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN
 
Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and Controversy
 
Mobile Responsive ​ Website Designing.pdf
Mobile Responsive ​ Website Designing.pdfMobile Responsive ​ Website Designing.pdf
Mobile Responsive ​ Website Designing.pdf
 
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdf
 
Introduction | SEO Expate BD Ltd.
Introduction | SEO Expate BD Ltd.Introduction | SEO Expate BD Ltd.
Introduction | SEO Expate BD Ltd.
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
 

Recently uploaded

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 

Stump final presentation

  • 1. THE IMPORTANCE OF ADAPTATION IN THE MODERN ADOPTION OF RESPONSIVE DESIGN David Stump | DePaul University | May 2012
  • 2. Responsive Vs. Adaptive Debate This project evaluates the current debate among many web designers between responsive and adaptive web design techniques. The aim is to discuss the debate and examine the importance of design adaptation in modern web design.
  • 3. Responsive Design  Coined by Ethan Marcotte in A Book Apart series  Centers on belief that user should have same experience no matter the device used  Focuses on adjusting the layout of a design to fit the resolution of the device/media
  • 4. Adaptive Design  Definitive work on technique by Aaron Gustafson  Centers on the belief that design and content should be altered based on context of user  Context includes device, location, orientation, history, etc.  Context information should be used in crafting user experience
  • 5. Responsive vs. Adaptive Design Responsive Design - Layout Adaptive Design – Content
  • 6. Findings  Adaptive is not a competitor or alternative to responsive design  Instead, it is the evolution of responsive design  Using all user context available is essential to web design  Most important technique in modern design is adaptation  A designer must adapt to client needs, user needs and user context
  • 7. Adapt Or Die Adaptation is the most important concept in modern web design. A good design adapts to fit the client needs, the user needs and adjusts the experience based on the context of the user – including device used, device orientation, geolocation, browser capability, user history and more.
  • 8. Project Timeline  05/02/2012 – Submit Project Proposal  05/16/2012 – Present Project Progress  05/30/2012 – Submit Project Presentation  06/06/2012 – Final Project Report Due  Presentation References  Marcotte, E. 2011. Responsive Web Design. A Book Apart, New York, NY.  Gustafson, A. 2011. Adaptive Web Design. Easy Readers, LLC, Chattanooga, TN.  Web Devices – http://bradfrostweb.com/  Dodo Bird Marketing – http://conversationmarketing.com