Make your footer a useful leaving point

Written at 11:48, on Saturday 1 April 2006. Tags: webdesign website .

A typical website has several “standard” elements which appear on each page, such as a logo, one or more navigation area’s, a content area and a footer. Most of the time, these elements are also displayed in this order: logo at the top, content in the middle, navigation at the top and/or sidebar, and footer at the bottom. This visual configuration is also a clear hint at the relative importance of each of these elements: the brand or identity at the top is relatively more important then the copyright information at the bottom. Sounds straightforward, doesn’t it?

Yet, there is some debate about the merits of this layout, especially with regards to the footer. Is the main navigation really best presented at the top near the logo or at the sidebar near the content? Some authors seem to disagree.

An overview:

Great examples of commercial sites:

Great examples of blogs:

I’ve tried to adhere to the same principle here by making the footer more useful, in the spirit of the Mullet-style layout.

Comments closed (1 total) |

1 Comment so far

Ik zie niet wat je bij Flickr bedoelt, die footer vind ik nogal traditioneel. Amazon is duidelijker en gedeeltelijk een en/en verhaal (en boven en onder) …

Wens: bovenin een link naar het menu beneden! Bij Gene is het namelijk nogal ver scrollen naar het ‘menu’. Bij Powazek is het al duidelijk(er en) beter. Pfff, Asterisk is weer flink scrollen. En Joe vind ik en scrollen en minder overzichtelijk.

‘Nieuw’ idee: Zorg dat de hoofdnavigatie net onderin beeld van de browser staat en de ‘submenu’s’ daaronder, net buiten beeld. In zekere zin zoals bij Powazek. Resumé: Midden in de pagina en net in beeld.

Wat denk jij?

Joost – www.OpenNieuws.nl

From the portfolio

  • Politieonderzoeken bio

About this website

My name is Jeroen Coumans, I'm a freelance web designer, front-end developer and Drupal ninja from the Netherlands. I love to create beautiful, usable and accessible websites. On this website, you can find my portfolio as well as my personal weblog. Interested in hiring me? I'd love to hear from you.

After completing my BA in Arts and Culture I'm now doing a MA in Communication and Multimedia Design. More …

Elsewhere

Designing with data

This article echoes my current thinking on design: "So, IDP (Information Design Prioritisation). Take the elements that are required on a page then decide what takes priority and score the different elements depending on how essential they really are to the user experience. If you’re redesigning a site and using the same information; use Analytics results to see where users are clicking the most and eye-tracking tests to decipher their routes and the hot spots on the page." It's too bad that this article provides the why, but doesn't provide the how.

Add comment | Visit site …

Neuromarketing troefkaart voor structuralisten

(dutch). Een alarmerende kijk op neuromarketing, een nieuwe manier om reclame te maken door transparante beeldmerken met de video te vermengen.

Add comment | Visit site …

Drupal.org, Design Iterations, and Designing in the open

Some preliminary lessons on Design by Community, by lead designer Mark Boulton. Interestingly, the first prototypes were not at all what I expected (honestly, I thought they sucked), but by putting them out in the open as soon as possible, and watching trends in feedback, further iterations (especially the last one) are really good. Lets hope this can serve as an inspiration for further Open Source design methodology (and beat Wordpress in creating a kick-ass administrative interface through an open process).

Add comment | Visit site …

Webapp Death Match: Google vs. Apple

Nice comparison, which raises the obvious question: should web apps look, feel and behave like web sites (a la Gmail) or should they look, feel and behave like desktop apps (a la Mobile Me)? It's too bad that by looking at two extremes, the article can't reach the more obvious conclusion, which is: it depends (on the context, goals, users, brand etc).

Add comment | Visit site …

45 Beautiful 3D Typography Designs For Inspiration

Some examples really are beautiful

Add comment | (1 comments) Visit site …

Interpersonal Divide

"nterpersonal Divide, which won the Clifford G. Christians Award for research in media ethics, documents how long-standing theories—including ones by Marshall McLuhan—no longer hold in the wake of new media and technology. Rather than extending the human senses, as McLuhan believed, Bugeja documents how media and technology split consciousness and diminish the senses, placing users in virtual environments at odds with physical ones. " Via @nielshendriks.

Add comment | Visit site …

A Smarter MAMP

Combining Apache's Virtual Hosts and installing a DNS server to simplify website development.

Add comment | Visit site …

Google Analytics Releases Advanced Segmentation!!

A great post detailing how to make use of this: "Along the way I’ll share three different segments that you must have in your web analytics tool. Regardless of why your website exists or what tool you use, Google Analytics or an alternative. I’ll close with a approach you can use to get answers to your ad-hoc questions / queries faster, in mere minutes rather than days."

Add comment | Visit site …

More Enterprise-Class Features Added To Google Analytics

Still waiting to try them out, localized versions always lag behind.

Add comment | Visit site …

Putting Anti-Poverty Activists on the Map

"…we were able to leverage other work we’ve done with Mapnik and Drupal to quickly create maps that show off this global participation in an intuitive and eye-catching manner on StandAgainstPoverty.org for the United Nations Millennium Campaign."

Add comment | Visit site …

Subscribe

Or choose one of the single feeds:
Journal feed | Elsewhere feed