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

What's hot (20)

PDF
Mobile web vs. native apps: It's not about technology, it's about psychology
iQcontent
 
PPTX
Slideshare
Ephesiany Francisco
 
PPTX
Many Notes pitch for App Circus at BlackBerry 10 Jam 2012
Will Robertson
 
PDF
Mobile UX - Dmytro Svarytsevych
Igor Bronovskyy
 
KEY
Mobile webapp
Dmytro Svarytsevych
 
PPTX
Mobile Apps using Flex and ColdFusion
Terry Ryan
 
PPTX
Responsive Web Design | Bside Studios
Bside Studios
 
PPT
Chickens2
jing713
 
PDF
ABA TECHSHOW 2017: 60 tips in 60 minutes
Clio - Cloud-Based Legal Technology
 
PPTX
Elearn mobile review discussion
Bill Hamlin
 
PPTX
Mobile web apps design
victorpanaite
 
PDF
ZR_Datasheet_v141121a-prepress2
Kevin Diglio
 
PPTX
Intro To Mobile App Development
Jay Dadarkar
 
PDF
Perspective on Opera
Low Carbon Jargon
 
PPTX
Beginning iOS Development with Swift
TurnToTech
 
PPTX
Native apps vs Web apps
ITM House
 
PDF
Building successful mobile apps
Ajibola Aiyedogbon
 
PPT
Fitting content to domain
Ekta Rohra Jafri
 
PDF
Natural Language Interface for IoT Devices
Christopher Mohritz
 
PPT
Skype
camel5656
 
Mobile web vs. native apps: It's not about technology, it's about psychology
iQcontent
 
Many Notes pitch for App Circus at BlackBerry 10 Jam 2012
Will Robertson
 
Mobile UX - Dmytro Svarytsevych
Igor Bronovskyy
 
Mobile webapp
Dmytro Svarytsevych
 
Mobile Apps using Flex and ColdFusion
Terry Ryan
 
Responsive Web Design | Bside Studios
Bside Studios
 
Chickens2
jing713
 
ABA TECHSHOW 2017: 60 tips in 60 minutes
Clio - Cloud-Based Legal Technology
 
Elearn mobile review discussion
Bill Hamlin
 
Mobile web apps design
victorpanaite
 
ZR_Datasheet_v141121a-prepress2
Kevin Diglio
 
Intro To Mobile App Development
Jay Dadarkar
 
Perspective on Opera
Low Carbon Jargon
 
Beginning iOS Development with Swift
TurnToTech
 
Native apps vs Web apps
ITM House
 
Building successful mobile apps
Ajibola Aiyedogbon
 
Fitting content to domain
Ekta Rohra Jafri
 
Natural Language Interface for IoT Devices
Christopher Mohritz
 
Skype
camel5656
 

More from Blend Interactive (20)

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

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