Avoid Designing Nav into the Background
August 26th, 2008
It’s the web - some people can stop reading this article simply because they already know that truth. The paradigm of web interaction is different than a poster - nobody walks up to a poster (or a postcard or birthday flyer) and presses a link to be taken to another poster on the other side of the planet. There are a lot of differences between print and the web, including our lack of control over the user’s environment. It’s the web. Say no more.
When designing for the web we can get caught up in the sometimes not-so-subtle push from our employers to create interfaces that are works of art in themselves, beyond the purpose of making money, beyond increasing conversions or achieving business goals. The temptation to please and appease puts us at loggerheads with the limitations of the web - bandwidth and file sizes, for example.
Given an ideal world we might be tempted to put one more image in and then just one more until the interface is full of everything except whitespace. We move the navigation up into the zone of banner blindness (the top 15%), drop it’s colour back so it doesn’t draw the eye away from our real design and reduce the text size. There, the navigation is perfectly blended behind the background - after all we (the developers) are perfectly aware that it’s back there! Any fool could unravel the mystery. So the design becomes about the pretty pictures rather than about creating intuitively usable interfaces.
