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
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)