L’esperimento
Nel corso di 6 settimane migliaia di utenti sono stati indirizzati alla Landing Page e mandati equamente sulle 3 versioni diverse che avevamo preparato: 33% sulla pagina A, 33% sulla pagina B, 33% sulla pagina C.

Elementi di differenziazione
In cosa si differenziavano le pagine? Abbiamo deciso lavorare sulle differenze sottili non legate all’offerta in sè, perché i tassi di conversioni della vecchia pagina utilizzata dal cliente erano già soddisfacenti. E’ nel dettaglio che si può celare un miglioramento. Creato quindi un unico impianto grafico e contenutistico,  le 3 versioni si differenziavano solamente nei Titoli e nella Call to Action.

Risultato
Vince la pagina B che stacca di 8 punti percentuale la pagina A e di 4 punti percentuale la C.

I codici QR pubblicitari si vedono ovunque: nelle riviste, nei comunicati stampa, sui cartelloni pubblicitari, sugli autobus, nelle email.

Ma quanta gente si prende la briga di andarsi a vedere online i QR pubblicitari? Secondo recenti studi, gran poca. In poche parole, non se li fila nessuno. La spiegazione? Semplice, la tecnologia alla base di codici a barre non è stata inventata per la pubblicità e il marketing, questi settori hanno tentato di applicarla per i loro scopi ma con risultati deludenti.

Tra il fatto che la maggiorparte delle persone non ha ancora capito bene come funziona e la quasi totale mancanza di creatività nella sua applicazione, sembrerebbe che il codice QR sia destinato a diventare solo una piccola scatola per Geek (appassionati di tecnologia).

Sean X Cummings, marketing strategist, ha fatto al riguardo un simpatico esperimento on the road: ha chiesto a 300 passanti di spiegare a cosa servisse il codice Qr, in cambio avrebbero ricevuto un dono.

Ecco i risultati:

- l’11 % ha risposto correttamente
-il 29 % ha risposto con “E’ qualcosa di simile a un codice a barre”
-il 7 % lo ha classificato come qualche variante di “Quelle cose che se le guardi bene ti appare un’immagine nascosta in 3D”
-il restante 53 % ha sparato di tutto: da un codice segreto militare, coreano ad una mappa stradale aerea di San Francisco

Il bello è che l’indagine è stata condotta a San Francisco, la vera e propria Mecca del pianeta per la tecnologia. Quando Sean ha chiesto a chi sapeva di cosa si trattava il codice di leggerlo con il proprio telefono, solo il 45 % di questi era in grado di farlo, e ci sono voluti in media di 47 secondi per prendere il telefono e trovare l’applicazione per leggere il codice QR. Per fortuna che dovrebbe essere un modo di fare del marketing “rapido e diretto”, QR starebbe in teoria Quick Response: risposta rapida.

Per ora la sua applicazione principale sono i video game ma sempre più imprese stanno integrando le loro strategie di marketing con degli “elementi aumentati”. Per accedere a questa nuova realtà a più livelli è necessario essere in possesso di un dispositivo mobile, come un telefonino di ultima generazione (l’iPhone, i Windows Phone o un telefono Android) o di un PC dotato di webcam.

Ecco un simpatico esempio di realtà aumentata:

Vediamo adesso esempi di realtà aumentata applicata in diversi settori:

# GIOCHI

Se nei giochi l’uso della realtà aumentata è piuttosto frequente, l’esempio qui sotto ne riporta un’applicazione davvero impressionante.
La tecnologia in questione è stata infatti associata ad un altra made in Nasa: la SLAM (localizzazione e mappatura simultanea). La fotocamera del dispositivo fa una sorta di scanner della realtà che ci circonda, ne fa una mappatura e ne costruisce un modelle 3D in tempo reale.

# SICUREZZA STRADALE

