Dec. 22nd, 2008
A manifesto – the suggestion that anyone can summarise anything accurately and meaningfully in ten bullet points – has something rather fanatical about it. My knee-jerk reaction to anything with the word “Manifesto” in its title is a skeptical snort. But then, when reading through the succinct, simple, compromise-free list, I tend to drift off into a kind of “if only life were so simple” dream-state, and can’t help imagining living & working in strict adherence to the list.
That of course lasts a few minutes before I return to the regularly scheduled program of earning money however possible and enjoying life as it comes.
Matt Jones, one of the über-smart Matts behind my favourite travel site Dopplr, wrote a web design manifesto back in 2001, and called it WebDOGME 01. His tongue was obviously very firmly in his cheek, but it’s certainly a big serving of food for thought, even almost eight years later.
- The designer must code.
If the designer cannot code the design, then he is not the designer.
- The code must be produced in a text-editor, not through the distorting filter of a WYSIWYG editor.
What you get is what you type.
- The browser must not be violated.
The use of Frames, Flash, dhtml, pop-ups, or any other device in a fashion that would remove the browser back-button’s raison d’etre must not be used.
- Time is not yours to control.
It is the user’s to control.
The use of any time-based media should be subservient to the asynchronous nature of the user’s perception of the web.
- Presentation is not yours to control.
It is the user’s to control. It is only yours to influence. If design is fundamental to the experience you are creating, then it must be a system, malleable and adaptable to the user’s preferences. Let your design be a conversation.
- Your experience must be part of the web, not just a website.
Do not trap people with devices to keep them on your site, and use URLs that will be permanent, clear and distributable.
- Never use a graphic when text will do.
Don’t destroy meaning for presentation’s sake.
- Temporal and geographical alienation are forbidden.
People will experience what you have created at their leisure and expect it to be relevant, rather than when it is relevant to you. See also point 4. The web is a global medium – while staying true to your content, do not be parochial in your language, symbolism or other conveyance of meaning.
- The experience should have meaning.
Content (or functionality) may be self-referential or autobiographical, but the designer must remember they are in conversation with a visitor. Silence from that visitor could be reverence for a monologue, but more likely indifference to a self-obsessed bore. This applies as much to companies and brands, as individuals.
- The designer must not be credited.
Pretty forward thinking for 2001, and I agree with almost all of it, although I must admit it took me quite a bit longer to come to these conclusions. And considering how sensible and right this list seems to me, it’s disheartening to think how few of these points most projects in my past have fulfilled. That’s something to aim for in the new year.
See also “My Internet” by Ben Terrett.
What do you think? Leave a comment…
Sep. 10th, 2008
So I got back from dConstruct and a nice weekend in London yesterday afternoon. And since Friday evening I’ve been trying to think of a suave way to wriggle out of my promise. There are no new interviews, and damn me if I didn’t come up with anything suave. Although the lectures at dConstruct were as interesting as I’d hoped, the socialising was a bit limited and I just couldn’t bring myself to thrust a camera in anyone’s face without chatting at least 5 minutes beforehand, and there just wasn’t time for much more than that. So if you’ve been waiting to watch some dConstruct attendees, I hope you’ll be satisfied with a summary of the proceedings instead.
“The Urban Web”
I wasn’t quite sure if I should feel totally uncool for having never heard of Steven Johnson, but he’s written a number of books which sound interesting, and judging by his polished, relaxed style, he’s a conference circuit regular. His latest book, “The Ghost Map”, is the story of the London cholera outbreak of 1854, and was the subject of his talk. John Snow, with the help of local vicar Henry Whitehead, proved that cholera was spread through contaminated drinking water with a mix of detective work and innovative mapping. His map is worth a look: the black bars represent deaths, and reveal the pump on Broad Street as a likely suspect. But Johnson placed more emphasis on the social network of which vicar Whitehead was a super-node, enabling the investigation to go deeper and faster than Snow could have ever achieved alone. A gripping story full of info design geekery that put “The Ghost Map” on my wish list.
This led to a demo of Johnson’s new project, outside.in, which gathers regional info from blogs in your city and displays them in a format reminiscent of newspaper sites. He said Brooklyn, where he lives, is the “bloggiest neighbourhood” in America, so I can imagine the attraction for Brooklynites. The “radar” function alerts you via email to news closer to home, like the truck that burst into flames near Johnson’s house while he was on holidays. As much as I liked the idea of outside.in, radar had the feel of a “solution without a problem”, as a friend said. And as someone living outside the U.S. I once again felt terribly left out. Not only do very few Hamburgers (yes yes, Hamburg residents really are called that) or Sydneysiders (yep) I know of blog about their city, but outside.in doesn’t work outside the U.S. One day maybe.
“Playing the Web”
The day’s prize for most energetic talk definitely goes to Aleks Krotoski. She’s an academic, avid gamer and writer at the Guardian, and gave her talk with much running back and forth, arm waving and the occasional dance step or two, which all sounds maybe a little spastic, but I’m not doing her justice. It was utterly charming. She wondered why the games industry and web industry share so little. Games-makers understand stickiness so well, and we webby folk are so deep into community and openness, isn’t it obvious that we could and should learn from one another? She asked how many games-makers were in the crowd, and the number of hands—ten, tops—proved her point.
After establishing that gamers and webbers don’t actually share, she went through many things we can learn from one another. For lack of detailed notes, I’ll summarise: game people understand play, rich world creation and guidance, web folk get community and have a more fundamental, analytic understanding of interfaces. Far too short a description for a talk so full of energy and exciting ideas. With any luck her presentation will appear on her Slideshare page soon. In the break Kars Alfrink, who knows the games scene far better than I, confirmed Aleks’ concern, said that it’s been coming up on both sides of the fence alot lately, and said she illustrated and analysed it better than he’d ever heard before.
Favourite (inexact) quote: “The term ‘experience economy’ is a phenomenal way to make fun boring.”
Question: what games conferences would you recommend?
“Leveraging Cognitive Bias in Social Design”
For my dollar, Joshua Porter gave the most hands-on useful talk of the day. He took the psychological research evident in his book “Designing for the Social Web” further, and dove into cognitive bias and how we can use it to improve our interfaces.
We all use mental short-cuts, or heuristics, to make decisions when we don’t have enough info. Keeping some typical heuristics in mind can help us make interface paths clearer and motivate users. Some examples:
- The ‘bandwagon effect’: we tend to follow others, so showing activity and lots of users helps convince new users to sign up.
- The charmingly named ‘Lake Wobegon effect’: everyone tends to think that they’re above average (I’m sure Joshua wasn’t trying to say that I’m not).
- Loss aversion: “losses loom larger than gains.” He demonstrated this by asking who’d go for a 50/50 chance to lose/gain £100 pounds. Even when raised to lose £100/gain £300 no more than half of the audience raised their hands.
There was quite a lot more meat in the talk, and plenty of web examples of cognitive biases in use—I’m seriously hoping Joshua’s planning on slidesharing his presentation soon, though it sounded like the start of another book, so maybe he’s playing this stuff closer to the chest. And I guess it had to come: after the talk someone asked “isn’t all of this evil?” Of course it’s good to think about the ethical consequences of what we’re doing, but is it evil to make a button big and red because we know that our brains register larger, brightly coloured objects before others?
On a personal note, I’d gone all fanboi and brought a copy of Joshua’s book with me to Brighton for a signing, but never had a chance to corner him. And then, purely by coincidence, I ran into him at the Tate Modern in London on Sunday. Short chat, due to my bad mood and him sitting down to eat, but he seemed a friendly guy. Didn’t have the book with me though, so no autograph.
“Designing for interaction”
When Daniel Burka, creative director of digg, and co-founder of Pownce, took the stage I was sinking into a concentration low. But what I took away was a list of challenges to designing systems to help huge numbers of people do similar things together.
- Getting signups
- Encouraging positive behaviours
- Allowing flexible participation
His suggestions for solutions to these challenges were of course taken from his learnings at digg and Pownce, such as streamlined registration, avoid king of the hill contests (lesson hard learned from digg) and my favourite, “pave the cow paths”, i.e. instead of forcing users through pre-defined paths, watch where they naturally go and pave the groove they wear in your site.
“Social Network Portability”
My low led to nodding, which has nothing to do with Tantek Çelik’s talk, and plenty to do with the comfortable, warm darkness of the auditorium and the pre party thrown by the chi.mps the night before. This was the only real tech talk of the day, full of Microformats and code snippets. As far as the ideas go, it all sounded pretty familiar, so no “aha!” moments. In my groggy state the code would’ve been like a rubber mallet to the back of the head, so I ducked out for a coffee. Sorry Tantek, no hard feelings.
“Designing for the Coral Reef”
Lunch! I’m awake again! The votes are in, and the Matts Jones & Biddulph from dopplr get best talk of the conference. As the only speakers to take advantage of the on-stage couch (and if I’m not mistaken, Matt Jones presented in bright blue and white striped socks) they certainly get the “most relaxed” trophy.
The talk itself was a rambling journey through dopplr being a social physics engine (by way of a model of space/time), coral reefs as infrastructure and animal, slippy maps, streaming info in and avoiding “please wait” states, respecting privacy, data portability, building sites no one needs to visit, and plenty more. If it sounds chaotic, well, it was more a thoroughly entertaining information performance than a typical conference talk. Y’had to be there I guess.
The high point of the whole talk was the idea of a “delighter”, an unnecessary feature created purely to delight the user. Dopplr’s best example of a delighter is the personal velocity display. My personal velocity, 5.59 km/h, is about the same as a duck apparently.
And a few announcements: you can add trips by tweeting @dopplr, there are now dopplr groups, with more functionality coming soon, and when you share a specific trip, you’ll soon be able to generate a QR code for it. Unfortunately their hoped for live demo—iPhoners should shoot the QR code on the screen and see a trip—failed due to uncooperative light conditions.
Best quote (although they packed in many worth remembering): “Google Maps is like looking at a blue whale through a letter box.”
Best gimmick: the dopplr colours, which if you haven’t noticed yet change in the logo and the favicon as you enter trips. And the delighter of the conf were the city stickers the Matts handed out at the post-party, which were traded like baseball cards by giddy geeks all night. And as of five minutes ago, you can generate your own city stickers with the dopplr/moo mash-up mooplr!
“The System Of The World”
I’d heard from many what a good presenter Jeremy Keith is, so I was looking forward to this. Since he describes himself as “stuck-up”, I guess I don’t have to fear insulting him: after 10 minutes I thought nothing of his talk other than “what a load of pretentious über-nerdery”. After the Matts, it was like dropping from 5th gear in a sunny-day convertible into 1st gear and drizzle. He read from a verbose academic style paper (admittedly accompanied by a lovely slideshow) and jumped from quoted pop-psych book to dropped name at a dizzying pace, and I waited patiently for it to make some sort of sense.
But, after asking myself at least ten times, “what the hell’s his point?” Jeremy started to get a laugh or two. His text and style lightened up a little. He said more, and quoted less. And I realised he’d been building a complex (and perhaps unnecessarily baroque) foundation for a point that was indeed pretty impressive and inspiring. What was it? Don’t ask me to even attempt to repeat it—just go read his talk (bring some time with you) or enjoy the version with the pretty pictures, or wait ‘til the podcast is online.
Oh, and he said “ugly bags of mostly water” too. Gotta love that.
A Round of Thanks
First and foremost thanks as I write this goes to Alastair Campbell who took insanely detailed notes and propped up my mushy memory. And other than that the Clearlefties and others who organised dConstruct, the excellent speakers and the chi.mps and backstage.bbc folks who threw the pre and post parties respectively. If I can afford to get over the pond (two ponds, actually) next year, I’ll see you in Brighton.
What do you think? Leave a comment…
Jan. 18th, 2008
Jan. 15th, 2008
I’ve been designing websites professionally since 1995, and never has any site I’ve worked on been discussed as much as the new Sinnerschrader site, and, to be exact, it’s not even a site at all.
Let’s get the full disclosure out of the way first: I’m an Art Director at Sinnerschrader, and other than the occasional over the shoulder comment and discussion over a smoke, I had nothing to do with the idea, concept, or design of the new site. Go check out sinnerschrader.de, click around a little, and come back for my thoughts on it.
As you hopefully noticed, it’s just a link list. That’s it. All of our content is “out there” in the web. Of course most of it always has been, and now our site is the place where all of the disparate elements — job offers, client sites, employee profiles, how to find us, etc. — meet. Instead of a perfectly polished and organised glossy brochure, which is what most agency websites are, ours is a knot which loosely joins our small pieces.
What’s Good?
I’ve loved the idea ever since one of my favourite coleagues, Ron (whose blog is still “coming soon”) told me about it. And, in so far as our site is just a list of links, I find it a logical and consequent execution of the idea. The web is not a book or a wall or a television, so a cover or a poster or a video is certainly in the medium, but not really of the medium.
As I explained in my Naked Relaunch article, I’m also a strong believer in the “it’s never finished” mentality, when it comes to web design and content. The most exciting aspect of the web is that it’s continually changing, growing and becoming more and other than it is at this moment. Our new site doesn’t take this aspect far enough (more on that below) but the idea of a living collection of links that are easy and fast to add, change and remove is where I hope the site’s going.
Those are just two short and small “what’s goods,” but for me they’re much more important than the more numerous “what’s not yet good” comments listed below. I’m a fan of ideas, and, when compared with ideas, niggling details don’t weigh very heavily on my scales.
What’s Bad Not Yet Good?
Well, the first thing that makes my idea-focussed brain itch is: the thing’s static. Nothing’s happened since it went online on the 5th of December (be careful, there’s German behind that link). If the most exciting thing about the web is the continual change, then an agency website which says, “our stuff isn’t packed away in a shiny wrapper, it’s living out there in the chaos” must have a site where something’s happening. For now it’s just a link list. There’s nothing new, nothing changes, it’s not alive.
The site is an idea, and it’s pretty brave, and I haven’t seen anything like it before, but we couldn’t stop ourselves from squeezing in at least a little wobbly, animated, flickering Flash. Maybe we were afraid it wouldn’t be “pretty” enough for an agency site; I wasn’t involved in the decisions, so I don’t really know. Personally I think the Flash is decoration which doesn’t serve the goal or message of the page itself. Although I actually quite like wobbly pink, gold and grey aesthetically, I don’t think the page would suffer much if it wasn’t there. In fact, Flash is a shot in our own foot as far as search engines, the back button, auto-discovery of the rss feed, and copying text and links are concerned. These are as much the nature of the web as are links and distributed content, so why did we ignore these? I don’t know.
Other than all of that, there are a few little details which picky usability freaks have been pinning on us — e.g. the newsletter field should make it clear that it requires an email address — but I think the basic function (open external pages in a frame and close the frame again) works and is understandable. A few tweaks, and we’ll shake the bugs out. No big deal.
How Could it be Better?
Number one on my wishlist: let it live. Collect feeds from employee blogs, spit in whatever turns up under the tag “sinnerschrader” on Flickr, collect the Tweets of employees, friends and the company itself, mash it up and call it “The Secret Life of S2” or “S2nd Life”, whatever. We’re a web company, we make web stuff, and more than a few of us live in the web, so why not show it?
We could get our hands a little dirtier with the clients. Just linking to their sites isn’t really enough, or sometimes it could be too much — a link suggests we did all of it. Sure, we design and program complete sites for many of our clients, but we also produce banners, single pages, micro-sites, etc. Why not — in addition to the links — simply throw up some screenshots at Flickr, a case study in the blog, whatever it is that best describes our work for that client?
Kick the Flash out. As far as I’m concerned kick the graphic typography out as well — with the exception of the logo and the claim, of course. The flashier it is, the harder it is to change, as well as the problems mentioned above. If the idea is links, make it 95% about links. Right now we’re around 70%.
Oh yeah, and let’s put in a search, as Martin “Nielsen” Seibert suggested (Achtung! More German!), thereby proving that he didn’t even begin to understand the idea. But if you do, please link our search to Google.
How do you like our new site? If you were the boss, what would you add, remove or change? Let me know.
What do you think? Leave a comment…
Aug. 24th, 2007
