Se n’è accorto da tempo Google, che ora ha annunciato un importante cambiamento nella valutazione dei layout delle pagine: i siti con troppa pubblicità ad inzio pagina (quindi troppi banner “in alto”, nella parte cosiddetta “above the fold”) verranno penalizzati nel posizionamento sul motore di ricerca.

Cosa si intende con “troppa pubblicità”?
Con il nuovo algoritmo, battezzato “page layout algorithm”, non verranno colpiti siti che hanno un livello normale di annunci nella parte superiore della pagina, ma solo quelli con annunci in eccesso o dove è difficile identificare subito i contenuti (magari perché spinti verso il basso da troppi banner).

Esempi di penalizzazioni:

Fonti:
-Search Engine Land

-Il Tagliaerbe

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.

Il Teatro Stabile di Verona lancia una nuova iniziativa dedicata ai giovani che vivono, lavorano o studiano a Verona: con la tessera (gratuita) Teatro under 26 tutti i ragazzi tra i 18 e i 26 anni entrano a teatro a soli 3 euro.

Gli spettacoli offerti sono di primissimo livello, basta dare un’occhiata al calendario dove compaiono nomi come Leo Gullotta, Alessandro Gassman e molti altri.

L’iniziativa non poteva che essere accompagnata da un’importante azione di marketing. Promobit si è occupata della promozione online del progetto attraverso la realizzazione di un sito marketing apposito (www.teatrounder26.it)  lo progettazione e la realizzazione di una procedura semplice ed efficace per il tesseramento degli utenti e per l’invio di una newsletter quindicinale, la promozione su Facebook.

Dal comunicato stampa del Teatro Stabile di Verona: “Ci si rivolge al futuro investendo sulle nuove generazioni anche attraverso lo strumento mediato delle arti figurative ed in particolar modo del teatro, per favorire l’accesso ad un “nuovo” pubblico anche ai cosiddetti luoghi convenzionali, per la promozione della cultura teatrale ed ai grandi eventi del teatro di prosa della città di Verona, consapevoli del fatto che l’educazione al teatro costituisca una componente significativa della formazione dei giovani e della cultura del territorio”.

Visita il sito:

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

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.

Aria di novità in Easybox: nuovo sito, nuova grafica, nuove offerte. Per l’azienda di selfstorage leader in Italia abbiamo curato un sito istituzionale dal design brioso e semplice da usare, focalizzato sulla lead generation (generatore di contatti). Easybox.it è inoltre ricco di contenuti che spiegano in forma dettagliata e pratica come accedere ai vari servizi (un esempio? La guida al self-storage).

Per privati come per aziende, Easybox fornisce spazio extra per conservare e gestire al meglio tutti quei materiali e quegli oggetti che in casa o in sede proprio “non ci stanno più”. Con Easybox si ha la possibilità di depositare ogni tipo di bene in magazzini e depositi individuali, sicuri, puliti, asciutti, accessibili 24 ore su 24 e 7 giorni su 7.

Sette i centri Easybox presenti in Italia: tre a Milano, due a Roma, uno a Genova e uno a Torino.

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.

Oltre a presentare il prodotto e le funzioni dei tracker Mobisat dalla A alla Z (antifurto, localizzazione, gestione flotte, microfono ambientale…), il sito è stato dotato di un apposito Shop: usabile e veloce, permette di effettuare l’aquisto in appena 4 click.

MySatellite vende i dispositivi Mobisat Gps Tracker M102 e M102PRO al prezzo più basso oggi disponibile in rete. E l’investimento è facilmente recuperato perché questi dispositivi GPS permettono inoltre di risparmiare fino al 60% sulla polizza furto.

L’evento richiama un pubblico internazionale, sia Web Agency che Aziende, in cerca di formazione avanzata per “restare un passo avanti” sulle tematiche di progettazione dei siti web. Sul fronte italiano si segnala la presenza di alcune web agency dell’area lombardo-triveneta, tra cui Promobit Communications, Tsw, Gaia e qualche altro operatore.