Il ministero degli Interni di Mosca ha creato una app mobile e un sito web che utilizzano la realtà aumentata per ricordare a conducenti e pedoni i pericoli presenti sulle strade russe. Puntando il dispositivo mobile verso la strada si visualizzano sul display i luoghi dove sono avvenuti degli incidenti e dove sono decedute delle persone.

# POLITICA

Il partito dei Verdi di Berlino ha recentemente creato un’applicazione mobile in concomitanza della sua campagna elettorale.

La caratteristica principale dell’app è che fa parlare i manifesti elettorali. Quando scarichi l’applicazione e passi il tuo mobile davanti ai manifesti appaiono su di essi i video dei Verdi.

Ecco i cartelloni in azione:

# SALES

La LutinCapuche, azienda produttrice di peluche fatti a mano, usa la piattaforma per realtà aumentata Layar per creare delle esperienza virtuali di shopping. Due le applicazioni principali: LCPlush Shop da usare direttamente nei negozi e LCPlush Anywhere, che consente ai clienti in qualsiasi parte del mondo di visitare il negozio virtuale, esplorare i prodotti in rendering 3D e fare acquisti.

Liberamente tratto da  Augmented Reality: 5 Ways it Can Change Your World

Una volta che ti sei loggato a Facebook dal sito Ticketmaster, ti appare una lista di amici che si recheranno al tuo stesso concerto.

Quando si clicca su una sezione e si scorrono con il mouse i posti prenotati si apre una finestra che mostra chi c’è a quel posto.

E’ così possibile scegliere di acquistare i biglietti vicino a un amico, o dalla parte opposta dell’arena rispetto a dove è seduto il capo.

Si possono anche taggare gli amici sui loro posti proprio come si fa con le foto ma i partecipanti vengo avvertiti e possono ovviamente scegliere di non far sapere a tutti cosa fanno il sabato sera.

Nathan Hubbard, CEO di Ticketmaster, sostiene:  “Se un gruppo di persone va a vedere una certa band o fa il tifo per la stessa squadra vuol dire che ha una passione in comune. Perché non consentire loro di connettersi prima del concerto?”

Fonte: Fastcompany

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.

Il Better Software 2011 è una conferenza eclettica dove i maggiori esperti nazionali di software si incontrano con lo scopo di far nascere idee e trovare nuove ispirazioni.

I nostri Enrico e Luca hanno partecipato alla conferenza e ai workshop, eccovi un sunto di quanto è stato detto e fatto.

La User Experience: se l’utente è un “utonto”.

Tema cruciale della relazione sulla User Experience è stata la necessità di porre molta attenzione all‘utente finale, che deve essere guidato passo per passo e al quale deve essere agevolata più possibile la via (e la vita).

Produzione snella: eliminare lo spreco.

Si è poi parlato di Lean e di come rendere davvero efficiente la fase di produzione di un progetto. Il segreto è concepire la produzione come un processo ciclico dove lo studio è continuo: il progetto non viene consegnato al cliente finito, ma ancora sotto forma di “bozza”.

Dopo essere stato visionato dal cliente il progetto torna al suo creatore che provvede a migliorarlo e a apportare le modifiche in linea con le esigenze del cliente, nei limiti del possibile.

Insomma, bisogna lasciare che sia il cliente a “tirare” il processo, non produrre niente fino a che non ce ne sia
bisogno e poi produrlo velocemente.

Nel team di produzione, il Projet Manager deve avere una visione d’insieme del progetto. Concepiamo il design per fasi: quello definitivo si dovrebbe fare dopo il rilascio e il progetto andrebbe migliorato mese per mese del 5-10%.

Vi lasciamo con due massime che abbiamo trovato particolarmente brillanti.

Come dice Steve Jobs: “Non è compito degli utenti sapere cosa vogliono”. Ecco perché un buon Designer guida l’utente nella navigazione, la rende semplice e intuitiva.

“Se vince il cliente vinciamo noi”: per questo è importante fornire assistenza qualificata al cliente.

