Responsive workshopping

I spent most of last week up in Greenwich for this year’s UX London. ‘Twas a most excellent event. The move to the new venue gave the whole event a much more fun vibe and the format of a morning of talks followed by an afternoon of workshops was perfect.



Andy did a great job curating the line-up. It had a bit of a dConstruct-y feel, and not just because we had old friends like Marty, Peter, and Hannah back: Genevieve Bell, Simone Rebaudengo and Richard Seymour all broke our brains in different wonderful ways.



Hats off to Kate who worked her ass off to make sure that everything ran smoothly. Seriously, you wouldn’t believe the amount of work she did. The change of venue and format for this year resulted in at least twice as much work as usual.



In the middle of UX London’s three days, I ran a workshop called Responsive UX. As I told the audience that morning when I was pitching the workshop, I got the title by taking the term “responsive design” and doing a find-and-replace on the word “design” with the phrase “UX”. After all, what’s the difference? Right, Peter?



Seriously though, this workshop was a little different in that I wasn’t covering any HTML or CSS or JavaScript. It was much more about planning for the unknown and good ol’-fashioned content priority and hierarchy.



I wasn’t entirely pleased with how it went. It was a workshop of two halves. The first half had far too much of me talking (and ranting), probably preaching to the choir. But I felt I had to lay the groundwork first. The second half—when everybody got hands on with paper-based exercises—was much better.



I learned my lesson: show, don’t tell. I’ll be doing a full day responsive workshop at Ampersand in June. I plan to make sure that there’s less of me talking and more making and collaborating. Also, because it’s a full day, I’ll be able to get down to the nitty-gritty of markup and style sheets.



And don’t forget; if you want me to come to your company sometime and do a workshop there, no problemo.



Some people at the workshop asked about me publishing my slides. The slides by themselves really don’t contain much information but I’ve published them on Speakerdeck anyway. But what’s more valuable are the URLs to articles and resources I mentioned along the way. So here’s the structure of the workshop together with links to examples and further reading…



Introduction


Long Live the Web by Tim Berners-Lee
A Dao of Web Design by John Allsopp
Responsive Web Design by Ethan Marcotte
A Richer Canvas by Mark Boulton
Fit to Scale by Trent Walton


Myths


St. Paul’s School
Huffduffer
Map Tales
The Mobile Context by Mark Kirby
There is no Mobile Web by Stephen Hay
Noise-to-Noise Ratio by Merlin Mann


Progressive Enhancement


Responsive By Default by Andy Hume
Do websites need to look exactly the same in every browser? by Dan Cederholm


Planning


Mobile First by Luke Wroblewski
Content First
APIs First
The DRY Principle
URL Design by Kyle Kneath


Conditional Loading


dConstruct 2012
Conditional Loading for Responsive Designs


Visual Design


Time to stop showing clients static design visuals by Andy Clarke
Style Tiles by Samantha Warren
Element Collages by Dan Mall
Matter
Pattern Primer example
Pattern Primer source


Navigation


Clearleft (navigation first)
The Session (content first, navigation second)
Fix My Street (display: table)
Hack Farm (progressive disclosure)
Wellcome Library (off-canvas)
Yaron Shoen (separate URL)




Tagged with
responsive
workshop
uxlondon

 •  0 comments  •  flag
Share on Twitter
Published on April 17, 2013 04:21
No comments have been added yet.


Jeremy Keith's Blog

Jeremy Keith
Jeremy Keith isn't a Goodreads Author (yet), but they do have a blog, so here are some recent posts imported from their feed.
Follow Jeremy Keith's blog with rss.