adapting to responsive ux design - digital shoreditch 2013

Adapting to Responsive

Matt Gibson@duckymatt

#DS13

How do we define responsive?

Flickr credit: @alui0000

A website that reacts to the plethora ofways that our users will access our content.

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 Designhttp://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 meansassuming 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.