Responsive: From Design to Philosophy

Mozu
MozuMozu
Is Your Responsive Design
Responsive Enough?
James Zetlen • Software Architect • Mozu
Dane Downer • Cofounder/Vice-President • Brand Labs
The “One Size Fits All” Philosophy!
  Plato focused on perfect “forms”, meaning:

  Physical objects only resemble the ideal

  The simplest definition is the correct one

  To Plato, humans were “featherless bipeds”

  Then…Diogenes threw a plucked chicken at
him!
Chicken Thrower
Responsive Development!
Problems!
  Responsive development should be
about responding to users’ needs

  Not simply “mobile readiness”

  Responsive is a specific style

  Your project / users might require a
different approach
Responsive: From Design to Philosophy
Purpose-Driven Web Philosophy!
  What are your goals? Assess. Then adopt.

  Responsive is only ONE tool. Consider:

  Progressive Enhancement

  Graceful Degradation

  Adaptive Design

  Predictive Development: using a build process,
one set of assets becomes many
What is Predictive!
Development?!
  Avoids the poor performance of carelessly
developed responsive sites

  Provides faster load times to billions of
people with slow broadband access

  It’s developer-friendly!

  Just as convenient, quick and "
elegant as responsive
When Responsive Works Best!
  Content is more important than interactions
  Interactions present, but secondary
  Spatial relationships are few and consistent
  Client begins with a mobile vision
  Long-form writing, presentations, galleries, portfolios
Content First means Responsive!
When Predictive Works Better!
  “Web app”, not web site!
  Complex interactions!
  Spatial relationships are important!
!
  Image-focused site, or site with other heavy assets !
  Large navigation hierarchy!
Interactions First means Predictive!
Different Strokes!
  The Future-Friendly Web needs all we’ve got
  Even powerful techniques don’t work for all

  Opposing philosophies can work together
  Purpose-driven Web philosophy

uses many schools of thought, 

just like us.

“All the good are friends of one another.”



 
– Zeno of Citium
THANK YOU!
1 of 12

Recommended

Agile Dev and Lean UX by
Agile Dev and Lean UXAgile Dev and Lean UX
Agile Dev and Lean UXKarri Ojanen
1.5K views16 slides
Design Pattern Library - Why, How, When, and Who? by
Design Pattern Library - Why, How, When, and Who?Design Pattern Library - Why, How, When, and Who?
Design Pattern Library - Why, How, When, and Who?Karri Ojanen
1.1K views9 slides
Breaking Barriers with Empathy (Ross Smith at Enterprise UX 2017) by
Breaking Barriers with Empathy (Ross Smith at Enterprise UX 2017)Breaking Barriers with Empathy (Ross Smith at Enterprise UX 2017)
Breaking Barriers with Empathy (Ross Smith at Enterprise UX 2017)Rosenfeld Media
8.3K views33 slides
Usability Anonymous: A 12 Step Program for Better User Experiences by
Usability Anonymous: A 12 Step Program for Better User ExperiencesUsability Anonymous: A 12 Step Program for Better User Experiences
Usability Anonymous: A 12 Step Program for Better User Experiencesjgoldman
2.9K views49 slides
What you can Learn from a 4 Year Old about Ponies and Mobile UX by
What you can Learn from a 4 Year Old about Ponies and Mobile UXWhat you can Learn from a 4 Year Old about Ponies and Mobile UX
What you can Learn from a 4 Year Old about Ponies and Mobile UXAndrew Smyk
1.8K views95 slides
5 Key Principles for Designing Mobile Experiences by
5 Key Principles for Designing Mobile Experiences5 Key Principles for Designing Mobile Experiences
5 Key Principles for Designing Mobile ExperiencesJim Sabia
537 views33 slides

More Related Content

What's hot