Il Web nel 2011: l’Utente sempre più al centro

In un evento che ruota tutto intorno a come rendere migliore l’Esperienza dell’Utente internet, il leitmotiv non può che essere: gli obiettivi di business si raggiungono fornendo ai vostri utenti risorse utili tramite un’interfaccia usabile. Ciò che non è utile e non è facile da usare, rappesente un problema.

Penso che sia compito di noi Web Agency agire da “soggetto sensibilizzatore” nei confronti dei clienti, perché in fondo è nel progettare siti/applicazioni secondo questa logica di business che risiede la differenza tra web agency normali” e web agency con una marcia in più (e questo gap sarà sempre più evidente). In fondo i costi della pubblicità online stanno aumentando di anno in anno, il design dei siti allora diventa un momento per ottimizzare gli investimenti e cercare di trarre il massimo dalla spesa pubblicitaria.

L’evento richiama un pubblico internazionale delle migliori teste del web, sia Web Agency che Aziende con un business online. Sul fronte italiano si segnala la presenza di alcune web agency dell’area lombardo-triveneta, tra cui Promobit Communications, Tsw, Gaia.

Che direzione prende il web e come possiamo progettare siti che raggiungono gli obiettivi di business?

Saltando a pié pari tutti i tecnicismi da aula, cerco di stilare una lista dei principali punti di discussione:

1) Interattività con la propria clientela

Assodato che la gente spende poco tempo sul vostro sito e che consulta poche pagine, cosa potete fare? Siti sicuramente costruiti intorno al contenuto ma snelli, leggeri, usabili, magari interattivi e, perché no?, divertenti.
Anche se c’è addirittura chi sostiene addirittura che l’utente vada fatto giocare, si parla piuttosto di qualcosa di utile con cui gli utenti possono “smanettare” per arrivare a soddisfare il proprio bisogno di informazioni.

Esempio. American Express ti aiuta a scegliere la carta di credito più adatta alle tue esigenze tramite un Quiz: Get The Card. Anche l’e-commerce può diventare più interattivo, come questo e-commerce “umanitario”: The Girl Store.

Occhio però a non esagerare, c’è il rischio di fare cose troppo interattive che distolgono l’attenzione del navigatore dal vero obiettivo e magari guastano il sito su altri fronti (ad esempio sul posizionamento).

2) Il mobile è il futuro. Sottolineare futuro.

I numeri di dispositivi mobile sta raggiungendo una massa critica e l’attenzione delle aziende si sta inevitabilmente orientando verso questo canale. Siti web ottimizzati per la navigazione su cellulari e applicazioni per i cellulari sono all’ordine del giorno per le strategie delle aziende che nel web credono e che dal web raccolgono soddisfazioni.

A sentire i relatori, dovrebbe quindi scattare la corsa al mobile oggi stesso, anzi ieri. A voler essere però realisti, la situazione non è forse così urgente per tutte le aziende. I punti critici restano tre:

- Costi di sviluppo. Se eravamo abituati a sviluppare un sito unico, per sviluppare un’applicazione mobile preparatevi a moltiplicare l’investimento: dovrete farne una per Apple, una per Blackberry, una per Nokia, una per Android, una per Windows e così via.
– Navigazione e Contenuti. Se pensate di prendere il sito che avete e di “schiaffarlo” sul cellulare, ripensateci. La gente con il cellulare cerca poche informazioni essenziali e di conseguenza il sito mobile è un sito con modelli di navigazione essenziali. Se ad esempio siete un ristorante, farete un sito mobile con il menù, l’indirizzo, il telefono, la mappa. Fine.
– Nicchia. Le portentose statistiche che spesso leggiamo, non sono italiane. Da noi circa il 13% degli utenti di telefonia si connette almeno 1 volta al mese con il cellulare e sui siti web l’utenza mobile si attesta sul 1%-6% delle visite. Vale la pena smuovere mari e monti? Dipende dai volumi.