Organizzata annualmente nelle maggiori capitali del mondo dal guru dell’usabilità Jakob Nielsen, è l’occasione per noi professionisti del web marketing di aggiornarci e imparare sempre di più sugli standard:

• con i quali le persone si relazionano con i siti web
• con i quali i quali progettare siti web pensati per soddisfare l’utente e raggiungere i propri obiettivi
• al fine di ottimizzare gli investimenti in comunicazione online dei nostri clienti.

Problemi di usabilità = problemi di comunicazione online

Ancora oggi poca attenzione è posta dalle agenzie web e dalle agenzie web marketing a questo aspetto, eppure i problemi di Usabilità dei siti web si ripercuotono pienamente sul web marketing stesso!
A tutti noi infatti basta navigare un sito poco usabile per capire che “qualcosa non va”, che “potrebbe essere migliore”. Per questo motivo il nostro impegno va nella direzione di creare siti web più usabili quindi più performanti.

Esiste infatti un problema di usabilità (e quindi performance per l’azienda!) ogni volta che abbiamo problemi a rintracciare un’informazione su un sito, a trovare i dettagli di un prodotto, a contattare l’azienda, ad eseguire un’acquisto online… insomma ogni volta che l’utente cerca di portare a termine un’azione e non vi riesce facilmente o non vi riesce a fatto. Pensiamo solo in ottica di ottimizzazione degli investimenti web, che salto in avanti potrebbe fare il sito web di un’aziende se avesse maggiore cura di questa voce.

Vantaggi di un sito usabile? Siti più usabili = siti più performanti

Le ricerche e la formazione nel campo permettono di creare siti sempre più usabili, vale a dire siti:

• facili da utilizzare
• efficienti ed efficaci
• che riducono gli errori
• piacevoli da navigare
• facili da ricordare

Se aumentano l’efficacia, l’efficienza e la soddisfazione con la quale l’utente porta a termine i propri obiettivi, significa che il sito web – che è un mezzo – ha fatto ciò che per cui è stato progettato.

Linee guida dell’Usabilità per siti web

L’usabilità è una scienza empirica, solo le misurazioni sul campo (cioè osservare quello che le persone fanno navigando i siti internet) possono fornire le giuste indicazioni su “come fare un sito” e “come migliorare un sito esistente”.

Non per niente durante la Usability Week vengono presentati decine e decine di pratiche, esempi e casi di studio condotti sul campo, anche a video: riprese reali di navigatori ai quali viene chiesto di compiere un’azione come ad es. “Trova l’informazione X su questo sito e chiedi maggiori informazioni”, “Compra il prodotto Y su questo sito e-commerce”, “Contatta l’azienda per il servizio Z”. L’osservazione e la reazione degli utenti, permette di definire degli standard di qualità dell’usabilità web da applicare alla progettazione dei siti.

Un giudizio?
Esperienza sicuramente molto positiva, consigliata a tutti i colleghi professionisti e in generale a chi ha intenzione di progettare siti internet che “funzionino meglio”.

Una recente ricerca sulla retina oculare dimostra che gli annunci testuali sono i più osservati in assoluto, seguono le pubblicità con immagini e molto più indietro quelle animate.

Al contrario di quello che si pensa, non sono quindi le animazioni o le immagini a colpire maggiormente il nostro occhio, nonostante tutta la buona volontà nella scelta dell’immagine o nella realizzazione dell’animazione: è il testo delle pubblicità ad essere “sbirciato” maggiormente (pensiamo ad esempio agli annunci Google).

Quali sono i motivi principali per cui le pubblicità testuali ci colpiscono di più?

a) In internet il testo è la vera informazione. A differenza della televisione, il web è fatto di azioni: “clicca”, “cerca”, “registrati”, “compra”, “scarica”… e di conseguenza saremo sempre più attratti dal contenuto che ci porta dove vogliamo arrivare.

b) Tendiamo a confondere le pubblicità testuali con le informazioni testuali: in fondo si tratta sempre di testo! La carta stampata usa da tempo questo trucchetto (a tutti sarà capitato di vedere le pubblicità scritte come un articolo di giornale).

