En stark sidfot kan ge dina besökare ett varaktigt positivt intryck.
Det finns massor av kreativa sätt att öka den svaga faktorn på dina sidfotar genom att fokusera på både form och funktion. Nedan hittar du 10 enkla idéer för att inspirera dig till sidfotens storhet.
1: Gör det till det primära navigationsverktyget
Det låter galet rätt? Varför skulle någon i sitt rätta sinne ta den primära navigeringen, som traditionellt placerades i rubriken och placera den längst ner på sidan? Det går emot så många regler och kan vara en absolut katastrof för användbarhet. Men om den körs korrekt kan sidfotbaserad navigering vara lätt att använda och uppfriskande annorlunda. Exemplet ovan använder en stor stationär sidfot som ligger ovanpå en rullningssida. Du kan till och med avbryta navigeringsmenyn för att visa sidinnehållet i sin fulla ära. Detta är ett utmärkt genomförande av en riskabel idé. Två tummar upp till Madfrog för originalitet.
2: Ge det en? Back to Top? Knapp
En egenskap som jag verkligen älskar i en sidfot är en knapp som tar dig tillbaka till toppen av sidan. På långa sidor har du gjort en seriös rullning när du når fotfoten och dragbacken kan vara lång. Du kan övervinna denna irritation med en enkel JavaScript-knapp som ställer in rullningsläget. Se implementeringen i exemplen ovan och på Madfrog-sidfoten från föregående tips.
3: Ge den kontrasten
Om du vill ha en stark sidfot, lämna ingen tvekan om var den börjar. Med hjälp av en enkel linje eller grafik för att skilja huvudinnehållet från sidfoten, hjälper det att ge bakgrundsfärgen en ännu mer mörkare (eller ljusare) bakgrundsfärg. Exemplet ovan använder faktiskt båda teknikerna. Den mörka footer bakgrunden kontrasterar snyggt med den vita sidan bakgrunden och de har lagt till en vackert iögonfallande grafik som är konstruerad för att styra din uppmärksamhet mot kontaktformuläret. För att ta exemplet vidare, kan du placera ett enkelt kontaktformulär i sidfoten på ett annat sätt som du kan öka sin funktionalitet.
4: Illustrera Heck Out of It
Om du är en begåvad illustratör kan fotfoten vara en utmärkt möjlighet för ett kreativt element som gör att du kan bryta sig bort från det strikta men nödvändiga verktyget på sidan ovan. Om footer kommer att bli det sista som en användare ser på webbplatsen, kan du lika bra gå ut med ett slag. De två sidorna ovan har infört enorma, löjligt fantastiska illustrationer som tjänar nästan inget syfte utöver att bara se riktigt coolt ut.
5: Packa det med innehåll
Det finns definitivt ett starkt argument för att hålla innehållet i footer enkelt, och lita på mig, jag är den första som gör det. Men det finns också många tillfällen där det är lämpligt att bara ställa en massa saker i din sidfot (på ett elegant och organiserat sätt förstås). De tre platserna ovan har valt att göra just det. Det finns ofta mycket innehåll, till exempel juridiska kopior och bloggarkivlänkar som du vill att användaren ska se utan att klämma upp det primära innehållet på din sida. En överdimensionerad sidfot är en bekväm och logisk plats att lägga till sådant innehåll.
Notera från exemplen ovan att det här också är ett bra ställe att lägga en lista över gratis resurser till dina användare. Oavsett vilken typ av webbplats du har, tillhandahållande av en lista över gratis externa resurser är ett enkelt sätt att lägga till värde för din webbplats i dina besökares ögon.
6: Stick ditt huvud i det
Kan du inte tänka på något att lägga i din sidfot? Prova ditt ansikte! Om du skapar en blogg eller portfölj, är det lämpligt att inkludera information om webbplatsägaren (var den du eller din klient). Skriv själv en kort, vittig bio, kasta den bredvid din fula rån och plötsligt omvandlas din webbplats från cool och professionell till inbjudande och personlig. Kontaktinformation är naturligtvis ett naturligt komplement till den här inställningen om du vill lägga till ännu mer innehåll.
7: Gör det till en social media-nav
På samma sätt som personifieringen i föregående tips är sidfoten också en naturlig plats för att inkludera alla dina olika sociala medier och widgets (du vet att du har en ton med din sociala mediernörd). Detta är en vanlig nog övning som sidfoten ofta är den första platsen jag letar efter sociala länkar. Stoppa inte heller på Facebook, bli galen och kasta in ditt Twitter-flöde, Flickr-strömmen och till och med en MySpace-länk om du är olycklig att ha en.
Kom bara ihåg att utforma varje fred för att passa ditt tema och ge sidfotarna en sammanhängande look istället för att kasta in en massa prefabricerade, otillbörliga widgets. Exemplet ovan använder raketfartyg och CSS-styling för att knyta samman det på ett roligt och unikt sätt.
8: Uppdatera det dagligen
En annan bra funktion för din sidfot är att komma fram till en unik idé för en kort daglig funktion som kompletterar din webbplats. Försök att tänka på någonting som är användbart nog att en användare skulle tänkbart checka in från tid till annan bara för att se den. Exemplet ovan är en designers hemsida med ett gratis, nedladdningsbart dagligt färgschema i sidfoten. Detta är både praktiskt och relevant för webbplatsens publik. Tänk på vem som besöker din webbplats och vad de kanske är intresserade av.
9: Kasta i en Infographic
Sidan ovan var det enda exemplet jag kom över som använde en interaktiv infografisk i sidfoten. Därför spenderade jag mer tid på att spela med den footeren än jag stirrade på någon av de andra. För att få en känsla för vad jag menar med infographic, kolla in det här inlägget på 25 + Användbara Infographics för webbdesigners. I huvudsak är infographics ett sätt att förmedla tråkiga data på ett visuellt kreativt och intressant sätt. Tänk på informationen i din sidfot och hur du kan presentera det på ett mer interaktivt och attraktivt sätt.
10: Ta det till livet
En liten animering går långt för att lägga visuellt intresse för din sida.Footer i exemplet ovan har animerade insekter som dansar runt en ljusflamma. Effekten är en iögonfallande footer som du inte kan hjälpa till med att stirra på i några sekunder. Jag rekommenderar att du håller dina animeringar enkla. Målet är att göra det tilltalande utan att förringa för mycket av ditt primära innehåll. Andra idéer för subtila animationer kan innefatta pulserande färger, flytande moln och scrolling news tickers.
Slutsats
Där har du det, tillräckligt kreativa sidfotförslag för att hålla dig på väg hela året. Använd kommentarerna nedan för att låta oss veta vilka exempel du tycker är bäst och var noga med att berätta om något vi missade!
Footer-exempel på Footer Fetish.