Adapting to Responsive UX Design - Digital Shoreditch 2013
-
Upload
matt-gibson -
Category
Technology
-
view
108 -
download
0
description
Transcript of 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...
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.