Il fondo della pagina, la fine del tuo lavoro di web design, la sezione conclusiva del tuo sito. Questo è il footer. La parte della pagina web che, in una interpretazione classica, è utilizzata esclusivamente per copyright e alcuni link.

Siamo a tutti gli effetti nell’Era di Internet e un sito web non è più una veloce vetrina di presentazione per aziende lungimiranti o strani nerd e geek. Al giorno d’oggi un sito web deve funzionare, deve essere interattivo, deve comunicare idee e presentare in modo unico servizi e prodotti. Nel web design moderno, fortunatamente, designer e developer stanno dicendo “NO” a footer standard e noiosi.
E’ un vero e proprio crimine trascurare la naturale conclusione di un progetto per il web utilizzando una semplice linea e alcuni link. Un sito solido, ben fatto e promettente ha bisogno di una intestazione perfetta, un corpo con testi leggibili e ordinati, grandi contenuti, ma anche di un footer “interattivo”, che lasci il segno.

Come i Visitatori Interagiscono con il Footer

E’ importante a questo punto capire come gli utenti interagiscono con il footer di un sito web in modo da presentare loro un piè di pagina usabile e funzionale.
I lettori attenti, che cercano informazioni riguardanti il copyright, su chi ha realizzato la grafica, il disclaimers o per i dettagli dei contatti, sicuramente pensano di trovare valide risorse nel footer. Visitatori che vogliono sapere di più sul backstage del progetto potrebbero scrollare la pagina fino in fondo per approfondire la conoscenza di autori e filosofia di pensiero dietro la pubblicazione web. C’è anche chi capita per caso sul tuo sito e l’utente distratto che scrolla e scandisce le tue pagine senza soffermarsi a leggere molto di quello che c’è scritto.

E’ chiaro a questo punto che si hanno sue macro-categorie di utenti sulla quale concentrare gli sforzi in fase di progetto per presentare loro un prodotto facilmente consultabile.

• Utenti Attivi
  Per diverse ragioni sono interessati a conoscere dettagli sul progetto. E’ importante riportare tutte le side-info (contatti, about us, disclaimer, licenze etc…) per i visitatori attenti e affamati di informazioni
• Utenti Passivi
  Scrollano e scandiscono distrattamente le pagine web. C’è bisogno di catturare la loro attenzione

Bene. Un footer sorprendente, creativo, grande e ricco di informazioni potrebbe fare al caso nostro.

Perché Dovresti Considerare un Footer Grande e Interattivo

Ci sono alcune linee guida (o consigli, se suona meglio) che un designer dovrebbe seguire nella costruzione del fondo della pagina.

Prima di tutto è buona norma mantenere una linea grafica omegenea. Certo, separare il footer dal contenuto è una regola che resta comunque valida; ma il tema generale deve essere finalizzato in modo opportuno rispettando la logica seguita nel resto del design. Un footer grande e usabile non vuol dire creare un layout completamente nuovo all’interno del sito.

E’ assolutamente necessario fornire informazioni aggiuntive sul progetto, pratici link per approfondire la conoscenza del sito web e dettagli sui contatti, in modo semplice e diretto.
Alcuni utenti sono interessati ad avere approfondimenti di varia natura e chi progetta il sito deve essere in grado di rendere fruibili e facili da trovare risorse del genere, risorse che magari i lettori abituali non trovano interessanti. Il posto migliore per mettere in evidenza queste “note secondarie”? Il footer!

Il vero lavoraccio è attirare l’attenzione del visitatore distratto, non curante dei contenuti che passano sotto i suoi occhi e che si lascia ammaliare solo da alcuni elementi del sito. Sappiamo benissimo che la prima impressione è importante e che c’è bisogno di un header perfetto e ormai moltissimi siti web hanno intestazioni da favola. E’ evidente anche che si ha la necessità di organizzare i contenuti opportunamente e farli visualizzare dal browser in modo ordinato, magari con un pizzico di creatività, e attualmente c’è l’imbarazzo della scelta in questo senso. Quindi, la domanda è: perché non utilizzare il footer per inserire il “WOW” Factor nel tuo lavoro di grafica per il web? Sii creativo, fornisci utili link e dettagli, evidenzia le sezioni migliori del tuo sito costruendo un footer brillante, grande e creativo.