UCD from across the pond - A case study in remote UX by
UCD from across the pond - A case study in remote UXUCD from across the pond - A case study in remote UX
UCD from across the pond - A case study in remote UXNeil Turner
1.9K views64 slides
Building immersive experiences: Usability you can really use by
Building immersive experiences: Usability you can really useBuilding immersive experiences: Usability you can really use
Building immersive experiences: Usability you can really useX.commerce
533 views18 slides
Agile/Lean/Rapid UX by
Agile/Lean/Rapid UXAgile/Lean/Rapid UX
Agile/Lean/Rapid UXJenifer Vandagriff
1.1K views11 slides
AtlasCamp 2015: Bruce Lee and the essence of Agile by
AtlasCamp 2015: Bruce Lee and the essence of AgileAtlasCamp 2015: Bruce Lee and the essence of Agile
AtlasCamp 2015: Bruce Lee and the essence of AgileAtlassian
1.5K views47 slides
20130219 chi chi-overzicht by
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzichtErik Duval
457 views31 slides
Life, actually: An All Channels Open approach to real time research on the move by
Life, actually: An All Channels Open approach to real time research on the moveLife, actually: An All Channels Open approach to real time research on the move
Life, actually: An All Channels Open approach to real time research on the moveCrowdLab
441 views38 slides

What's hot(20)

