Fat Footer design pattern

The user needs to access a specific section or functionality of a site in a quick way regardless of hierarchy.

Use as a secondary navigation – never as the main navigation of a website.
Use to shortcut an otherwise hierarchical structure of a website.
Use when you have many sections of your website with possibly long section names.
Use when you want the secondary navigation to fill the entiry width of the page.
Use to show functionality that is important to all users regardless on what page they are visiting.
Use to link to parts of a website that are more frequently used than others, but does not follow the hierarchical structure of the main navigation.
Visually anchor the content of each page with a base consistent, substantial design element.

Add the same footer on all pages of a website – with the same layout in the footer on all pages.
Add links to frequently used section of your website, relevant links, recent news, signup forms to newsletters, links to RSS feeds, or the likes.
Add functionality that is vital to the concept of your website.

The footer appears on all pages of your website. By adding the functionality that is vital to the concept of your website directly in the footer, you first and foremost give your users easy access to this functionality. You also mold the usage pattern of your users, by placing shortcuts to the most important functionality of your site in a spot that is always the same.

By using Fat Footers, you provide the user with an easy and natural way of browsing to a new page and while staying on your website. The Fat Footer is placed at the bottom of a page: where the user ends up, once he or she has finished reading it. Here, the Fat Footer can provide an overview of your website and inspiration for the user to continue browsing. Such information is often lost in the situation where the user has browsed to the bottom of the page, as it has been common practice only to put such links at the top of a page.

From jlc.com
The Fat Footer pattern used at digg.com
Fat footer at erraticwisdom.com that shows the first 8 articles from the archive.

View more example screenshots

16 Comments

Rob

20 Mar, 2009

I’ve been calling these “Sitemap Footers” because they often replace the function of the old “sitemap” link. These Fat Footers are also useful for covering ADA requirements.

jonathanpberger

27 Apr, 2009

Derek Powazek has a great article about designing content-heavy footers. Worth a look: http://powazek.com/2005/09/000540.html

MDX

18 Jul, 2009

These footers do make great sitemaps -as long as the site structure is not too large. Also, CTA like a newsletter signup can make a second appearance in the footer as well.

kungkk

27 Aug, 2009

yeap, we call it sitemap footer instead of fat footer

Brp Web Design

26 Oct, 2009

Nobody seems to use sitemaps. I personally love when I see a well structured footer with navigation.

mahalie

29 Oct, 2009

Smashing Mag has a few articles on fat footers, here’s one:
http://www.smashingmagazine.com/2009/06/17/informative-and-usable-footers-in-web-design/

David Friend

10 Jun, 2010

I like these fat footers and I want one. Anyone know where I can get the code? Or perhaps you want to design one for me for a stipend?

Andy Wight

18 Jun, 2010

I prefer not to refer to them as a “sitemap footer” as they are a departure from the hierarchical structure of the main navigation and often a subset of what I would normally show in a sitemap.

There are scenarios on smaller sites where the footer ends up being equivalent to the sitemap but I think there is a difference between exposing select items in the footer and the full breadth that a sitemap shoots for.

David

14 Jul, 2010

Fully aree with previous comment. Sitemaps and fat footers are just different. Another issue is that for small websites could be almost equal. The definition for fat footers on this page is clear.

Razibul Hassan

22 May, 2012

Placing Site map, main menu, subscribe to newsletter seems like work better in footer region as people are porn to look at the footer section now-a-days more than ever. This not only increases the usability but also the design and look.

Banhawi

30 Sep, 2012

Exactly fat footers are an alternative navigational way when we are forced to a certain hierarchy and users mostly visit pages that takes many steps to be accessed from the main navigation. Great Clarification, Thanks

Dssnoosg

3 Oct, 2013

