Ma come fare a direzionare i navigatori esattamente dove vogliamo noi e a farli cliccare “proprio lì”?

Si possono utilizzare diverse soluzioni grafiche, dei trucchetti.
Vediamo alcuni suggerimenti di Oli Gardner, fotografo e designer di fama internazionale.

Gardner dividere le sue strategie in:

• Indicazioni di tipo “subliminale”
• Esplicite indicazioni direzionali

Indicazioni di tipo subliminale

1. AREE NEUTRE

Le “areebianche” sono zone neutre che circondano una zona d’importanza e che consentono all’utente di focalizzare l’attenzione solo un elemento. Nell’esempio vediamo il paesaggio a tinte chiare che circonda il nostro punto d’interesse: l’antilope.

2. COLORE

In base al tipo di colore utilizzato si generano diverse reazioni emotive negli utenti. L’arancione genera sentimenti positivi, il verde spinge all’azione, mentre il blu è il classico colore che viene utilizzato per creare collegamenti.

In una landing page il nostro obbiettivo deve dominare la pagina, quindi è consigliabile creare una pagina tutta dello stesso colore fatta eccezione per il nostro punto di interesse (la cavallettta nell’esempio).

3. EFFETTO SORPRESA

Gli utenti hanno imparato con il tempo a riconoscere la posizione e la forma della pubblicità sui siti. Ecco perchè i banner dovrebbero trovarsi in posizioni, nei limiti del possibile, “fuori luogo“. In realtà, basterebbe anche una semplice rotazione di 30/40 gradi del banner per attirare l’attenzione del navigatore.

L’omino nell’immagine è talmente fuori luogo da spiengere chi lo vede a chiedersi se si tratti di un fotomontaggio (la risposta è si).

Esplicite indicazioni direzionali

4. LE FRECCE

Sembrerà banale, ma le frecce rappresentano ancora il metodo più efficace per dire all’utente: ignora tutto il resto, “qui c’è quello che cerchi”. Anch’esse possono essere collocate in modo originale e con angolazioni particolari.

5. I PERCORSI

E’ importante creare percorsi visuali che invitino l’utente a seguirli. I percorsi meglio riusciti sono quelli che ricordano indicatori direzionali già esistenti in natura e che quindi il nostro cervello segue perché già conosce, le strade ne sono un esempio. Un altro percorso efficace è quello a tringolo, una delle figure geometriche che più rimanda al dinamismo.

Liberamente tratto da “Design for conversion“, di Oli Gardner.

1- Gestire i contenuti in  autonomia e libertà
L’indubbio vantaggio di un CMS è di permettere l’aggiornamento dei contenuti  del sito in maniera autonoma, senza ricorrere alla propria web agency per le modifiche. In questo modo si guadagna in tempo e costi.
Es. Bastano un nome utente e un password e si potranno aggiornare testi, offerte, immagini, ecc. in totale autonomia.

2- Per ogni dimensione: siti web, portali, e-commerce
I CMS sono oggi lo standard in tutto il mondo per gestire ogni genere di sito, dal più semplice sito aziendale fino a progetti complessi come portali o siti di e-commerce. I soggetti che gestiscono questi siti hanno infatti tutti la medesima esigenza: caricare contenuti in maniera autonoma e con una certa frequenza.
Es. Nel caso di un sito web aziendale può trattarsi di nuovi servizi o articoli di approfondimenti; nel caso di un e-commerce si tratterà di nuovi prodotti, nuove foto e offerte; nel caso di un portale i contenuti da caricare sono diversissimi.

3- Visibilità naturale sui motori di ricerca
I CMS moderni sono progettati nel pieno rispetto delle linee guida di Google e dei motori di ricerca. I contenuti pubblicati tramite una piattaforma CMS quindi godranna di una naturale predisposizione all’indicizzazione su Google.
Es. Tutte le pagine del CMS, permettono la scelta di appositi titoli, descrizioni e parole chiave per agevolare l’indicizzazione sui motori.

4- Flessibilità, personalizzazione, espansione, integrazione
Un CMS serio permette la massima personalizzazione non solo in fase di realizzazione ma anche in seguito. E’ possibile infatti dotare il proprio CMS di nuovi moduli (es. modulo e-commerce, modulo registrazione utenti, ecc.), dotarlo di un software di statistiche e web analytics o integrarlo con eventuali database aziendali già esistenti per collegare i dati online con quelli offline.
Es. Oggi l’azienda ha bisogno di un sito che presenta i prodotti, domani ha necessità di vendere direttamente online quei prodotti: basterà aggiornare il CMS con un apposito modulo per l’e-commerce.

5- Non solo pagine web: pubblicazione multicanale
I CMS più avanzati permettono di pubblicare non solo pagine web sul dominio aziendale www.miosito.it, ma di distribuire i propri contenuti anche tramite l’invio di una Newsletter o tramite feed RSS.
Es. Se gestiamo un sito e-commerce, potremmo segnalare ai nostri clienti fidelizzati le nuove offerte in corso.

6- Gestione di utenti e gruppi
Ammettiamo che in azienda non tutti debbano avere accesso totale alla gestione del sito e che vi siano persone che possono “amministrare” il sito mentre altre (magari collaborati esterni) hanno principalmente la necessità di aggiornare news o offerte. Il CMS permette di creare Utenti amministratori e Utenti editori cui è riservata la pubblicazione di determinati contenuti. Sul lato pubblico, poi, il CMS può prevedere la possibilità per i visitatori del sito di registrarsi per accedere a servizi o risorse particolari.
Es. La maggior parte dei portali oggi offre agli utenti la registrazione per utilizzare tutti la gamma di servizi.

Caso concreto: una recente realizzazione di Promobit Communications
Per Living Immobiliare abbiamo sviluppato su piattaforma CMS il sito www.veronaliving.it (clicca per visitare), che permette all’agenzia immobiliare di gestire in totale autonomia sia le offerte di affitti-vendite immobiliari che articoli di approfondimento sul settore immobiliare e il risparmio energetico.

Fra quelle indicate trovo molto interessante il proliferare di design scuri abbinati a colori molto vivaci. Nonché la presenza di mascotte vettoriali pronte ad umanizzare e rendere più “divertente” il sito. Rispetto agli anni passati (ricordo i layout flash in stile fantascienza) il trend del 2007 è stato sicuramente quello di rendere il web più “cartoon” con sovrabbondare di box pastello e linee morbide.

A proposito di mascotte si esprime anche l’autorevole Smashing Magazine con una galleria ragionata di mascotte del web com’è nel suo stile inconfondibile.

Chiudo con un’osservazione: non voglio certo fare politica, ma provate aguardare lo sfondo su cui campeggia il logo del Partito Democratico nel video della conferenza stampa dei Circoli PD… quel verde acido che fa molto web è il segno: il web sta invadendo l’Italia!

Inutile dire che spesso il web ci viene in aiuto offrendo strumenti di rapida consultazione per dare quel tocco di originalità in più alle nostre creazioni.

Per quanto riguarda i font, ho trovato interessante Fawnt, che permette di cercare fra una nutrita schiera di caratteri freeware e ne visualizza un’anteprima.

Sul fronte delle icone troviamo Iconlet, un motore di ricerca sullo stile della ricerca immagini di Google che estrapola i risultati da una serie di librerie di icone free (fra cui anche le famose famfamfam).

Un’altro interessante esperimento in questo campo è Sosymbol, attraverso il quale non solo è possibile scaricare icone preconfezionalte, ma addirittura crearle online, mescolando elementi grafici e sfondi colorati.