Som det første besøket ser, stjeler hjemmesider og overskrifter ofte designfokuseringen.

Men over-the-fold tenkning forsømmer den naturlige strømmen av vertikal sidelayout. Hva skjer når folk kommer til enden av en side?

Du kan satse på at en enkel opphavsrettserklæring ikke vil holde besøkende oppmerksom, men mange sider er utformet med forventning om at folk vil finne veien ... eller så antar vi.

Bunnen av en side er ikke slutten på et nettsted. En informativ, overbevisende bunntekst er det naturlige stedet å lede folk til mer informasjon på stedet enn å vandre uten mål.

Les mer om trender og innovasjoner som følger sideinnhold og svar på det uuttalte spørsmålet, hvor til herfra?

Det pågående problemet med hvordan man holder folks oppmerksomhet kan tas opp på mange måter: øyepopende grafikk, smart bruk av negativ plass, snill typografi og velskrevet tekst.

Men altfor ofte blir folk igjen hengende når de ruller til bunnen av siden. Skal de rulle opp igjen? Besøk et annet nettsted? Lukk fanen?

Hvor kroppsinnholdet slutter, tar bunnteksten over.

diagram som viser hvordan lesernes oppmerksomhet naturligvis vandrer til bunnteksten

Foten er en distinkt samling av innhold som avsluttes hver side på et nettsted. Vanligvis inneholder den en opphavsrettserklæring, en lenke til hjemmesiden og enten en e-postlenk eller en lenke til kontaktsiden.

Footers spenner nesten alltid bredden på siden . Utover dette har de en rekke stilarter.

Selv om det ikke tilbyr mange koblinger, Dishizzle gjør det vanskelig å gå glipp av de store ikonene på bunnen av nettstedet. Med sin søkeboks og vennlig type, er denne bunnteksten både leselig og nyttig.

skjermbilde av dishizzle's footer

Sammenlign det med bunnteksten på 43 mapper , som tar motsatt tilnærming. En håndfull koncise setninger forklarer nettstedets formål, beskriver eier og lenker til sin webverten. Etter en grundig opphavsrettserklæring slutter siden.

skjermbilde av 43-mappenes bunntekst

Noen ganger kan footers bare gjenta navigeringslinjen. Det er en naturlig passform: Når leseren har lest eller skummet siden, kommer de på en liste med interessante lenker til andre sider, i stedet for å bli forlatt for å vandre.

Men disse koblingene er ofte bare det: biter av klikkbar tekst som er arrangert i en tynn, underutviklet stripe. Selv om dette kan fungere for nettsteder som har lite innhold, er et seriøst nettsted ikke komplett uten en godt planlagt bunntekst.

En bunntekst er ikke bare en appendage. Det er en god vert .

Unsung Stewards

Bunnen kan virke som et usannsynlig sted å sette viktig informasjon, men bunntekstene er ideelle eiendommer for navigering og viktige funksjoner fordi besøkende naturlig beveger seg i den retningen mens de ruller ned.

Som en god vert presenterer en forseggjort footer ulike typer informasjon som reflekterer innholdet og innholdet på nettstedet.

En bunntekst kan spille mange roller på et nettsted. Trikset bestemmer hvor gjestene skal gå når de er ferdige med en side. En god vert lar sine gjester nyte seg selv og går bare inn når gjestene begynner å lure på "Hva er neste?"

Footers som nettstedskart

Mens overskriften presenterer lenker til store deler av nettstedet, kan bunnteksten dive inn i detaljer. Sitekartbaserte footers, som er ideelle for nettsteder som lagrer innhold i mange seksjoner og underavsnitt, gjenspeiler omfanget og bekymringene til et nettsted.

Det hvite hus er et godt eksempel. Dens footer presenterer nettstedet som seks seksjoner, hver med så få som 6 og så mange som 23 lenker.