Techno, Electro, House, Dance Mix, tech house, electro house, club mix, DJ, DJs, Clubs club, Electro Mix,
Techno, Remix, Original Electronic, Trance Song, best, Original Mix, Minimal Deep, Disco, Electronica, electro house, club mix, top house, electro, dance,2013,top,
House /Soulful /Deep /Dirty 0day mp3 Hardstyle Hardcore Jumpstyle Hard-Trance
- House/ Fidget/ Electro /Trance 0daymp3 0daymusic new free downloads
- House/ Techno/ Minimal / Hard
- House/ Progressive/ Tribal/ Funky
- House/ Club/ Comercial / Instrumental
- House/ Fidget/ Disco /Indie /Urban
- House/ Acid /Jacking / Swing
- House/ Nu Disco/ Bassline/ Nu Disco
- Electro /Dance /Tecktonik /Clash
- Electro /Jazz / Boogie/ Dub / Groove
- ProgHouse/ ClubHouse/ TechHouse/ TribalHouse
http://www.web-2013.0daymusic.org
http://www.web.0daymusic.org
http://www.2014.uploaded.lt
http://www.2014.0daymusic.eu
http://www.2014.0dayvinyls.org
http://www.2014.filestube.eu
http://www.2014.filestube.lt
http://www.2014.mediafire.lt
http://www.2014.0daymusic.org
http://www.oron.cz
http://www.oron.dk
http://www.oron.ee
http://www.oron.lt
http://www.oron.se
http://www.web.0daymusic.org
Live, club mp3 0day music free new albums FLAC
Our Private FTP details:

For Whom? Especially for new and older music fans.
All available genres: Commercial, Dance, Drum’n’Bass, Electronic, Hardcore, Hardstyle, Hip-Hop, House, Jumpstyle, Pop, Psychedelic, R’n’B, Rock, Techno, Trance, Others, Alternative, Ambient, Avantgarde, Bass, Beat, Blues, Classical, Country, Dance Hall, Folk, Funk, Gangsta, Indie, Industrial, Instrumental, Jazz, Lo-Fi, Metal, Punk, Reggae and Music Videos! www.0dayvinyls.org
IP restrictions: 3 IP addresses per user at the same time (You can use dynamic IP addresses).
Speed: Overall FTP server speed is 300 Mbps.
Easy to use: Genres are sorted by days.
Secure Downloads
Files are active at any time
1Gbps Up-link Port Speed
Server Up-time 99,99%
FTP download And WEB interface
Prelisten tracks and search before you download (only on web interface)
Various different options on web interface that make your download experience easier
Only 320kbps mp3 bitrate quality
No download captcha ,No waiting times
Unlimited Download Speed and Bandwidth
Download without restrictions
User friendly support,100 % satisfaction from our services guaranteed
SERVER PROPERTIES
gp 1GBPS Up-link Port Speed!
band Unlimited DOWNLOAD!
download Unlimited download speed!
Untitled 4 Exclusive Releases!
Untitled 5 Only 320KBPS Quality!
delete No deleted files! time No waiting time!
mac Mac & Win Supported!
archive 5-10 GB of fresh music daily!
support User friendly support!

Gelfsweex

30 Oct, 2013

【ストックセール】正規品ザ・ノース・フェイス,ザ・ノース・フェイスメンズ,ザ・ノース・フェイスレディースなども豊富に取り揃え。ザ・ノース・フェイスコート,ザ・ノース・フェイスダウンジャケット,ザ・ノース・フェイスダウンベストの最新情報や、詳しい機能などをご紹介します。ザ・ノース・フェイスアウトレット人気アイテムをピックアップしました
http://www.hinesiii.com/includes/templates/hinesiii/images/brand/top01.jpg
http://www.hinesiii.com/

whowJoupe

12 Dec, 2013

さらに多くを入浴さ巨大なのまでの地域であったというこがほかの突かれたフックに加。 www.flexforcefive.com , Content shelf, higher displaying facilitates, also tow hooks tend to be you must achieve a great room.

VlQfdtQVrx

7 Jan, 2014

http://www.marcedeslewis.com/doc/#8y valium 5mg mri – valium for sale ireland

Tekbizlive.Net

19 Mar, 2014

It’s in reality a nice and useful piece of information.
I’m happy that you shared this useful info with us.
Please stay us up to date like this. Thank you for sharing.