SlideShare a Scribd company logo
Adapting to
Responsive
Matt Gibson
@duckymatt
#DS13
How do we define
responsive?
Flickr credit: @alui0000
A website that reacts to the plethora of
ways that our users will access our content.
Adapting to Responsive UX Design - Digital Shoreditch 2013
You don't get to decide
which device people use
to access your website.
Karen McGrane
http://bondartscience.com/
The web doesn’t
have a fixed width.
We should embrace the fact that
the web doesn’t have the same
constraints [as the printed page]
and design for this flexibility.
John Allsopp, A Dao of Web Design
http://alistapart.com/article/dao
Responsive is
about...
Content
http://xkcd.com/773/
Performance
Big screen
≠
Better connection
Accessibility
Flickr credit: @furbyx4
Navigation
Layout & flow
Future friendliness
RWD means
assuming less
about our users
Task 1.
Looking at the Digital
Shoreditch website, what is the
most important content the
user needs
(list down the top 5)
Task 2.
Based on this, what would be
the core experience for our
users and what is secondary?
http://www.cennydd.co.uk/2012/why-i-dont-wireframe-much
Sketching and prototyping
Style tiles
Style guides and
pattern libraries
Task 3.
Prototyping - Sketch out our
homepage based on our core
experience we’ve already
defined.

More Related Content

Adapting to Responsive UX Design - Digital Shoreditch 2013