SlideShare a Scribd company logo
Designing for the
Responsive Web
RESPONSIVE DESIGN:
“A design that adapts to the size
and capability of the device your
content is being view on.”
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
1. Simplify
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
Progressive enhancement
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
1. Simplify
2. Create live wireframes
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
DESIGN PATTERNS:
mobile-patterns.com
ui-patterns.com
3. Design a visual language
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
4. Sweat the details
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
Device Testing
Success!
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
Thank You!
Sam Otis | @sam_otis | sam@blendinteractive.com

More Related Content

PPTX
Apps to increase efficiency
PPTX
Computer Basics
PPTX
Web Documentary Skills III
PPTX
Google Android Mobile Application Development
PDF
Elegance lab pim-webapp
PPTX
Utilizando Machine Learning nos seus Apps - #CapiConf'18
PPTX
Getting to know your ipad
PPTX
Dela final project
Apps to increase efficiency
Computer Basics
Web Documentary Skills III
Google Android Mobile Application Development
Elegance lab pim-webapp
Utilizando Machine Learning nos seus Apps - #CapiConf'18
Getting to know your ipad
Dela final project

What's hot (20)

PDF
Mobile web vs. native apps: It's not about technology, it's about psychology
PPTX
PPTX
Many Notes pitch for App Circus at BlackBerry 10 Jam 2012
PDF
Mobile UX - Dmytro Svarytsevych
KEY
Mobile webapp
PPTX
Mobile Apps using Flex and ColdFusion
PPTX
Responsive Web Design | Bside Studios
PPT
Chickens2
PDF
ABA TECHSHOW 2017: 60 tips in 60 minutes
PPTX
Elearn mobile review discussion
PPTX
Mobile web apps design
PDF
ZR_Datasheet_v141121a-prepress2
PPTX
Intro To Mobile App Development
PDF
Perspective on Opera
PPTX
Beginning iOS Development with Swift
PPTX
Native apps vs Web apps
PDF
Building successful mobile apps
PPT
Fitting content to domain
PDF
Natural Language Interface for IoT Devices
PPT
Skype
Mobile web vs. native apps: It's not about technology, it's about psychology
Many Notes pitch for App Circus at BlackBerry 10 Jam 2012
Mobile UX - Dmytro Svarytsevych
Mobile webapp
Mobile Apps using Flex and ColdFusion
Responsive Web Design | Bside Studios
Chickens2
ABA TECHSHOW 2017: 60 tips in 60 minutes
Elearn mobile review discussion
Mobile web apps design
ZR_Datasheet_v141121a-prepress2
Intro To Mobile App Development
Perspective on Opera
Beginning iOS Development with Swift
Native apps vs Web apps
Building successful mobile apps
Fitting content to domain
Natural Language Interface for IoT Devices
Skype
Ad

More from Blend Interactive (20)

PDF
"The Accessible Editor Workshop" by Corey Vilhauer, from Now What? Workshops ...
PDF
"The Accessible Editor" by Corey Vilhauer, from DrupalCon 2018 in Nashville, ...
PDF
"Click to Continue" by Sam Otis, from Content+Design Meetup, Oct. 4, 2017
PDF
"Never Knowing Enough: dealing with the self doubt that hinders your success....
PDF
"Making things real: Content strategy for realistic content management" - Con...
PDF
"Making things real: Content strategy for realistic content management" - Con...
PDF
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
PDF
Content Measurement and Analytics: Making Positive Change on the Web by Rick ...
PDF
“How Silos Learn: Working in the Idea Factory” by Amanda Costello - Now What?...
PDF
"Adaptive Content, Context, and Controversy
PDF
"Empathy Behind the Algorithms" by Chris Corak - Now What? Conference 2017
PDF
“The Beauty of Brevity” by Ravi Jain - Now What? Conference 2017
PDF
“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017
PDF
Not Perfect, "Always Better: A Story of Inclusion" by Derek Featherstone - No...
PDF
Content Design for Mobile Devices - Now What? Conference 2017
PDF
"Making Things Real: Taking content strategy from abstract to functional" - M...
PDF
“Writing for Your Audience — The Message, the Words, the Plan” – Business Sen...
PDF
Functional concepts in C#
PDF
"The Self-Directed Strategist: Building a Practice and Managing Organizationa...
PDF
Next Level Collaboration: The Future of Content and Design by Rebekah Cancino...
"The Accessible Editor Workshop" by Corey Vilhauer, from Now What? Workshops ...
"The Accessible Editor" by Corey Vilhauer, from DrupalCon 2018 in Nashville, ...
"Click to Continue" by Sam Otis, from Content+Design Meetup, Oct. 4, 2017
"Never Knowing Enough: dealing with the self doubt that hinders your success....
"Making things real: Content strategy for realistic content management" - Con...
"Making things real: Content strategy for realistic content management" - Con...
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
Content Measurement and Analytics: Making Positive Change on the Web by Rick ...
“How Silos Learn: Working in the Idea Factory” by Amanda Costello - Now What?...
"Adaptive Content, Context, and Controversy
"Empathy Behind the Algorithms" by Chris Corak - Now What? Conference 2017
“The Beauty of Brevity” by Ravi Jain - Now What? Conference 2017
“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017
Not Perfect, "Always Better: A Story of Inclusion" by Derek Featherstone - No...
Content Design for Mobile Devices - Now What? Conference 2017
"Making Things Real: Taking content strategy from abstract to functional" - M...
“Writing for Your Audience — The Message, the Words, the Plan” – Business Sen...
Functional concepts in C#
"The Self-Directed Strategist: Building a Practice and Managing Organizationa...
Next Level Collaboration: The Future of Content and Design by Rebekah Cancino...
Ad

"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night