Forsiktig enkelt, søkeordet koblinger kan bli absorbert et øyeblikk av gjestene skanning for emner av interesse. Nesten like høy som det er bredt, er bunnteksten vanskelig å savne, men innholdet konkurrerer ikke med siden ovenfor.

skjermbilde av det hvite husets bunntekst


Footers som annonser

Spesielt hvis nettsiden selger noe-et produkt, en tjeneste eller et medlemskap, er bunnteksten en ny sjanse til å anspore besøkende til å handle. Slutten på siden er et flott sted å minne gjester om fordelene med produktet eller tjenesten som tilbys. Gjenta denne samme meldingen på hver side kjører poenget hjem.

Mail Chimp utnytter denne plassen til å gjenta salgsstedet sin: 1) gratis maler, 2) en sammenligning av sin tjeneste med konkurrentene og 3) fleksibel prising.

skjermbilde av mail chimpansere footer

Uttrykksmotor Viser også noen av disse tingene, og også lenker til hjelpeseksjonen og annen informasjon som potensielle kunder ønsker.

skjermbilde av uttrykksmotorens bunntekst

I motsetning til vanlige nettstedskart, må bunntekstene som annonseres, være mer overbevisende enn informativ. De bør gi gjestene incitamenter til å kjøpe og lede til sider som gjør at de kan handle.


Footers som tegnstudier

Mens en personlig nettside vil adressere emner som interesserer eieren, kan bunnteksten beskrive personen bak den. Hvis nettside er dette? Hva er han eller hun? Hva gjør de mer?

Få nettsider gjør dette bedre enn det ene av grafisk designer Jason Santa Maria , hvis bunntekst kunne være en side til seg selv.

skjermbilde av Jason Santa Maria's footer

I mellomtiden, bunnteksten til standardekspert Jeffery Zeldmans inneholder visuelle og selv fotografiske utdrag av prosjekter han er involvert i eller interessert i.

skjermbilde av Jeffrey Zeldmans footer


Footer som Colophon

En bunntekst kan inneholde informasjon om hvordan eller hvorfor nettstedet ble bygget. Det kunne:

  • Gjenta nettstedets oppdrag eller tagline.
  • Si hvilken CMS eller ISP som brukes.
  • Erklære at siden har gyldig (X) HTML og CSS og overholder visse tilgjengelighetsstandarder.

Variasjon basert på kontekst

Foten skal generelt forbli konsistent gjennom hele nettstedet. Sidespesifikk informasjon er vanligvis ikke berettiget. Men kompliserte nettsteder kan bøye reglene.

De lekende ikonene på IBMs nettsted gi en vennligere, mindre bedriftskunnskap å navigere sider. Men disse ikonene vises bare i delen "Smarter Planet".

skjermbilde av ibms smartere planetfooter

IBMs vanlige bunntekst ser slik ut:

skjermbilde av ibms standard footer

Likeledes er koblingene i Apples nettstedskartbaserte footer varierer i henhold til avsnittet det vises i.

skjermbilde av Apples Mac-footer

Over, bunnteksten i Mac-delen. Nedenfor, den for iPods.

skjermbilde av Apples iPod-footer

Ingen av disse rollene er eksklusive. Utførlige bunntekster kan inneholde nettstedskart, høydepunkter, oppdateringer, legitimasjon, søkeverktøy og mer. Under, BustedTees tilbyr måter å holde seg oppdatert på, bla gjennom og send tilbakemelding.

skjermbilde av busted tee's footer

Funksjonell oversetter ikke alltid til overbevisende, skjønt. CNN S footer inneholder et søkeverktøy, lokalt vær, et nettstedskart, legalese og lenker til innholdet sitt på andre språk. Nyttig, men tørr. Det mest interessante visuelle elementet er den røde stripen.

skjermbilde av CNNs bunntekst

Selv om det passer til tonen på nettstedet, er CNNs bunntekst bare designet for ikke å konkurrere med siden ovenfor.

Hvordan lage en nyttig bunntekst

