Designing for theResponsive Web
RESPONSIVE DESIGN:“A design that adapts to the sizeand capability of the device yourcontent is being view on.”
1. Simplify
Progressive enhancement
1. Simplify2. Create live wireframes
DESIGN PATTERNS:mobile-patterns.comui-patterns.com
3. Design a visual language
4. Sweat the details
Device Testing
Success!
Thank You!Sam Otis | @sam_otis | sam@blendinteractive.com
"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
"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
"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
"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
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
"Designing for the Responsive Web" - AIGA South Dakota Open Mouse Night
Upcoming SlideShare
Loading in …5
×

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

1,237
-1

Published on

"Designing for the Responsive Web," by Sam Otis for AIGA South Dakota's Open Mouse Night in Sioux Falls, SD - December 6, 2012.

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,237
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

  1. 1. Designing for theResponsive Web
  2. 2. RESPONSIVE DESIGN:“A design that adapts to the sizeand capability of the device yourcontent is being view on.”
  3. 3. 1. Simplify
  4. 4. Progressive enhancement
  5. 5. 1. Simplify2. Create live wireframes
  6. 6. DESIGN PATTERNS:mobile-patterns.comui-patterns.com
  7. 7. 3. Design a visual language
  8. 8. 4. Sweat the details
  9. 9. Device Testing
  10. 10. Success!
  11. 11. Thank You!Sam Otis | @sam_otis | sam@blendinteractive.com

×