Post on 06-Jul-2015
@bstninteractive
Responsive DesignScott Noonan, Boston Interactive
@bstninteractive
@bstninteractive
who am i?
Boston Interactive CTO since 2001
Scott Noonan
30+ years software development
15 years in web/CMS space
@bstninteractive
what is responsive design?
a flexible grid
the use of “media queries”
Ethan Marcotte publishes an article in“A List Apart” coining the term responsive design (2010)
@bstninteractive
flexible grid designing your site to grow or shrink withthe size of the viewport
@bstninteractive
flexible grid
@bstninteractive
media queries
use this information to relayoutredesign certain portions of page
determine the width of the viewport
@bstninteractive
media queries
@bstninteractive
what does this really mean? we can now build a website that willrespond to the viewport of the device on which it is being viewed
@bstninteractive
what is responsive design really about? allowing users to easily access and digestcontent regardless of device
creating a user experience that is completeand satisfying for any user on any device
being able to manage one code base andone code repository
being ready for the future - ‘future friendly’
part of your overall content delivery strategy
@bstninteractive
what is responsive design really about?
responsive design is about your content and your users’ experience
@bstninteractive
Unlike “winning an Olympic gold medal, where the problem is well
defined,” building a successful company is actually “more like a science, where you need to follow the trail wherever it leads.”
-Paul Graham, venture capitalist
why should you care?
@bstninteractive
why should you care?
@bstninteractive
why should you care?
@bstninteractive
why should you care?
@bstninteractive
is responsive the right choice for me?
1. Understand your audience
2. Understand your content
@bstninteractive
is responsive the right choice for me?
2. Understand your content rich content
@bstninteractive
is responsive the right choice for me?
2. Understand your content rich content
complex functionality
@bstninteractive
is responsive the right choice for me?
2. Understand your content rich content
non-adaptable design
complex functionality
@bstninteractive
@bstninteractive
what have we learned?responsive is...
not the only answer
not simply resizing your website
not a mobile strategy
@bstninteractive
what have we learned?responsive is...
device agnostic
about the future- be ‘future friendly’
part of your overall content deliverystrategy
@bstninteractive
what have we learned?responsive is...
about content
about the user experience
@bstninteractive@bstninteractive