@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