Vanligvis inviterer en nettside folk til å handle eller å lære. Etter å ha lest en nyhetsartikkel eller blogginnlegg, går folk bort med en ny ide eller et sett med fakta. Produktsidene utdanner besøkende på varene som selges. Sider med værinformasjon påvirker hvordan folk klær. I hvert tilfelle har en person endret seg på en måte når de kommer til bunnen av siden. Og der finner de bunnteksten.

Så er slutten av siden et naturlig sted å sette to ting: verktøy som besøkende kan handle på det de nettopp har lært; og oppfordringer til handling.

Footers har en tøff jobb. Folk ignorerer dem ut av vane; De blar instinktivt til toppen eller klikker bort. Det er derfor god fotfeste må utformes ikke som ettertanke, men som om de var sider selv.

Å lage en nyttig bunntekst begynner med å stille visse spørsmål:

  • Hvilket innhold på nettstedet mitt vil jeg understreke?
    En god footer guider gjester til disse sidene.
  • Hva annet ville interessere besøkende?
    En god footer tiltrekker gjester med informasjon de ønsker. Besøkende som rulle helt ned til bunnen ble sannsynligvis engasjert av sidens innhold. Lenker til relatert informasjon vil holde dem på nettsiden.
  • Hvilket innhold vil de fleste besøkende ha mest mulig nytte av?
    Som en god vert, er jobben sin til hjelp. Footer belønner gjestene for å nå slutten av siden med, om mulig, freebies eller underholdning eller, enda bedre, ofte forespurt informasjon. Hvis nettstedet er for en murstein-og-mørtelvirksomhet, kan bunnteksten inneholde et enkelt kart til plasseringen.
  • Hva ville epitomisere nettstedets karakter og stil?
    Som en god konklusjon oppsummerer bunnteksten innholdet på nettstedet: dets tema, holdning og tema. På denne måten er bunnteksten ligner på overskriften, som introduserer nettstedet til nykommere.

T-skjorte selger Threadless svarer mange spørsmål i den søkeordrike bunnteksten:

diagram over spørsmål og svar på trådløs

Når du har bestemt deg for hva du skal legge inn i din footer, ikke forsømmer presentasjonen.

  • Gjør det stort.
    En token footer er tynn, bare høy nok til å innrømme en linje med tekst. En oppsiktsvekkende bunntekst er betydelig. En tommelfingerregel er å gjøre bunntekstens høyde minst en fjerdedel av bredden. For eksempel, hvis siden er 960 piksler bred, bør bunnteksten være minst 240 piksler høy.
  • Sett den fra hverandre.
    Gi bunnteksten en tydelig grense, og sørg for at den spenner over bredden på siden. Gjester bør se hvor kroppen slutter og bunnteksten begynner.
  • Gi den stilen.
    En bunntekst bør bære temaet for nettstedet, i stil, fargevalg og typografi. Hvis det er mulig, bør det gjenbruke visuelle elementer fra andre steder på nettsiden. Men det bør ikke forringe sidens innhold.
  • Gjør det verdt.
    Den ideelle bunnteksten er sterk nok til å berettige besøkendes oppmerksomhet. Det gir interessant innhold å lese i en attraktiv pakke som enhver viktig side.

Vergen er ikke redd for å spille opp sin bunntekst. Den iøynefallende grafikken som ligger mellom merkevaremerkende fargestenger, forteller besøkende at dette er innhold , ikke bare fint utskrift.

skjermbilde vergenes bunntekst

silver har få funksjoner i fotfoten, men rikelig med stil. Den gir en lettlest opplevelse som omstiller nettstedets formål og oppfordrer besøkende til å motta oppdateringer via nyhetsbrevet.

skjermbilde Silverbacks bunntekst

Samtidig som Travelocity pakker 72 kobler til sin sidefelt, mangel på visuelt hierarki eller klart layout gjør det vanskelig å ta på alvor. Mer betyr ikke alltid bedre.

skjermbilde travelocity's footer

