Websites & Sausages – Prologue
I’ve recently experienced a web design epiphany.
It’s funny how you work with stuff for so long, and you become very entrenched in a certain way of doing things. You follow the trends because that’s the consensus. You ocassionally push the boundaries in small ways, to create distinct designs and user experiences. But there are certain guidelines you set yourself; basic rules you adhere to. Many times it’s subconscious: you do things a certain way because, well, you’ve always done things that way, everybody else does them that way, so there’s no reason to change.
That, I think, is there very defintion of complacency. It’s creative apathy.
I’ve been fortnate enough to be able to spread a little more creativity around with my web designing in the past 6 months, and I’ve found myself slowly moving towards a new design aesthetic. It started when I began to revisit Edward Tufte, and began using grids as a design foundation. I’ve very much moved away from designing with pixels, putting things in boxes and placing restrictions on content – instead I’ve begun to think a lot more about flexibility, expnadibility and getting a lot deeper in the exploration of the beauty which can be extracted from the content.
What do I mean by that last bit? Well, I guess it comes down the fact that I’ve grown to have a much better appreciation of how text, images and other media can really shine as the basis of a design. Far too much web design (and I’m wholely guilty of this too) is based on the principle of creating a container which looks beautful and which functions wonderfully, but with less consideration for what is going to be contained therein: the content.
The best analogy I can think of is this: if you have a beautiful painting, you wouldn’t want to house it in a frame which overwhelms the picture – you want something which complements the painting and accentuates it’s beauty. The painting is more important than the frame.
And so it is with websites. The usual process for creating a website is to start with the structure, and the design. Consideration is given to the content which will be contained within it, but it’s usually hypothetical. From my experience, website copy is normally the last thing to be written, at the last minute, in a rush and with a “that’ll do” attitude. In most situations, that’s the nature of the beast. But I think that as the web matures, and as we move forward with new design ideologies to fit in with the evolution of people’s expectations of their online interaction, that is something which will need to change.
And I think that change will manifest itself very much in a move back towards the first days of the World Wide Web: when the value was in the free exchange of information, without bells and whistles; back when there was nothing to consider other than the content; no distractions, no advertising, no over-zealous design, no whizzy graphics – just pure-and-simple, straight to the point content.
Now, this may sound like I’m advocating a return to a Neolithic version of the Web – an age where everything is just boring text and ugly underlined links. I’m not at all. God forbid! What I’m advocating is, as web designers, we need to back up the truck a little, and take stock of where we’ve come from in the relatively short life of the Web. We need to think a little more philosophically about how we approach the design of information and how that information is applied. The iPhone has already begun to show us a future where a device dictates how people interact with information, and the design principles which need to be applied to faciliaate that. The Web has been confined to the computer screen for all these years, but that is all about to change. And with it, I predict, will come a huge shift in the approach to interactive design. Don’t know what, don’t know when, don’t know where – but it’s coming.
And so, how is this relevant ot my epiphany? As I mentioned at the start of this post, I’ve been casually aware of a shift in my design aesthetic. It wasn’t until I read this post by Wilson Miner, that it suddenly struck home, and I realised where I’d been heading:
After years of wondering why browsers defaulted to 16pt text sizes I’m starting to be convinced that long text really is significantly more readable on screen at precisely that size.
In that post, Wilson references a post by Oliver Reichenstein, in which Oliver introduces the 100% Easy-2-Read Standard. The main point he makes seems so glaringly obvious: the text size on most web pages is too small. Wilson provides a brilliant visual example. As the resolution of our monitors has increased, the size of the fonts used on web pages has gotten smaller and smaller, and through that complacent attitude of “having always done it that way”, us web designers haven’t considered compensating for the change.
Duh.
This was the final peice of the jigsaw which I’d seemingly been trying to put together in the back of my head. I have a whole bunch of other unwritten rules which I follow (working with grids, clean document structure, progressive enhancement etc.) and now, this new one has been added to the imaginary list:
- Use a relevant and readable font.
And so, to Websites & Sausages (a phrase blatantly lifted from an episode of The West Wing I was watching recently). I’m working on a couple of online projects at the moment which are allowing me almost complete creative control – mainly because they are in-house projects – and I thought it would be interesting to take one of them as a kind of case study, and to document the process I go through to bring it to life. I’m going to consider my preconceptions along the way, and consider new ideas to refine my process. I hope that the result will be a vigorous insight into my thought processes, and help me to question some of own habits.
And maybe, along the way, I’ll cause a small epiphany for someone else.
No comments yet.