Archive of: web design
Frank Chimero really nails something I’ve been feeling for a while now but have been unable to put into words (emphasis mine).
Illegibility comes from complexity without clarity. I believe that the legibility of the source is one of the most important properties of the web. It’s the main thing that keeps the door open to independent, unmediated contributions to the network. If you can write markup, you don’t need Medium or Twitter or Instagram (though they’re nice to have). And the best way to help someone write markup is to make sure they can read markup.
Learning to code through reading source was how I get started. The first site I ever built is still out there thanks to archive.org, and I delight in showing the ramshackle beginnings of my career to new students at Codebar and Code First:Girls.
Frank continues (again, emphasis mine).
As someone who has decades of experience on the web, I hate to compare myself to the tortoise, but hey, if it fits, it fits. Let’s be more like that tortoise: diligent, direct, and purposeful. The web needs pockets of slowness and thoughtfulness as its reach and power continues to increase. What we depend upon must be properly built and intelligently formed. We need to create space for complexity’s important sibling: nuance.
As Jeremy has said in Resilient Web Design:
Here’s a three‐step approach I take to web design:
- Identify core functionality.
- Make that functionality available using the simplest possible technology.
I continually go back to these three rules. I want to build things that others can learn from.
Last Wednesday (25th April) I gave a talk at the UX Oxford Speaker Series about the work I’ve been doing at the WDCS over the past year, and why to my friends it seemed like I had vanished off the face of the earth.
It’s a wide-ranging talk, looking at the problems with the current site, our initial research and findings, and the the content-out/responsive approach we’ve taken towards the redevelopment.
The talk itself lasts around a half-hour, with another half-hour Q&A session afterwards.
The books that I reference during the talk are:
- The Elements of Content Strategy by Erin Kissane
- Content Strategy for the Web by Kristina Halvorson & Melissa Rach
- Responsive Web Design by Ethan Marcotte
- Adaptive Web Design by Aaron Gustafson
And the list of useful links and further reading can be found on my Pinboard account under the tag uxoxford2012.
Thanks to UX Oxford for inviting me to speak, it was great to finally show everyone what I’ve been working on and I really enjoyed the questions after.
Fingers crossed we’re due to go into public beta sometime in June.
Progressive enhancement follows the Golden Rule because it is concerned with the “other”. That’s why accessibility is such a key part of building websites following the progressive enhancement philosophy. It’s about putting yourself in someone else’s shoes—someone whose abilities and situation probably differ from yours. We are a diverse lot after all.
One hell of a read from Aaron Gustafson on the Golden rule, egalitarianism and the philosophy of progressive enhancement in web design.
Today, anything that’s fixed and unresponsive isn’t web design, it’s something else. If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else.
Web design is responsive design, Responsive Web Design is web design, done right.
This is a longer post, longer than I anticipated, so the tl;dr version is:
- dConstruct 2010 was great
- The talks are available on the conference podcast page
- Commentary and reaction can be found on twitter
- Photos are on Flickr
On with my ramble.
It’s taken me a while to get around to writing up these notes. In the past I’ve just thrown up the bullet points and then left it that, but this time I wanted to let things percolate for a while.
A nightmare train journey down from Oxford meant that I didn’t get into Brighton until gone 10pm and had to skip the pre-party, so for the first time in four years I didn’t have a hangover going into the opening talk of the day, The Designful Company by Marty Neumeier.
Marty is the author of The Brand Gap (a book that it turns out is rated very highly by people I admire) and talked about the process of design, innovation, and what it means for your brand. When talking about competition he highlighted that most competition doesn’t come from other companies per se, but from the clutter that surrounds us every day. Whether that clutter be advertising, products or brand choice, you have to differentiate yourself through design.
Next up was Brendan Dawes with Boil, Simmer, Reduce. This is the cooking metaphor for the process he goes through when creating (although as he admitted himself he’s not the best in the kitchen). The boil is your chance to collect things. Ideas and objects that will inspire. After the boil comes the simmer, let things stew for a while, look out for connections. Then the reduction starts, where you hone in on a solution.
This is the point where you start to throw out the superfluous and your solution takes shape. Although don’t be too quick to throw things away. An example of this being the elastic scrolling in Apple’s iOS. It serves no real purpose apart from delighting the user (cf: the Dopplr guys talk at dContruct 2008), but like Brendan, I have spent far too much time playing around with it and it never fails to elicit a smile.
He left us with an encouraging truth. We, here, now, with the technology and tools available to us, are in the unique position of being able to make anything we want.
Luckily I’m way behind on TED videos as David McCandless announced that a version of the talk he was about to give, Information is Beautiful, had been posted on the TED site a few days before. Not having any real graphical chops myself I was fascinated by the thinking that goes into visualisations, and why a good visualisation can be so powerful.
They connect visual relationships, that our eyes find beautiful, to conceptual relationships, which our brains find interesting. Data is a creative medium, and in a connected world unconnected numbers make no sense. Visualisation can help us see patterns that connect the data.
Before the lunch break came Samantha Warren on The Power & Beauty of Typography. This was a call to arms to embrace 2010 as the year of typography on the web and get away from the standard set of web fonts through the use of technologies such as FontDeck and TypeKit. I have to admit that Samantha’s talk didn’t really help me with my biggest typography problem, which is that I have no real understanding of why certain fonts work or don’t work together. I get that a good use of typography can add emotion and personality to a site, but I’m always wary of going too far and making a complete hash of it.
Still, it’s encouraged me to do some more reading about the subject, so if anyone has some useful links then please drop them in the comments.
After lunch it was John Gruber’s first talk in the U.K. with his Auteur Theory of Design. A sober thesis on creative endeavour and the tendency for those involved to trend towards the level of taste of the decision maker.
In other words: “Benevolent dictatorship is more effective than democratic consent”. From my experience the same thinking applies to community management
Unsurprisingly, given his well known love of Stanley Kubrick he used this quote to illustrate his point:
One man writes a novel.
One man writes a symphony
It is essential for one man to make a film.
All in all a very thought provoking, meditative talk that was perfect to ease us into what was to follow.
Drawing the threads together between musical improvisation and creativity she went on explain that for improvisation to work effectively there needs to be a foundation:
- Structure & framework
- Communication & expression
- Exchange of ideas
Once you have this foundation in place you can explore and improvise in the space they create.
She also drew an analogy between musical improvisation and the spontaneous call and response nature of the real-time web, but I’m going to need to go back a listen to the talk again to fully get my head round this idea.
I’m also going to have to seriously hit the guitar practise again.
I’m not sure where to begin with James Bridle’s The Value Of Ruins. I really think in a few years time it’s going to be classed as one of those “oh man, you had to be there” talks.
Starting off with an introduction that left us all wondering what terrible fate had befallen the vanished place that James came from (hint: Yahoo!) he then delved into a fascinating exploration of historiography, cultural preservation and the web.
Did you know that the Wayback Machine is contained within one of Sun’s portable datacentres? You could steal it with a truck if you were a nefarious sort. Which would be the 21st Century equivalent of the destruction of the Library of Alexandria.
What about the game of Wikiracing? Start with two random Wikipedia articles and try to get between them in the shortest number of links (no editing and no diving into the article history). It’s using cultural knowledge as game-space.
(there’s an iOS app which will completely suck any spare time you have)
James explained that this deluge of information we seem to be suffering from has always been there, but now we have the tools to explore and understand it. To illustrate this he had the entire edit history of the Iraq War Wikipedia article printed and bound. It runs to twelve volumes and covers December 2004 to November 2009, 12,000 changes and nearly 7,000 pages.
It’s a cultural and historical narrative, and if we don’t start designing for these narratives we’re going to start losing pieces of them.
A phenomenal talk.
Expanding on his Designing for a Web of Data talk from 2007, Tom Coates’ Everything The Network Touches drew parallels between how the road building of Darius the Great in the 5th Century BC changed the nature of communication in the Achaemenid Empire, and how web APIs are the new roadways of the connected world, bringing together data from social software, geolocation tools, visualisation and the real time web.
One of the more “controversial” aspects of his talk was the slide entitled “Death to the Semantic Web”. Tom’s point being that the traditional idea of the Semantic Web takes a top down approach, trying to impose a sense of order upon the seething maelstrom of the web. That may work in some select disciplines but the web is more dynamic than that and we’re seeing success with an organic approach using APIs, microformats and simple feeds. A great example being Lanyrd, with its ingestion of data from various sources such as a social graph from Twitter and locations from Yahoo!’s GeoPlanet.
Another issue is that network connectivity is becoming a commodity (a similar proliferation happened with LCD screens when the cost dropped so low, everything had a screen) so objects are becoming connected, and people are using these connections in new and interesting ways. Personal informatics from systems like Nike+ and Withings are changing our relationships with objects.
Connected things are transforming the world, we’re effectively building roads for future generations to use and improve upon. As Tom said with his final slide, the world, our Blue Marble, is both the brush and canvas for future endeavours.
Oh, and 150 transitions in one slide. Kudos!
And so to the last talk of the day, Merlin Mann with Kerning, Orgasms & Those Goddamned Japanese Toothpicks (there should be an award for a title like that).
In a wide ranging, slide-less and free wheeling talk Merlin explained that we’re all nerds, but it’s okay. Creativity comes from that nerdy gene that we all have. The important thing is to not succumb to tunnel vision. Look at the horizon every once in a while and don’t become blind to new things to nerd over. You have to keep learning.
As Xander described it on the way to post-conference drinks, it was possibly the best commencement speech ever.
And so that was dConstruct 2010.
Podcasts of all the talks are available on the dConstruct site, reactions and chatter can be found via the #dconstruct and #sausagebap (don’t ask) tags on Twitter, and Jeremy Keith has been curating a collection of photos on Flickr via the machine tag for his take on the conference.
See you next September.