Un buon footer può lasciare ai tuoi visitatori un'impressione positiva duratura.
Ci sono un sacco di modi creativi per aumentare il fattore cool dei tuoi footer concentrandosi su forma e funzione. Sotto troverai 10 idee semplici per ispirarti verso la grandezza del footer.
1: rendilo lo strumento di navigazione principale
Sembra pazzesco vero? Perché qualcuno sano di mente dovrebbe prendere la navigazione primaria, tradizionalmente posizionata nell'intestazione, e metterla in fondo alla pagina? Va contro così tante regole e può essere un disastro assoluto per l'usabilità. Tuttavia, se eseguita correttamente, la navigazione a piè di pagina può essere facile da usare e diversa in modo rinfrescante. L'esempio precedente utilizza un footer stazionario di grandi dimensioni che si trova in cima a una pagina a scorrimento. È anche possibile disattivare il menu di navigazione per visualizzare il contenuto della pagina in tutta la sua gloria. Questa è un'eccellente implementazione di un'idea rischiosa. Due pollici fino a Madfrog per originalità.
2: Give It a? Torna all'inizio? Pulsante
Una caratteristica che amo molto nel footer è un pulsante che ti riporta in cima alla pagina. Nelle lunghe pagine, hai fatto qualche scrolling serio quando raggiungi il footer e il trekking può essere lungo. Puoi superare questo fastidio con un semplice pulsante JavaScript che imposta la posizione di scorrimento. Vedi l'implementazione negli esempi sopra e sul footer di Madfrog dal precedente suggerimento.
3: Dare contrasto
Se vuoi un buon footer, non lasciare dubbi su dove inizia. Usare una linea o un grafico semplice per differenziare il contenuto principale dal footer aiuta, ma dare al footer un colore di sfondo drasticamente più scuro (o più chiaro) va anche oltre. L'esempio sopra utilizza effettivamente entrambe le tecniche. Lo sfondo scuro del fondale contrasta piacevolmente con lo sfondo della pagina bianca e hanno aggiunto una grafica accattivante che è stata progettata per orientare la tua attenzione verso il modulo di contatto. Per fare un esempio, posizionare un semplice modulo di contatto all'interno del footer è un altro modo per aumentarne la funzionalità.
4: Illustra il diavolo da esso
Se sei un illustratore di talento, il piè di pagina può essere una grande opportunità per un elemento creativo che ti consente di allontanarti dalla rigida ma necessaria utilità della pagina sopra. Se il piè di pagina sarà l'ultima cosa che un utente vede sul sito, potresti anche uscire con il botto. I due siti sopra hanno implementato illustrazioni enormi e incredibilmente fantastiche che non hanno quasi nessuno scopo oltre a sembrare davvero fantastiche.
5: Confezione con contenuto
C'è sicuramente una forte argomentazione per mantenere semplice il contenuto dei footer, e credimi, sarei il primo a farlo. Ma ci sono anche molte occasioni in cui è appropriato semplicemente mettere un sacco di cose nel footer (in modo elegante e organizzato, naturalmente). I tre siti sopra hanno scelto di fare proprio questo. C'è spesso un sacco di contenuti, come la copia legale e i link all'archivio blog, che vuoi che l'utente veda senza ingombrare il contenuto principale della tua pagina. Un piè di pagina di grandi dimensioni è un posto comodo e logico per inserire tali contenuti.
Si noti dagli esempi precedenti che questo è anche un ottimo posto per mettere una lista di risorse gratuite per i tuoi utenti. Indipendentemente dal tipo di sito che hai, fornire un elenco di risorse esterne gratuite è un modo semplice per aggiungere valore al tuo sito agli occhi dei tuoi visitatori.
6: Attacca la testa in esso
Non riesci a pensare a qualcosa da mettere nel tuo footer? Prova la tua faccia! Se stai creando un blog o un portfolio, è opportuno includere informazioni sul proprietario del sito (che tu o il tuo cliente). Scrivi una biografia breve, spiritosa, gettala accanto alla tua brutta tazza e improvvisamente il tuo sito si trasforma da fresco e professionale a invitante e personale. Ovviamente, le informazioni di contatto sono un complemento naturale a questa configurazione se stai cercando di aggiungere ancora più contenuti.
7: Ne fanno un hub di social media
Sulla stessa linea della personalizzazione del suggerimento precedente, il footer è anche un luogo naturale in cui inserire tutti i tuoi vari link e widget sui social media (sai che hai un sacco di nerd sui social media). Questa è una pratica abbastanza comune che il footer spesso è il primo posto in cui cerco collegamenti sociali. Non fermarti nemmeno su Facebook, impazzire e inserire il tuo feed Twitter, il flusso di Flickr e persino un link a MySpace se sei abbastanza sfortunato da averne uno.
Ricorda solo di modellare ogni pace per adattarla al tuo tema e dare agli elementi del footer uno sguardo coerente invece di lanciare un mazzo di widget prefabbricati e non corrispondenti. L'esempio sopra usa navi a razzo e stili CSS per legare tutto insieme in un modo divertente e unico.
8: aggiornalo ogni giorno
Un'altra grande funzionalità per il tuo footer è di creare un'idea unica per una breve funzionalità quotidiana che completa il tuo sito. Prova a pensare a qualcosa di abbastanza utile che un utente potrebbe ipoteticamente controllare di tanto in tanto solo per vederlo. L'esempio sopra è il sito web di un designer che offre una combinazione di colori giornaliera scaricabile gratuitamente nel footer. Questo è sia pratico che pertinente per il pubblico del sito. Pensa a chi visita il tuo sito e a cosa potrebbe essere interessato.
9: Throw In a Infographic
Il sito sopra è l'unico esempio che ho trovato che utilizzava un'infografica interattiva nel footer. Di conseguenza, ho passato più tempo a giocare con quel footer che a fissare gli altri. Per avere un'idea di cosa intendo per infografica, controlla questo post su 25+ Infografica utili per i web designer. In sostanza, l'infografica è un modo per trasmettere dati noiosi in modo visivamente creativo e interessante. Pensa alle informazioni nel tuo footer e come puoi presentarle in un modo più interattivo e attraente.
10: Bring It To Life
Un po 'di animazione fa molto per aggiungere interesse visivo alla tua pagina.Il piè di pagina nell'esempio sopra mostra gli insetti animati che ballano attorno a una fiamma di candela. L'effetto è un footer accattivante che non puoi fare a meno di fissare per qualche secondo. Raccomando di mantenere le tue animazioni semplici. L'obiettivo è renderlo accattivante senza sminuire troppo il contenuto principale. Altre idee per animazioni sottili potrebbero includere colori pulsanti, nuvole fluttuanti e segni di scorrimento delle notizie.
Conclusione
Ce l'hai, abbastanza suggerimenti creativi di footer per farti andare avanti tutto l'anno. Usa i commenti qui sotto per farci sapere quali esempi ritieni siano i migliori e assicurati di parlarci di ciò che abbiamo perso!
Esempi di piè di pagina trovati su Footer Fetish.