UCD from across the pond - A case study in remote UX by Neil Turner
UCD from across the pond - A case study in remote UXUCD from across the pond - A case study in remote UX
UCD from across the pond - A case study in remote UX
Neil Turner1.9K views
Building immersive experiences: Usability you can really use by X.commerce
Building immersive experiences: Usability you can really useBuilding immersive experiences: Usability you can really use
Building immersive experiences: Usability you can really use
X.commerce533 views
AtlasCamp 2015: Bruce Lee and the essence of Agile by Atlassian
AtlasCamp 2015: Bruce Lee and the essence of AgileAtlasCamp 2015: Bruce Lee and the essence of Agile
AtlasCamp 2015: Bruce Lee and the essence of Agile
Atlassian1.5K views
20130219 chi chi-overzicht by Erik Duval
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
Erik Duval457 views
Life, actually: An All Channels Open approach to real time research on the move by CrowdLab
Life, actually: An All Channels Open approach to real time research on the moveLife, actually: An All Channels Open approach to real time research on the move
Life, actually: An All Channels Open approach to real time research on the move
CrowdLab441 views
An introduction to ergonomics for mobile UX (Ux in the City) by Neil Turner
An introduction to ergonomics for mobile UX (Ux in the City)An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)
Neil Turner7.4K views
From Transactions to Engagement - Steve Boese, SHRM 2013 Annual Conference by H3 HR Advisors, Inc.
From Transactions to Engagement - Steve Boese, SHRM 2013 Annual ConferenceFrom Transactions to Engagement - Steve Boese, SHRM 2013 Annual Conference
From Transactions to Engagement - Steve Boese, SHRM 2013 Annual Conference
How to get your agile development team to love you (product camp, 3.14) by Ron Lichty
How to get your agile development team to love you (product camp, 3.14)How to get your agile development team to love you (product camp, 3.14)
How to get your agile development team to love you (product camp, 3.14)
Ron Lichty2.4K views
Mobile First London 13 August by Precedent
Mobile First London 13 August Mobile First London 13 August
Mobile First London 13 August
Precedent3.7K views
The Future of Social Networking by Adam Nash
The Future of Social NetworkingThe Future of Social Networking
The Future of Social Networking
Adam Nash5.4K views
DevOps Frequently Asked Questions of 2013 with Gene Kim and Jonathan Thorpe (... by Serena Software
DevOps Frequently Asked Questions of 2013 with Gene Kim and Jonathan Thorpe (...DevOps Frequently Asked Questions of 2013 with Gene Kim and Jonathan Thorpe (...
DevOps Frequently Asked Questions of 2013 with Gene Kim and Jonathan Thorpe (...
Serena Software1.4K views
Design Thinking Action Lab - Ideate Assignment by Andy La Fond
Design Thinking Action Lab - Ideate AssignmentDesign Thinking Action Lab - Ideate Assignment
Design Thinking Action Lab - Ideate Assignment
Andy La Fond321 views
The design of everyday things by ProvaAkter
The design of everyday thingsThe design of everyday things
The design of everyday things
ProvaAkter1.8K views
Chi overview by Erik Duval
Chi overviewChi overview
Chi overview
Erik Duval304 views

Viewers also liked

Daily agri news letter 25 july 2013 by
Daily agri news letter 25 july 2013Daily agri news letter 25 july 2013
Daily agri news letter 25 july 2013Rakhi Tips Provider
869 views8 slides
7 สามัญ ภาษาไทย by
7 สามัญ ภาษาไทย7 สามัญ ภาษาไทย
7 สามัญ ภาษาไทยnoeiinoii
480 views29 slides
Castors by
CastorsCastors
Castorsipageass2
257 views3 slides
Tu do kinh doanh cung qnet viet nam business planner-en by
Tu do kinh doanh cung qnet viet nam business planner-enTu do kinh doanh cung qnet viet nam business planner-en
Tu do kinh doanh cung qnet viet nam business planner-enLâm Võ
1.5K views76 slides
Pragmatic Paradigm of Setting Up Schools- Kerala Experience by
Pragmatic Paradigm of Setting Up Schools- Kerala ExperiencePragmatic Paradigm of Setting Up Schools- Kerala Experience
Pragmatic Paradigm of Setting Up Schools- Kerala ExperienceCentre for Public Policy Research
2K views20 slides
Gcc bio team-presentation by
Gcc bio team-presentationGcc bio team-presentation
Gcc bio team-presentationanushkanet
592 views15 slides

Viewers also liked(20)

7 สามัญ ภาษาไทย by noeiinoii
7 สามัญ ภาษาไทย7 สามัญ ภาษาไทย
7 สามัญ ภาษาไทย
noeiinoii480 views
Tu do kinh doanh cung qnet viet nam business planner-en by Lâm Võ
Tu do kinh doanh cung qnet viet nam business planner-enTu do kinh doanh cung qnet viet nam business planner-en
Tu do kinh doanh cung qnet viet nam business planner-en
Lâm Võ1.5K views
Gcc bio team-presentation by anushkanet
Gcc bio team-presentationGcc bio team-presentation
Gcc bio team-presentation
anushkanet592 views
งานคอมใบงาน 9 16 by noeiinoii
งานคอมใบงาน 9 16งานคอมใบงาน 9 16
งานคอมใบงาน 9 16
noeiinoii334 views
Moving Beyond Mobile: Delivering a Seamless Digital Experience from Online to... by Mozu
Moving Beyond Mobile: Delivering a Seamless Digital Experience from Online to...Moving Beyond Mobile: Delivering a Seamless Digital Experience from Online to...
Moving Beyond Mobile: Delivering a Seamless Digital Experience from Online to...
Mozu2K views
Ống ruột gà lõi thép phi 20 ONGRUOTGALOITHEP.COMTel 0917762008 by nguyenle01
Ống ruột gà lõi thép phi 20 ONGRUOTGALOITHEP.COMTel 0917762008Ống ruột gà lõi thép phi 20 ONGRUOTGALOITHEP.COMTel 0917762008
Ống ruột gà lõi thép phi 20 ONGRUOTGALOITHEP.COMTel 0917762008
nguyenle01210 views
Luxurious Ras Al Khaimah Hotels by Sally Sen
Luxurious Ras Al Khaimah HotelsLuxurious Ras Al Khaimah Hotels
Luxurious Ras Al Khaimah Hotels
Sally Sen206 views
คอม by noeiinoii
คอมคอม
คอม
noeiinoii230 views
My name by ander1gp
My nameMy name
My name
ander1gp253 views

Similar to Responsive: From Design to Philosophy

Building a Responsive Web Design Process by
Building a Responsive Web Design ProcessBuilding a Responsive Web Design Process
Building a Responsive Web Design ProcessLydia Whitehead
1.2K views25 slides
Developing solid applications by
Developing solid applicationsDeveloping solid applications
Developing solid applicationsNilesh Bangar
1.4K views33 slides
Adapting Expectations to Fit a Mobile Workflow by
Adapting Expectations to Fit a Mobile WorkflowAdapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile WorkflowJoseph Labrecque
579 views28 slides
UCD / IxD Introduction - User centric design, interaction design by
UCD / IxD Introduction - User centric design, interaction designUCD / IxD Introduction - User centric design, interaction design
UCD / IxD Introduction - User centric design, interaction designsdavis6b
540 views84 slides
DevOps overview and tech interview tips by
DevOps overview and tech interview tipsDevOps overview and tech interview tips
DevOps overview and tech interview tipsDaniel Bezerra
221 views31 slides
The Agile UX Equation: Constructing a Powerful, but Lightweight Process by
The Agile UX Equation: Constructing a Powerful, but Lightweight ProcessThe Agile UX Equation: Constructing a Powerful, but Lightweight Process
The Agile UX Equation: Constructing a Powerful, but Lightweight ProcessUserZoom
610 views36 slides

Similar to Responsive: From Design to Philosophy(20)

Building a Responsive Web Design Process by Lydia Whitehead
Building a Responsive Web Design ProcessBuilding a Responsive Web Design Process
Building a Responsive Web Design Process
Lydia Whitehead1.2K views
Developing solid applications by Nilesh Bangar
Developing solid applicationsDeveloping solid applications
Developing solid applications
Nilesh Bangar1.4K views
Adapting Expectations to Fit a Mobile Workflow by Joseph Labrecque
Adapting Expectations to Fit a Mobile WorkflowAdapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile Workflow
Joseph Labrecque579 views
UCD / IxD Introduction - User centric design, interaction design by sdavis6b
UCD / IxD Introduction - User centric design, interaction designUCD / IxD Introduction - User centric design, interaction design
UCD / IxD Introduction - User centric design, interaction design
sdavis6b540 views
DevOps overview and tech interview tips by Daniel Bezerra
DevOps overview and tech interview tipsDevOps overview and tech interview tips
DevOps overview and tech interview tips
Daniel Bezerra221 views
The Agile UX Equation: Constructing a Powerful, but Lightweight Process by UserZoom
The Agile UX Equation: Constructing a Powerful, but Lightweight ProcessThe Agile UX Equation: Constructing a Powerful, but Lightweight Process
The Agile UX Equation: Constructing a Powerful, but Lightweight Process
UserZoom610 views
Minimum Viable Web: MobX 2012 by Kristofer Layon
Minimum Viable Web: MobX 2012Minimum Viable Web: MobX 2012
Minimum Viable Web: MobX 2012
Kristofer Layon1.5K views
Designing for different platforms by Cassy Rowe
Designing for different platformsDesigning for different platforms
Designing for different platforms
Cassy Rowe232 views
How to Implement Domain Driven Design in Real Life SDLC by Abdul Karim
How to Implement Domain Driven Design  in Real Life SDLCHow to Implement Domain Driven Design  in Real Life SDLC
How to Implement Domain Driven Design in Real Life SDLC
Abdul Karim3.3K views
DevOps Introduction by Robert Sell
DevOps IntroductionDevOps Introduction
DevOps Introduction
Robert Sell3.8K views
Managing Responsive - eduWeb Digital Summit 2012 – Boston by Rebekah Walker
Managing Responsive - eduWeb Digital Summit 2012 – BostonManaging Responsive - eduWeb Digital Summit 2012 – Boston
Managing Responsive - eduWeb Digital Summit 2012 – Boston
Rebekah Walker298 views
Unleash Your Inner Unicorn by Matt Baxter
Unleash Your Inner UnicornUnleash Your Inner Unicorn
Unleash Your Inner Unicorn
Matt Baxter828 views
Open agile is free and open source community agile- by Agile Tour Beirut
Open agile  is free and open source community agile-Open agile  is free and open source community agile-
Open agile is free and open source community agile-
Agile Tour Beirut319 views
Design Thinking by SCRUMguides
Design ThinkingDesign Thinking
Design Thinking
SCRUMguides1.2K views
Uxpin web ui design patterns 2014 by MoodLabs
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
MoodLabs11.7K views
DevOps Torino Meetup Group Kickoff Meeting - Why a meetup group on DevOps, wh... by Rauno De Pasquale
DevOps Torino Meetup Group Kickoff Meeting - Why a meetup group on DevOps, wh...DevOps Torino Meetup Group Kickoff Meeting - Why a meetup group on DevOps, wh...
DevOps Torino Meetup Group Kickoff Meeting - Why a meetup group on DevOps, wh...
Rauno De Pasquale169 views

More from Mozu

Meet the Mozu Sales Assistant App by
Meet the Mozu Sales Assistant AppMeet the Mozu Sales Assistant App
Meet the Mozu Sales Assistant AppMozu
1.4K views9 slides
The Present and Future of Unified Commerce by
The Present and Future of Unified CommerceThe Present and Future of Unified Commerce
The Present and Future of Unified CommerceMozu
3K views49 slides
How Mozu and Echidna are Changing eCommerce by
How Mozu and Echidna are Changing eCommerceHow Mozu and Echidna are Changing eCommerce
How Mozu and Echidna are Changing eCommerceMozu
2K views14 slides
The New-Era Digital Store: Expectations, Insights and Consumer Individuality by
The New-Era Digital Store: Expectations, Insights and Consumer IndividualityThe New-Era Digital Store: Expectations, Insights and Consumer Individuality
The New-Era Digital Store: Expectations, Insights and Consumer IndividualityMozu
5.2K views50 slides
Creating Flawless Multi-Screen Experiences for Your Current and Future Customers by
Creating Flawless Multi-Screen Experiences for Your Current and Future CustomersCreating Flawless Multi-Screen Experiences for Your Current and Future Customers
Creating Flawless Multi-Screen Experiences for Your Current and Future CustomersMozu
1.5K views13 slides
An eCommerce Platform Manifesto | What Retailers Must Deliver to Outperform t... by
An eCommerce Platform Manifesto | What Retailers Must Deliver to Outperform t...An eCommerce Platform Manifesto | What Retailers Must Deliver to Outperform t...
An eCommerce Platform Manifesto | What Retailers Must Deliver to Outperform t...Mozu
6.1K views39 slides

More from Mozu(13)

Meet the Mozu Sales Assistant App by Mozu
Meet the Mozu Sales Assistant AppMeet the Mozu Sales Assistant App
Meet the Mozu Sales Assistant App
Mozu1.4K views
The Present and Future of Unified Commerce by Mozu
The Present and Future of Unified CommerceThe Present and Future of Unified Commerce
The Present and Future of Unified Commerce
Mozu3K views
How Mozu and Echidna are Changing eCommerce by Mozu
How Mozu and Echidna are Changing eCommerceHow Mozu and Echidna are Changing eCommerce
How Mozu and Echidna are Changing eCommerce
Mozu2K views
The New-Era Digital Store: Expectations, Insights and Consumer Individuality by Mozu
The New-Era Digital Store: Expectations, Insights and Consumer IndividualityThe New-Era Digital Store: Expectations, Insights and Consumer Individuality
The New-Era Digital Store: Expectations, Insights and Consumer Individuality
Mozu5.2K views
Creating Flawless Multi-Screen Experiences for Your Current and Future Customers by Mozu
Creating Flawless Multi-Screen Experiences for Your Current and Future CustomersCreating Flawless Multi-Screen Experiences for Your Current and Future Customers
Creating Flawless Multi-Screen Experiences for Your Current and Future Customers
Mozu1.5K views
An eCommerce Platform Manifesto | What Retailers Must Deliver to Outperform t... by Mozu
An eCommerce Platform Manifesto | What Retailers Must Deliver to Outperform t...An eCommerce Platform Manifesto | What Retailers Must Deliver to Outperform t...
An eCommerce Platform Manifesto | What Retailers Must Deliver to Outperform t...
Mozu6.1K views
Digital Commerce Trends for 2015 by Mozu
Digital Commerce Trends for 2015Digital Commerce Trends for 2015
Digital Commerce Trends for 2015
Mozu2.2K views
What Retailers Must Do Today to Meet the Consumer Expectations of Tomorrow by Mozu
What Retailers Must Do Today to Meet the Consumer Expectations of TomorrowWhat Retailers Must Do Today to Meet the Consumer Expectations of Tomorrow
What Retailers Must Do Today to Meet the Consumer Expectations of Tomorrow
Mozu520 views
Top 3 Ways to Better Connect with Mobile Shoppers by Mozu
Top 3 Ways to Better Connect with Mobile ShoppersTop 3 Ways to Better Connect with Mobile Shoppers
Top 3 Ways to Better Connect with Mobile Shoppers
Mozu5.1K views
Freedom from IT: How to Give Power Back to Marketing and Merchandising Teams by Mozu
Freedom from IT: How to Give Power Back to Marketing and Merchandising TeamsFreedom from IT: How to Give Power Back to Marketing and Merchandising Teams
Freedom from IT: How to Give Power Back to Marketing and Merchandising Teams
Mozu1.1K views
The Convergence of Content and Commerce in a Complex World by Mozu
The Convergence of Content and Commerce in a Complex WorldThe Convergence of Content and Commerce in a Complex World
The Convergence of Content and Commerce in a Complex World
Mozu1.2K views
Mozu Product Tour by Mozu
Mozu Product TourMozu Product Tour
Mozu Product Tour
Mozu3.7K views
Transcending the Limits of Legacy eCommerce Solutions by Mozu
Transcending the Limits of Legacy eCommerce SolutionsTranscending the Limits of Legacy eCommerce Solutions
Transcending the Limits of Legacy eCommerce Solutions
Mozu1K views

Recently uploaded

Canned Cocktail Flat Labels by
Canned Cocktail Flat LabelsCanned Cocktail Flat Labels
Canned Cocktail Flat Labelsnyhapedraza
38 views10 slides
New Icon Presentation.pdf by
New Icon Presentation.pdfNew Icon Presentation.pdf
New Icon Presentation.pdfsydneyjrichardson
27 views5 slides
The-Craft Menu by
The-Craft MenuThe-Craft Menu
The-Craft Menunyhapedraza
48 views12 slides
Sugar Air Kiss Lipstick by
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstickaryasheel1
7 views5 slides
boggiano_project 2.pptx by
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptxsamboggiano
23 views8 slides
Free International civil aviation day template from best presentation design ... by
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...slideceotemplates
12 views10 slides

Recently uploaded(20)

Canned Cocktail Flat Labels by nyhapedraza
Canned Cocktail Flat LabelsCanned Cocktail Flat Labels
Canned Cocktail Flat Labels
nyhapedraza38 views
Sugar Air Kiss Lipstick by aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel17 views
boggiano_project 2.pptx by samboggiano
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptx
samboggiano23 views
Free International civil aviation day template from best presentation design ... by slideceotemplates
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...
ATPMOUSE_융합2조.pptx by kts120898
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptx
kts12089824 views
Using Experiential Design to Understand the Future of AI & Immersive Storytel... by Kent Bye
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Kent Bye20 views
Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman53 views
500% Sales Growth with Amazon A+ Content by Fahima
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ Content
Fahima9 views
Cocktail Merchandise by nyhapedraza
Cocktail MerchandiseCocktail Merchandise
Cocktail Merchandise
nyhapedraza35 views
Legal PPT Presentation.pptx by 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 views
Business X Design - People, Planet & Product by Cyber-Duck
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & Product
Cyber-Duck28 views

Responsive: From Design to Philosophy

  • 1. Is Your Responsive Design Responsive Enough? James Zetlen • Software Architect • Mozu Dane Downer • Cofounder/Vice-President • Brand Labs
  • 2. The “One Size Fits All” Philosophy!   Plato focused on perfect “forms”, meaning:   Physical objects only resemble the ideal   The simplest definition is the correct one   To Plato, humans were “featherless bipeds”   Then…Diogenes threw a plucked chicken at him! Chicken Thrower
  • 3. Responsive Development! Problems!   Responsive development should be about responding to users’ needs   Not simply “mobile readiness”   Responsive is a specific style   Your project / users might require a different approach
  • 5. Purpose-Driven Web Philosophy!   What are your goals? Assess. Then adopt.   Responsive is only ONE tool. Consider:   Progressive Enhancement   Graceful Degradation   Adaptive Design   Predictive Development: using a build process, one set of assets becomes many
  • 6. What is Predictive! Development?!   Avoids the poor performance of carelessly developed responsive sites   Provides faster load times to billions of people with slow broadband access   It’s developer-friendly!   Just as convenient, quick and " elegant as responsive
  • 7. When Responsive Works Best!   Content is more important than interactions   Interactions present, but secondary   Spatial relationships are few and consistent   Client begins with a mobile vision   Long-form writing, presentations, galleries, portfolios
  • 8. Content First means Responsive!
  • 9. When Predictive Works Better!   “Web app”, not web site!   Complex interactions!   Spatial relationships are important! !   Image-focused site, or site with other heavy assets !   Large navigation hierarchy!
  • 11. Different Strokes!   The Future-Friendly Web needs all we’ve got   Even powerful techniques don’t work for all   Opposing philosophies can work together   Purpose-driven Web philosophy
 uses many schools of thought, 
 just like us. “All the good are friends of one another.” – Zeno of Citium