c) Se in TV evitiamo la pubblicità cambiando canale, anche sul web succede qualcosa del genere: si chiama cecità ai banner, inconsciamente il nostro occhio tende ad ignorare tutte le immagini e le animazioni pubblicitarie piazzate sui siti, capisce in una frazione di secondo che si tratta di contenuto pubblicitario e lo scarta. La cecità ai banner è particolarmente forte quando visitiamo siti che conosciamo già e sappiamo già dove si trovano le pubblicità.

d) Nel caso degli annunci testuali sui motori di ricerca, il nostro tasso di attenzione sarà per forza di cose maggiore.  Siamo noi che stiamo cercando un’informazione in quel preciso istante e anche gli annunci di uno o più inserzionisti possono fare al caso nostro.

Conclusione
Precisato che “guardare” non significa “interagire” e che essere guardati non è l’obiettivo di una campagna web, una buona azione di pubblicità online avrà sempre bisogno dell’apporto della scrittura persuasiva.
E’ il testo a rappresentare la vera miniera di informazioni per gli utenti, sia a livello di annunci pubblicitari che di testi per le proprie Landing Page.

[fonte: Eyetracking Web Usability, Jakob Nielsen]

Come mai allora sempre più spesso ci imbattiamo in pagine firmate da professionisti del web marketing, che sono lunghe e piene zeppe di contenuti tutti da scrollare? Come mai landing page lunghe e piuttosto impegnative agli occhi degli utenti funzionano lo stesso?

Nell’ultima Alertbox di marzo: “Scrolling and Attention”, Jakob Nielsen torna sull’argomento spiegandoci che il problema non sta nella lunghezza, ma nella potenza con cui i nostri testi riescono a trascinare l’attenzione e l’interesse dei lettori, sino in fondo alla pagina.

Personalmente, imbattendomi in una pagina web molto lunga spero sempre di trovare una grande quantità di informazioni. Ma devo capire subito se sono contenuti utili o almeno affascinati per la mia ricerca. Posso anche prendermi il tempo di sedermi e banchettare con calma un pasto prelibato, ma solo se già dal primo assaggio posso immaginare altre raffinatezze.

Anche se ormai da utenti navigati riusciamo a scrollare la lunghezza delle pagina senza alcun problema, le ricerche di Nielsen mostrano che quello che leggiamo nella parte alta di una pagina web, above the fold o above the scroll, rimane essenziale per convincerci ad andare oltre.
Quello che conta è “l’antipasto dell’informazione“: ad apertura di pagina devo assaggiare subito qualcosa di buono.
Sarà la prelibatezza, la qualità e l’intensità di quel primo sapore a determinare il mio entusiasmo nell’andare avanti nella lettura o, per dirla con Nielsen, a carburare il motore dell’attenzione.

Scrollare o non scrollare? Il problema è mantenere alto l’interesse!

Gli utenti passano l’80% del tempo nella parte alta della pagina, in ciò che vedono nella prima schermata: se abbiamo qualcosa di importante da dire, dobbiamo farlo lì e chiudere il nostro contenuto in una pagina breve.

L’alternativa è di concentrare nelle prime righe quel poco che riesce a suscitare curiosità per quello che viene dopo e ancora non mostriamo. Il resto sarà un equilibrato lavoro di strutturazione e formattazione dell’intera pagina, perché l’utente possa esplorarla facilmente con gli occhi.

E alla fine di ogni buon pasto non può mancare il dolce: l’attenzione dell’utente, per quanto intensa all’inizio, si affievolisce mano a mano che si scende nella pagina, cosa se no di meglio riuscire a rinvigorirne l’interesse, una scossa che lo risvegli proprio nell’ultima riga.
Un sussulto che Nielsen chiama recency effect, uno zuccherino per saziare la sua fame di informazione, un’ultima dolcezza: quella che ricorderà sicuramente anche dopo aver chiuso la pagina.