Sono convinto che con questo tipo di scelta un sito possa diventare realmente usabile, diretto e comunicativo. Resta da ponderare oculatamente il tipo di contenuti da riportare in questa sezione. Qui in basso un lista con qualche utile spunto (non dimenticare, ovviamente, i classici crediti).

• Mappa del sito con pagine importanti
• Una veloce presentazione
• Dettaglio dei contatti
• Semplice contact form
• Link a risorse utili
• Breadcrumb
• Lista con siti amici e partner
• Search form
• Notizie e post recenti
• Ultimi commenti
• Categorie e tag rilevanti
• Ultimi tweet da Twitter
• Link ai prifili sui Social Network
• Bottone “Back to top”

Uno stile piacevole e un layout pulito sono essenziali per ogni lavoro di web design e se hai intenzione di creare un footer usabile e solido dovresti farlo utilizzando un layout intellegente a più colonne. Questa soluzione richiede una buona tipografia per evidenziare la gerarchia tra link e titoli; delle liste ordinate e ben bilanciate, magari impreziosite da icone e simboli; un uso razionale degli spazi bianchi per separare diversi blocchi ed elementi e migliorare la leggibilità. Tutti elementi che, se ben miscelati, possono far diventare quello strano inutile contenitore di crediti e informazioni secondarie una sezione del sito realmente utile ai lettori.
Benefici nel creare un footer completo e creativo?

• Semplifica la navigazione e incoraggia gli utenti a visitare nuove pagine
• Migliora il look and feel del tuo design
• Promuove pagine importanti del tuo sito e altre cose interessanti
• Evidenzia informazioni aggiuntive per conoscere meglio autori, sviluppo e propositi del progetto web
• Migliora l’usabilità
• Ti permette di liberare la fantasia ed essere creativo

Non dimenticare, però, di restare concentrato su quelli che sono i tuoi scopi, un footer grande potrebbe anche risultare semplicemente invadente e irritare gli utenti. Se il tipo di pubblicazione non necessita di una soluzione del genere per raggiungere quelli che sono gli obiettivi prefissati, considera anche l’ipotesi di utilizzare soluzioni classiche o meno “invasive”.

Ora una vetrina completa attraverso la quale è possibile osservare e analizzare splendidi esempi di Footer Design. Enjoy it!

Showcase di Footer Grandi, Creativi e Ricchi di Informazioni

Di seguito sono riportati davvero splendidi lavori. C’è da sottolineare che alcuni di essi, come The Pixel e Ligne13, non riportanto informazioni dettagliate, ma ho deciso comunque di segnalarli, in primis per le loro dimensioni, ma principalmente, per l’elevata creatività dimostrata da chi li ha disegnati.

Boagworld

Portfolio of Rob Palmer

Kyle Fiedler

Duirwaigh

Idea Foundry

Jason Santa Maria

MonDaily

N.Design Studio

Help-Portrait

Carsonified Events

Bogdan Teodorescu

Ligonier Ministries

Incubus

Ecoki

Yaron Schoen

David Hellmann

I primi dieci

Versions

Evolve Printing

Los colores olvidados

Your Inspiration Web

DesignWorksGarage

Ligne Treize

DrupalCon

Urban Roots

ProBlogger

Elliot Jay Stocks

Mr. Diggles

10 Words

The Pixel

Creamy CSS Showcase

Sihirli Blog

Jiri Tvrdek

YoDiv

EctoMachine

Brian Hoff

Story Pixel

PSDTuts+

The Blizzards

SocialSnack