Alle disse kriteriene kan høres ut som en høy ordre, men det er to enkle tilnærminger for å skape en god footer.


Tilnærming # 1: Opprett en miniatyr hjemmeside

Den enkleste måten å lage en nyttig bunntekst er å gjenskape nettstedets formål og høydepunkter. Se på hjemmesiden din for inspirasjon.

Vanligvis er hjemmesiden et kryss mellom en innholdsfortegnelse og en nyhets-ticker, noe som gir gjestene en oversikt over nettstedet og den nyeste informasjonen.

En bunntekst trenger ikke å inkludere hvert element fra hjemmesiden. Hvis hjemmesiden viser 10 bestselgende produkter og de 3 siste blogginnleggene, kan bunnteksten markere topp 5 produkter og 1 innlegg, med lenker til flere av hver. En mindre versjon av nettstedets logo ville også være hensiktsmessig.

Tenk på bunnteksten som innholdsfortegnelse som praktisk vises når besøkende trenger det mest: når de lurer på hva som er neste.

MacTalk Australia har en relativt liten overskrift, noe som gir mer plass til innhold og reklame over folden. Nesten dobbelt så høyt som toppteksten, utvider innholdsrik bunntekst på den enkle overskriftens navigasjon og introduksjon ved å stave ut hvor mye innhold hver kategori har og hvilke merker som er mest populære. Både topptekst og bunntekst har RSS- og Twitter-ikoner, og bunnteksten inneholder et registreringsskjema for nyhetsbrev, pluss to andre RSS- og Twitter-koblinger rett under opphavsretten.

diagram som viser vanlige elementer i Mac Talk overskrift og bunntekst

New York Times footer inneholder de siste overskriftene og bildene fra ulike seksjoner.

skjermbilde av New York Time's footer


Tilnærming # 2: Gi tilleggsinnhold

Footers kan gjøre det motsatte av å tjene som en miniatyr hjemmeside ved å tilby innhold som ikke finnes andre steder på nettstedet.

Biter av tilleggsinnhold som ikke kan fylle sider på egen hånd, kan finne et hjem i bunnteksten. I motsetning til miniatyrsiden kan en tilleggsfotograf inneholde lenker til andre nettsteder, så lenge de er informative eller fordelaktige for gjesten.

Men ikke behandle bunnteksten som en dumpingplass for ting som ikke passer noe annet sted. Som en hvilken som helst riktig side, bør en bunntekst informere, overtale, underholde eller gjøre alle tre. Nøkkelen er å finne verdifull informasjon som støtter nettstedets overordnede tema, ikke en bestemt side.

Komodo Media S footer inneholder iøynefallende lenker til hva eieren lytter til på Last.fm.

skjermbilde av Komodo Media's footer

Noen nettsteder, for eksempel Veer , pek på deres familie av nettsteder. Korporasjoner kan markedsføre sine merker ved å krysse dem til hverandre.

skjermbilde av veer's footer


Andre tilnærminger

Hvis nettstedet ditt har en betydelig sidebar, kan du prøve å omorganisere den som en bunntekst. Selv om dette vil endre nettstedets layout drastisk, kan flytting av sekundær informasjon til bunnen av siden fjerne distraksjoner fra primærinformasjonen.

diagram som viser hvordan du bytter et sidebjel i en bunntekst

På vei

Den gylne regelen av footers forlater aldri gjestene til sine egne enheter .

Footers er verter som presenterer sine gjester med alternativer. De er naturlige stepping stones over nettstedet, lokker gjestene til å klikke til andre sider eller relaterte nettsteder.

Du kan lære mye om et nettsteds prioriteringer fra innholdet i bunnteksten. Hva er i foten din akkurat nå? Du har en, ikke sant? Fordi et nettsted uten en bunntekst er verre enn en artikkel uten en


Skrevet utelukkende for Webdesigner Depot by Ben Gremillion . Ben er en freelance webdesigner som løser kommunikasjonsproblemer med bedre design.