Una massima che rivolgiamo ai clienti da qualche tempo è questa: “Non è l’app o il sito mobile che oggi vi cambiano la vita, ma cominciate a pensarci perché prima o poi…”.

3) Social

I benefici della condivisione dei contenuti da un utente all’altro sono evidenti. Sembra impossibile immaginare un sito nuovo senza qualche funzione di condivisione: un bottone “Condividi su Facebook” e un bottone “Segnala ad un amico”  non si negano più a nessuno.

Per fare le cose seriamente si deve però andare oltre: avete la reale necessità di investire nei canali social perché i numeri hanno dimostrato che ne vale la pena? Non basta sviluppare una funzione social sul sito, ma un’intera strategia web di tipo sociale, cioè la vostra Azienda deve convertirsi alle logiche social e il vostro sito una “piattaforma”.

Realtà aziendali a cui applicare tale teorema? Un numero ancora ristretto. Non a caso gli esempi e i casi di studio mostrati si riferiscono ad aziende che campano con il web, che sono web “dentro“, non la tipica PMI italiana. Riguardo a queste ultime, anzi, è pazzesco che ci sia chi si arrovella il cervello in cerca di “qualcosa di social”, quando ancora non ha ottimizzato l’ABC come Google AdWords, SEO, contenuti, usabilità, analytics, ecc.

4) Metodi e Pratiche

Il clou dell’evento riguarda ovviamente la progettazione dei siti. Su questo fronte segnalo un definitivo consolidamento di Principi e Metodi: lo studio e l’analisi iniziale, la prototipazione (cartacea o digitale), una chiara strategia di gestione del contenuto, la programmazione xHTML guidata e documentata, i test di usabilità e l’ottimizzazione costante (anzi, il sito ottimizzato a Ciclo Continuo!).

“Ma voi com’è che fate ’sti siti?”, chiedono ogni tanto i clienti durante i primi incontri. Il mito del designer che preme un pulsante e è duro a morire!
In questo grafico alcuni passaggi del lavoro di sviluppo di un sito secondo UXBasis, che in certi casi può raggiungere un livello di dettaglio maniacale:

5) Il contenuto: Re e Stratega

Nelle sessioni di Content Strategy è stato chiaramente ribadito e dimostrato che realizzare un sito senza una chiara strategia di contenuto è una follia. Del resto gli utenti cercano Informazioni non Siti. Il web è pieno di spazzatura, non aggiungeteci anche la vostra.

Quindi mappe di contenuto, web copywriting, ciclo di vita del contenuto, ecc. sono aspetti che non si possono tralasciare e che vanno discussi molto prima di mettere mani a grafica e al codice, prima ancora di far vedere al cliente le bozze creative.

Si sa com’è: i clienti premono per vedere qualcosa di solido e creativo il prima possibile, anche se dietro a volte non c’è niente a parte una grafica accattivante.
Su questo punto dobbiamo essere risoluti e sensibilizzare i clienti sulla propedeuticità: prima le fondamenta della casa (i contenuti), poi via con l’architettura, la vernice, i mobili, i tappeti, infine gli ospiti.

Conclusione

Il Web evolve, eppure siamo ancora alla preistoria. Pensare a 10, 20, 30 anni nel futuro è praticamente impossibile, tuttavia restare aggiornati su novità ed evoluzioni del Web Design è cruciale. Sempre con il giusto occhio critico e senza slanci gratuiti, naturalmente.
In questo senso la formazione allo UX-LX ripaga: tra cose viste, persone conosciute e chiacchiere fatte, rientriamo da Lisbona con visioni e idee stimolanti (e lo stomaco pieno di ottimo pesce d’oceano!)
Secondo me un evento di riferimento per Designer, Project Manager, Content Manager e Web Marketer in generale.