Adapting to Responsive Matt Gibson @duckymatt #DS13
Adapting to Responsive UX Design - Digital Shoreditch 2013
Jan 27, 2015
These are the slides from the workshop I gave at the 'Make & Do' weekend of Digital Shoreditch 2013 - They explore the challenges and opportunities web & UX designers are faced with when it comes to responsive web design (RWD). I shared experiences, techniques and general approaches from the work we do at Cyber-Duck: www.cyber-duck.co.uk.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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.
Related Documents
