Quindi, in uno scenario in cui tutto è uniforme , è difficile distinguere degli elementi percettivi che possono servire da punti di riferimento.

L’uomo si impadronisce dell’ambiente attraverso delle strutture percettive guida, che vengono meno in uno scenario in cui tutto è uniforme. Per potersi muovere con disinvoltura ha bisogno di identificare dei punti di riferimento all’interno dell’ambiente che lo circonda, anche se magari questi non sono considerati a prima vista come fondamentali.

Vi pongo un altro esempio. Pensiamo a quando ci si mette alla guida di un auto con i vetri ghiacciati, dove abbiamo solo una piccola porzione di visuale a disposizione per vedere ciò che sta davanti a noi.

Sebbene noi vediamo dove stiamo andando, non sono visibili le configurazioni percettive che normalmente guidano i nostri spostamenti: il ciglio della strada, gli specchietti retrovisori, ecc. Questi elementi, che apparentemente in una situazione di normali condizioni riteniamo secondari, ci permettono di muoverci in sicurezza e senza di essi la nostra guida diventa pericolosa.

Voi direte ma che cosa centra questo con un blog che parla di web?

Questo contenuto iniziale è ripreso dal libro di psicologia generale scritto da Sergio Roncato, professore di psicologia generale all’Università di Padova, che mostra dei parallelismi molto stretti tra ciò che viviamo tutti i giorni nel mondo reale e le esperienze di navigazione nei siti web.

Molto spesso il modo in cui l’uomo si orienta nello spazio e negli ambienti del mondo reale è lo stesso in cui attualmente si orienta nel web: è possibile applicare metodi di information architecture per progettare spazi (qui qualche esempio interessante ) o usare i modelli mentali  per progettare interfacce web usabili.

Una strada diritta con tutte le case uguali, può essere comparata ad una pagina web dove non vi sono elementi in risalto. L’utente in questa pagina deve trovare il link che gli permette di soddisfare un suo bisogno: tutto è apparentemente uguale e da un esame veloce dell’interfaccia (ambiente) non si distinguono punti di riferimento in grado di aiutarlo. E’ quindi costretto a leggere tutte le etichette e le informazioni presenti (nomi sui campanelli) per trovare il link corretto (ingresso della casa dell’amico).

Credits: http://www.webalice.it/aekyoungkim/images/Labirinto_pilastro_Duomo Lucca.jpg

Per dare dei punti di riferimento all’utente ci sono diversi piccoli accorgimenti da prendere in considerazione:

• utilizzare font diversi a seconda dell’importanza dell’elemento (titoli, sottotitoli);
• usare sempre una titolazione di pagina;
• utilizzare le breadcrumbs;
• rendere linkabile il logo in alto a sinistra del sito con destinazione homepage;
• dare un menù di navigazione che permetta di vedere a primo acchito quali sono i contenuti del sito;
• ecc.

L’orientamento all’interno dell’interfaccia è fondamentale, ma spesso non viene agevolato da chi sviluppa il sito web: il perché è spiegato nel secondo esempio.

Un uomo alla guida crede che ciò che vede davanti a sé, ovvero la strada, sia l’unica cosa importante per espletare il suo compito, ma solo quando si trova in una situazione di visuale limitata capisce lo smarrimento e l’importanza di elementi secondari.

Allo stesso modo, chi lavora alla costruzione di un sito web può trovarsi involontariamente nella situazione in cui dà fin troppa importanza ad alcuni aspetti particolari del contenuto, a scapito di elementi secondari che sono invece fondamentali per gli utenti, per orientarsi ed avere una user experience soddisfacente.
Si finisce, quindi, per non tenere conto delle breadcrumbs o della coerenza dei font, e di controllare invece in maniera ossessiva e maniacale il copy, oppure l’impatto di colori di due immagini inserite in uno slideshow, ecc.

Sono sicuro che quasi tutti i lavoratori del web che stanno leggendo il post almeno una volta si saranno trovati in una situazione simile. La prossima volta, spero che queste considerazioni potranno essere utili. :-)

Spam era una marca di carne in scatola pubblicizzata in modo talmente insistente da essere ripresa anche dai Monty Python durante la serie televisiva Monty Python’s Flying Circus (guardate la puntata originale e prestate attenzione anche ai titoli di coda!).

L’utilizzo del termine “spamming” (fare dello spam) ha assunto il significato di “invio di grandi quantità di pubblicità non richiesta”, oggi però lo spamming non è solamente una metodologia di marketing immorale, ma si è evoluto in un mezzo attraverso il quale veicolare la “pesca all’utonto”: con questo termine si indica un neologismo usato tipicamente tra i tecnici informatici che deriva dalla fusione delle parole “utente” e “tonto” e che identifica gli utenti che cadono nelle problematiche o trappole più comuni. La definizione di “utonto”, quindi, non sta tanto a sottolineare l’ignoranza in materia informatica, quanto piuttosto l’incosapevolezza delle meccaniche legate alle proprie azioni.

Una mail di phishing è solitamente una comunicazione fatta con tono ufficiale da parte di enti o società che destano particolare interesse per l’utente, come ad esempio: le Poste Italiane, un avvocato, il Comando dei Carabinieri, una banca, Ebay, ecc..  Si tratta di pagine costruite ad-hoc per assomigliare esteticamente a quelle originali dell’ente di cui millantano l’appartenenza e nelle quali siamo invitati a fornire nostri dati personali.

Il phishing è una sorta di spam 2.0, che mira a far interagire gli “utonti” chiedendo loro di pubblicare informazioni personali. Azzarderei che il phishing è anche l’unica vera forma di hacking telematico, dal momento che “l’hacker dei film” praticamente non esiste e un’azione di hacking è nel 95% dei casi un’azione sociale: la raccolta di post-it dalla scrivania, o la richiesta di una password con qualche pretesto. Come abbiamo appena visto gli spammer usano dei pretesti, spedendo e-mail a grandi quantità di persone e facendo affidamento alla statistica: su 1 milione di invii almeno 1 utonto abboccherà all’amo.

Come difendersi? Non c’è soluzione? …Basta ricordare i consigli della mamma, di quando eravamo piccoli…

1. Mamma diceva: “non dire agli sconosciuti chi sei e dove vivi!”
Non scrivete mai la vostra mail su forum, blog o altre pagine web pubbliche, considerate l’opportunità del messaggio privato.
Nei forum solitamente si può contattare un utente mandando dei PM (Private Messages), una sorta di email che funziona solo all’interno del forum, scriversi via PM è sicuro e se proprio volete fornire la vostra mail all’interlocutore fatelo all’interno di uno di questi messaggi, in modo che solo lui la conosca.

2. Mamma diceva: “se hai bisogno di aiuto fidati di chi conosci o delle forze dell’ordine!”
Se non potete fare a meno di scrivere la vostra mail su pagine pubbliche cercate almeno di renderla interpretabile, non trasparente.
Il sistema CAPCHA (quei numeri o lettere scritti male che alcuni siti web ci chiedono di copiare per dimostrare di essere degli utenti umani e non dei programmi automatizzati) ci insegna che si può descrivere un concetto senza necessariamente esplicitarlo in modo da evitare che i programmi usati dagli spammer  siano in grado di catturare il vostro indirizzo dalle pagine web per gli invii automatici di massa.

<< ciao il mio indirizzo è giuseppe.verdi(chiocciolina)tsw.it >>
<< -x-giuseppe.verdi@-x-tsw. it (ricordati di rimuovere tutte le “–x–” ) >>
<< il mio indirizzo è nome.cognome@tsw.it e mi chiamo Giuseppe Verdi >>
<< la mia mail è @tsw.it, prima della @ scrivi giuseppe.verdi >>
<< manda una mail all’utente giuseppe.verdi del dominio tsw.it >>

3. Mamma diceva: “non accettare caramelle dagli sconosciuti!”
Mai rispondere in alcun modo ad una mail di spam e mai cliccare un link dentro ad una mail indesiderata.
Nella migliore delle ipotesi si fornisce una sola informazione, l’unica di reale interesse dello spammer: esiste un essere umano che legge la posta di questa casella, quindi ora bombardiamolo di mail!
Questa può sembrare un consiglio inutile, ma ho conosciuto qualche persona che rispondeva alle mail di spam per divertimento, affermando di controspammare… d’altronde anche il consiglio della mamma ci sembrava inutile all’epoca, una caramella è pur sempre una caramella no?

4. Mamma diceva: “le cose importanti non si dicono al telefono, ma di persona!”
Diffida delle “istituzioni telematiche”.
Difficilmente la Polizia, le Poste Italiane o una banca ti manderanno una e-mail chiedendoti di cliccare, fornire credenziali ecc ecc, molto più probabilmente ti manderanno una raccomandata!
Se negli ultimi 2 mesi non hai comprato nulla su Ebay è improbabile che un utente ti stia accusando di non aver pagato la scadenza di 5 giorni fa…

5. Mamma diceva: “se esci con qualcuno… mi raccomando prendi le dovute precauzioni!”
Ok, qui non eravamo più dei bambini!
Cercate di difendervi con sistemi antispam e antivirus.
Non credo serva veramente spiegare questa affermazione, cercate di avere il minimo indispensabile come un antivirus gratuito, sempre aggiornato. Avast ad esempio.

6. Mamma diceva: “cerca di non mescolare la vita privata e il lavoro”
Usare una casella apposita per le “schifezze”.
Volete registrarvi per provare un sito su cui avete dubbi? Create una casella mail su un dominio differente da quello del vostro indirizzo principale ed usatela per  fare dei  test.

7. Ed infine, mamma diceva: “Almeno conoscevi il nome e cognome della ragazza con cui sei uscito l’altra sera o non vi eravate nemmeno presentati?”
Esaminate attentamente i link prima di cliccarci sopra.
Qualunque pagina web stiate visitando (le email spesso sono costituite da pagine web) cercate di controllarne i link prima di cliccarli; è facile, basta fermarsi con il mouse su un link ed esaminare la barra di stato in basso, o il suggerimento che comparirà vicino al cursore. Nell’esempio qui sotto si va verso un improponibile indirizzo che non pare avere proprio nulla a che vedere con Ebay.

Grazie mamma, grazie ai tuoi consigli non sono mai stato insediato da sconosciuti con cattive intenzioni e non sono finito in brutte compagnie…

…ricevo solo 3 mail al giorno di spam e in nessun caso mi sono fatto cogliere all’amo, grazie mamma se sono cresciuto tonno si, ma non utonto. :)

Faccio un salto indietro nel tempo: il mio primo computer (siamo a metà degli anni 80) è stato un P2000C con processore Z80 da 4 MegaHertz. Ricordo la prima volta che ho copiato un gioco su un dischetto (era il mitico Ladder): il P2000C mangiava floppy da 5 pollici da 160 Kbyte (un decimo di 1 Mega per capirci) e per copiarli ci metteva almeno un quarto d’ora.

Un giorno decisi di portare in dono una copia di Ladder ad un amico di mio padre ignorando che la mia copia del giochino proveniva proprio da lui: un trasporto inutile, quindi, come la maggioranza delle e-mail e dei messaggi che inviamo nella rete. Attraversammo la città con la Fiat Ritmo colore arancione percorrendo 15 chilometri, un litro di benzina. Quindi “inviare un floppy” da 1/10 di Mega costò un litro di benzina.

Anno 2009, in un tranquillo sabato pomeriggio di luglio, invio a 4 amici una foto divertente via e-mail, la foto pesa 1 MegaByte. Ho trasferito in due secondi una quantità di dati equivalente a 40 volte quel dischetto, e tutto gratis e senza immettere idrocarburi nell’aria… ne siamo proprio sicuri ?

EMC^2, leader mondiale dello stoccaggio dati su SAN (Storage Area Network) ha condotto nel 2008 un piccolo studio statistico evidenziando come una e-mail con poche righe di testo e un singolo allegato da 1 MegaByte (ad es: una foto) inviata a 4 persone riesca ad occupare circa 50 MegaByte “nella rete”.
Com’è possibile ?

•    Il computer che l’ha spedita ne conserva una copia
•    il server che l’ha “introdotta in rete” ne conserva una copia in linea
•    ogni server, o firewall che verrà toccato dalla mail nel suo tragitto scriverà una riga o più sui propri file di log
•    anche i server dei destinatari ne conservano una copia in linea
•    ogni computer che l’ha ricevuta ne conserva una copia
•    tutti i computer e tutti i server interessati (mittenti e destinatari) sono soggetti a politiche di backup, spesso con criteri di storicizzazione.

Immaginiamo che 50 dipendenti di 100 aziende italiane inviino 2 mail al giorno con 1 allegato da 1Mb ad altre 4 persone:
1 Mega x 2 volte al giorno = 2 MegaByte
2 Mega x 50 persone x 100 aziende = 10.000 Mega (10 Giga) / giorno
10.000 Mega x 20 giorni lavorativi = 200.000 Mega / mese
Dato che la ricerca di EMC^2 dice che il fattore di moltiplicazione dello spazio occupato per le mail inviate a 4 persone è di circa 50 volte, otteniamo 200.000 Mega x 50 = 10.000.000 di MegaByte, ovvero 10.000 GigaByte, o se vi piace di più 10 TeraByte al mese!

Possiamo anche credere che EMC^2 abbia esagerato e ridimensionare di 10 volte la loro stima… 1 Tb al mese resta comunque una quantità di dati enorme!

Dovremmo tutti impegnarci ad usare la rete cercando di anteporre alla nostra comodità alcune semplici regole, come facciamo ad esempio nel caso della raccolta differenziata. Qui trovate la “netiquette”, riassumo brevemente i punti principali:

-    a meno che non abbiate un sistema di criptazione fisico dovete pensare all’e-mail come ad una cartolina, non scrivete mai nulla di particolarmente privato o sensibile
-    non spedite mai “catene di S. Antonio” via e-mail, sono uno spreco inutile di tempo ed energie
-    cercate di essere coscienti delle dimensioni del messaggio che state spedendo, il messaggio ideale non dovrebbe mai superare i 50 Kbyte (0.05 Mega,  51.200 caratteri non bastano?)
-    se dovete spedire file voluminosi, cercate di considerare altri mezzi o protocolli come il file sharing o i servizi FTP. Spedire un file è molto diverso da spedire una riga di testo con scritto “il tuo file si trova qui”. In fondo al post trovate una lista di servizi utili a questo scopo
-    le foto delle vacanze è molto più bello guardarle seduti davanti ad una pizza, facendosi una risata in compagnia, piuttosto che da una asettica mail. E poi, quante volte qualcuno vi ha rinfacciato che non avete risposto alla sua mail? ;)

Ai tempi del mio P2000C non faceva differenza “spedire” 1 o 1000 dischetti, l’impatto ambientale era sempre lo stesso: 1 litro di benzina, al massimo poteva rappresentare un problema coprire grandi distanze, motivo per il quale si potevano considerare modalità di spedizione differenti. Oggi non riusciamo a considerare metodi alternativi per spedire i file: un System Administrator si sente spesso chiedere “Come mai non mi parte la mail? Ho allegato solo un file, sono 35 mega, non è pesante!” :-)

Per voi che siete arrivati fino in fondo a questo post e avrete, spero, compreso il mio punto di vista di addetto “dietro le quinte” della rete, ecco un regalo, una piccola lista di servizi di file sharing da usare al posto della mail.

Box.net offre 1 GB di spazio gratuito

Drop.net non richiede registrazione, si sceglie il file, un nome e una password da dare a chi li deve scaricare e una data di scadenza dopo la quale il file sarà cancellato, massimo 100 Mb per ogni file

Mediafire.com non richiede registrazione, upload e download illimitati, massimo 100 Mb per ogni file

Adrive.com con 50 GB di spazio a disposizione e 2 GB per file

Filemail per inviare file di grandi dimensioni (2 GB)

Docs.google.com Google Documents: ancora in Beta offre funzionalità limitate, vedremo gli sviluppi.

Buon lavoro a tutti!

Tra i tanti partecipanti c’eravamo anch’io e il mio collega Andrea Formentin, pronti a captare tutte le news e le tendenze dal mondo della programmazione per il web :-)

I seminari erano molti e con diversi target di utenza, infatti oltre all’argomento principale, il web development, si è parlato anche di sviluppo agile, di contratti e preventivi, di server e di pratiche di sicurezza.

In questo post mi soffermerò sul seminario che mi ha coinvolto di più, il “PHP per il mondo enterprise”.

Capita che le aziende che vogliono sviluppare un’applicazione “enterprise” non usino PHP credendo che non sia un linguaggio pronto a supportare utilizzi di questo tipo.
Per dimostrare l’erroneità di questa affermazione il relatore Francesco Fullone (aka fullo) ha portato i seguenti esempi di grandi aziende che usano PHP: Yahoo!, IBM, Wikipedia, Facebook, BWIN, PayPal.
Difficilmente grosse realtà come quelle sopra citate avrebbero adottato un linguaggio non enterprise ready.

Si è proseguito parlando del supporto commerciale del quale sembrerebbe sfornito PHP, ma anche questo non è del tutto vero. Al convegno è emerso che ci sono molte aziende che offrono supporto commerciale per i loro prodotti legati al PHP, quali Zend, Microsoft o IBM.

Quindi si è discusso di come non manchino software di sviluppo validi (e per tutte le tasche) come ad esempio NetBeans o Zend Studio; framework efficienti come Symfony o CakePHP e tool di test come PHPUnit o SimpleTest.

Altra caratteristica indispensabile per un linguaggio enterprise è l’essere object oriented e questo è stato il tasto dolente di PHP, ma solo per le versioni precedenti alla 5, nella quale è stato realmente implementato un sistema ad oggetti.

Dopo aver appreso tutto ciò, è difficile pensare che PHP possa ancora essere considerato immaturo per le applicazioni enterprise: allora cosa ha determinato questa cattiva nomea?

Paradossalmente è proprio la sua semplicità. Questa, infatti, ha spinto molti programmatori in erba a scrivere i loro applicativi in PHP al posto di linguaggi più difficili e vincolanti, facendone un uso non sempre aderente agli standard di affidabilità, sicurezza e scalabilità.

In conclusione PHP è un’arma potente per gli sviluppatori, ma come per tutti i linguaggi è il suo uso che determina la qualità del risultato.

Voi che cosa ne pensate?

Il lavoro di squadra è essenziale perché ogni progetto coinvolge molte risorse con esperienze, competenze e ruoli diversi: responsabili marketing, web developer, web designer, esperti di usabilità, IT e architettura dell’informazione, search engine marketer, agenzie media e pubblicitarie, ecc. Non da ultimo bisogna considerare anche le cosiddette HiPPO (Highest Paid Person Opinion, come le definisce il guru della Web Analytics Avinash Kaushik), ovvero le opinioni e le direttive dei boss!

La varietà della squadra determina la ricchezza delle idee che alimentano un progetto, ma può generare lunghe (e movimentate) discussioni nel momento in cui bisogna prendere decisioni:

C’è chi vuole un sito bello e accattivante.
C’è chi vuole un sito Search Engine Friendly (SEF).
C’è chi vuole promuovere l’ultimo prodotto in Home Page.
…

A mio parere, l’obiettivo ultimo di un sito non è né essere bello, né essere SEF, né avere l’ultimo widget (al massimo questi sono tutti obiettivi intermedi).
L’obiettivo ultimo di un sito è essere funzionale!
Funzionale agli obiettivi per cui è stato creato: vendita, generazione di contatti commerciali, assistenza, promozione del brand, advertising, ecc.
Secondo questa visione, il potere di stabilire il successo di una strategia di marketing online è in mano agli utenti. Sono loro che possono premiare o meno la qualità di un progetto web.

Pertanto, l’orientamento all’utente deve essere alla base di qualsiasi progetto di promozione su Internet.

In questo, ci vengono in aiuto le tecniche di Experimentation & Testing, che rappresentano un ottimo strumento per integrare “lavoro di squadra” e “orientamento all’utente”, contribuendo in maniera determinante al successo di una strategia di marketing online.

Cosa sono le tecniche di Experimentation & Testing?
Le tecniche di Experimentation & Testing consistono nel sottoporre a test le soluzioni alternative generate dal lavoro di squadra in modo che siano gli utenti finali a stabilire quelle meglio performanti in termini di risultati di business.

Come funzionano?
Le principali tecniche di Experimentation & Testing applicate ai progetti online sono:
- A/B test
- Multivariate test

Un A/B test consiste nel sottoporre a test due o più versioni della stessa pagina web.
Un test multivariato consiste nel sottoporre a test due o più versioni degli elementi (titoli, immagini, contenuti, pulsanti, call to action, ecc.) che compongono una pagina web.

Per entrambi i tipi di test, l’obiettivo è individuare in modo scientifico la versione che performa significativamente meglio delle altre in termini di risultati di business.
Questi test vengono effettuati attraverso strumenti specifici che si occupano di smistare in modo aleatorio il traffico tra le diverse versioni create e di misurare le performance di ogni versione in termini di obiettivi raggiunti.

Da dove cominciare?
Le occasioni per lanciare un test sono davvero moltissime e una volta compreso il potenziale di questa tecnica non se ne potrà più fare a meno.

* Il logo deve essere più grande o più piccolo?
* Qual è la call to action più persuasiva?
* Funziona meglio il pulsante rosso o il pulsante verde?
* E’ più efficace la promozione “sconto del 20%” o la promozione “sconto di 20 euro sul prossimo acquisto”?
* In quale posizione va la foto del prodotto?
* Qual è la struttura migliore per la form di contatto?
* Meglio un link-immagine o un link-testuale?

Le idee da testare sono generate dal lavoro di squadra ma l’ultima parola spetta all’utente: gli utenti sono il comitato più autorevole per stabilire l’efficacia di un progetto online.

Il mio consiglio è cominciare a testare avendo ben chiaro il proprio obiettivo e concentrando l’attenzione sulle pagine a più alto potenziale di ottimizzazione: la pagina del checkout, le pagine più viste, le pagine di entrata con alta bounce rate e tutte le pagine che contengono una call to action o rinviano direttamente ad un obiettivo facilmente misurabile.

Le tecniche di Experimentation & Testing possono potenziare in maniera decisiva la redditività degli investimenti online: non ci sono davvero scuse per non testare.

Mettiamo alla prova le nostre idee e lasciamo che siano i protagonisti del web ad indicarci la strada per il successo!

Ecco il mio pronostico:

Mobile

Nell’anno appena trascorso abbiamo assistito al proliferare di telefoni cellulari di nuova generazione dotati di web browser integrato ( i-Phone, Samsung Omnia, Nokia, … ).

Leggendo della traduzione dei servizi web di Google o Yahoo! per i cellulari o dell’introduzione del search advertising studiato appositamente per i-Phone e co., è facile intuire come le grandi aziende web si stiano interessando al fenomeno.

Quindi credo che il 2009 sarà l’anno in cui il web si relazionerà seriamente con la fascia di utenza mobile.

Web TV

L’accesso a prezzi ragionevoli alla banda larga e l’enorme interesse degli utenti per i servizi di streaming video sembrerebbero spianare la strada ad una concorrenza seria delle web TV alla TV tradizionale.

Le reti televisive come l’americana CBS o l’italiana Rai hanno già iniziato ad ampliare la loro proposta al mercato web.

Nel 2009, se continuerà questa espansione, potremmo assistere ad un forte investimento pubblicitario e quindi ad una crescita qualitativa delle offerte riguardati le TV via web.

Nuove tecnologie

Sul versante delle tecnologie per arricchire le pagine web di effetti e di interazione, nel 2009 dovremo fare i conti con l’avvento di alcune interessanti novità.

Silverlight, l’alternativa a Flash targata Microsoft, cercherà di conquistarsi una fetta di utenza sempre più grande, con la promessa di grandi prestazioni e facilità di programmazione.

Sempre sul fronte delle Rich Internet Application si affaccia JavaFX, che secondo il produttore SUN Microsystems, porterà il web allo stadio 3.0 (chiamato così perché dovrebbe usare la tridimensionalità per immergere l’utente nei contenuti).

Infine, parlando di tridimensionalità, non posso non nominare l’eterna promessa promossa dal W3C: l’X3D, che forte dell’integrazione standard del plugin in Firefox3 potrebbe vedere aumentata la sua comunità di sviluppatori.

Cos’altro dire? Quest’anno ci sarà da divertirsi!

Prendete un cioccolatino ripieno, avvolto nella sua carta, scartatelo ed addentatelo: questo è un sito web. Carta che lo avvolge, rivestimento e ripieno: proverò a dare una buona ricetta per fare un buon cioccolatino, che accontenti la vista, il gusto e l’olfatto.

1. Il ripieno

Nel ripieno ci sono i contenuti del sito. I contenuti sono la parte malleabile del sito, la sostanza, quello che fa distinguere un buon cioccolatino da uno mediocre.
Prima di iniziare a selezionare gli ingredienti sarà indispensabile avere un’idea chiara di cosa il nostro sito dovrà offrire – gli obiettivi – e che necessità degli utenti andrà a soddisfare; prima di uscire sul mercato fate provare il vostro cioccolatino ad un gruppo di persone rappresentativo del vostro target di consumatori.
I contenuti sono spesso eterogenei – testi, foto, filmati – e non è semplice trovare una giusta amalgama: basta poco per eccedere in un ripieno troppo saporito di immagini o troppo pastoso di testi. Il concaggio, cioè la fase di lento mescolamento dei contenuti per renderli omogenei, servirà appunto per permetterci di capire cosa potrà offrire il nostro sito.
Il ripieno non ha forma – sarà con lo strato esterno che ci preoccuperemo di dargli un forma – però non tutte le forme si adatteranno al nostro ripieno.

1.1 Ingredienti

Bisogna sempre tenere a mente che se un contenuto è reso indipendente dal sito web, salvandolo in un database, ed è suddiviso nelle sue componenti principali (titolo, testo, data, descrizione etc.) sarà molto più facile poterlo sfruttare in diverse forme. Fra gli ingredienti di base abbiamo:

• una definizione degli obiettivi che vogliamo raggiungere con il nostro prodotto;
• una ricerca sulle necessità del nostro potenziale pubblico di consumatori;
• testi, fotografie, video, audio, mashup di dati provenienti da altri servizi, tutto ciò che sia pertinente agli obiettivi e requisiti che ci siamo fissati;

1.2 Suggerimenti

Alcuni suggerimenti alla preparazione del ripieno del nostro sito.

• Scegliere vari ingredienti, che contribuiscano a definire il sapore ma che si amalgamino bene fra loro;
• il ripieno non ha forma, ma solo sostanza. Il ripieno deve potersi adattare ugualmente bene in cioccolatini di diverse dimensioni, nello stesso modo che un contenuto deve poter essere visualizzato bene a seconda del mezzo a disposizione;
• poiché gli ingredienti del ripieno devono essere aggiornati periodicamente, è utile studiare l’impatto che l’aggiornamento del sito avrà sui carichi lavorativi del personale assegnato: è meglio avere meno contenuti ma aggiornati piuttosto che tanti contenuti che hanno passato la data di scadenza consigliata.

2. Il rivestimento

Una volta che abbiamo preparato il ripieno possiamo passare allo strato esterno. Si potrebbe pensare che se il ripieno è stato preparato con cura, lo strato esterno serva solo da contenitore. In realtà uno strato esterno scadente, una struttura del sito non adeguata, renderà scadente anche il suo contenuto.

Quando addentiamo un cioccolatino ripieno, i nostri sensi sono protesi al momento in cui l’involucro si spezzerà e permetterà al contenuto di raggiungere le nostre papille gustative. Per questo deve essere resistente per poter racchiudere i contenuti e malleabile per permetterci di recuperarli agevolmente:
dover addentare un cioccolatino per diversi minuti per spezzare l’involucro ci darebbe la stessa frustrazione di dover cercare i contenuti nei meandri di un sito.

In questa fase avviene il temperaggio, il passaggio del cioccolato da una forma irregolare a una cristallizzata. Un sito, come la cioccolata, tende a cristallizzare in forme irregolari a causa delle modifiche che il progetto iniziale subisce nella sua evoluzione: è giusto che un progetto muti nel tempo a patto che questo processo venga controllato e gestito correttamente.
La struttura di un sito, al contrario del contenuto, ha una forma e una consistenza: la forma è l’architettura del sito mentre la consistenza è data dal codice HTML che definisce ogni pagina.

2.1 Ingredienti

La preparazione dell’involucro è un processo delicato che deve tenere conto del processo precedente; fra gli ingredienti più importanti vi sono:

• una definizione di architettura del sistema, che sia dettagliata e facilmente adattabile a nuove esigenze;
• un’analisi semantica delle sezioni del sito per dare una struttura ai contenuti: “Di fatto, si può estrarre un significato da qualunque cosa nel mondo. [...] Dovreste iniziare a vedere etichette semantiche apparire davanti a voi, ovunque guardiate. Se però iniziate a sentire anche delle voci sarebbe opportuno contattare urgentemente il vostro dottore.” :) (da Andy Clarke – Trascending CSS – the fine art of web design);
• un’analisi dei diversi media in cui il vostro sito può essere usufruito: una notizia su uno schermo di pc dovrebbe apparire in modo diverso che sullo schermo di un palmare e possibilmente non consumare tutto il magenta della stampante di un utente che desiderasse imprimerla su carta.

2.2 Suggerimenti

• Provare i cioccolatini della concorrenza. Avete assaggiato un cioccolatino dal ripieno liquoroso che si sposava perfettamente con un rivestimento extra-bitter? Se vi è piaciuto è probabile che anche per il vostro impasto al liquore vada bene lo stesso mix. Ci sono ottimi pasticcieri in attività, è giusto imparare da loro e innovare con qualche tocco personale;
• ricordarsi che l’involucro non è la stessa cosa del ripieno: l’involucro racchiude il ripieno senza mescolarvisi. Tutti i nostri contenuti devono essere esterni al sito, di modo che si possa facilmente decidere un giorno di cambiare la struttura del sito a seconda delle esigenze o dei gusti dei consumatori senza intaccare i contenuti;
• non creiamo un involucro troppo rigido e prevediamo che in futuro nuove esigenze ci spingano ad avere bisogno di nuovi ingredienti;
• l’involucro è quello che dà la forma al cioccolatino. Il modo per far sapere che un testo è un paragrafo piuttosto che una tabella o una lista è di racchiuderlo nel corretto tag HTML. Il linguaggio HTML è un ricettario con circa cinquanta ingredienti e solo alcune combinazioni lecite fra loro: è indispensabile conoscerli e saperli usare nel modo corretto.

3. Il confezionamento

Infine la parte che non si mangia ma che spingerà l’utente a comprare il nostro cioccolatino piuttosto che un altro: la carta che lo avvolge. Possiamo preparare un ottimo cioccolatino, ma una confezione scadente eviterà che i clienti si fermino a guardarlo; allo stesso modo un cioccolatino scadente con una bella confezione attirerà sicuramente molti clienti che diventeranno clienti insoddisfatti.
Per fabbricare la carta che avvolge il cioccolatino è lecito utilizzare tutte le tecnologie – CSS, Flash, javascript (Ajax) – che possono aiutarci a rendere la nostra confezione appetibile.

Una delle esperienze più frustranti è scartare un cioccolatino per scoprire che la carta vi è rimasta appiccicata; il nostro sito deve essere completamente accessibile anche senza la confezione, cioè senza lo strato di presentazione. In fin dei conti quello che si mangia è il cioccolatino, non la carta.

3.1 Ingredienti

• Un wireframing, elaborato preferibilmente da uno studio di usabilità, che permetta al grafico di avere un’idea dell’occupazione che le informazioni avranno all’interno delle pagine;
• un documento di stile, cioè un documento che dia le linee guida generali sugli stili da utilizzare in un sito per i diversi elementi;
• un documento di “etichettatura semantica” degli elementi principali di una pagina (titoli, liste, tabelle ecc.)
• CSS, Flash e Javascript “unobtrusive”: tutto ciò che non è codice HTML non deve mescolarsi con la pagina e il sito (Jeremy Keith – Hijax: Progressive Enhancement with Ajax).

3.2 Suggerimenti

Di solito questa è la fase più coinvolgente, perché sarà quella che darà al prodotto il suo aspetto finale. Alcuni suggerimenti per affrontare questa fase:

• spesso capita di voler iniziare dal confezionamento del cioccolatino senza aver prima fatto il cioccolatino; è un grave errore che spesso porta a preparare confezioni che non riescono ad avvolgere tutto il sito;
• è sempre importante ricordare che il gusto è un senso soggettivo e non tutte le persone lo sviluppano allo stesso modo: non fidiamoci di sottili sfumature per distinguere il nostro cioccolatino ma basiamoci su design patterns consolidati e chiari;
• solo in questa fase iniziate ad usare la parola Ajax ed a considerare cosa possa rendere il vostro sito più gradevole da usare nelle funzionalità che già avete a disposizione. Diffidate da chi prima di parlare di architettura del sito vi parla di effetti Ajax e Web 2.0 perché non è un buon pasticciere.

Se avete seguito con ordine i passi della preparazione e avete utilizzato le giuste persone nelle diverse fasi dovreste trovarvi con un buon sito, o almeno con un buon cioccolatino.
Se i cioccolatini non sono il vostro forte e siete interessati ad approfondire l’argomento vi segnalo The Elements of User Experience di Jesse James Garret.

Io oggi (ovviamente) mi soffermo sull’analisi dei navigatori. :-)
La teoria dell’”Information Foraging” cerca di interpretare alcuni comportamenti degli utenti di fronte alla scelta dei contenuti. Si tratta di un notevole aiuto per capire come organizzare i propri contenuti e come strutturare il flusso di navigazione tra le pagine del sito.

Tradotto significa “fiutare i contenuti”, ed è quello che gli utenti cercano di fare quando hanno bisogno di informazioni.
Il classico iter che segue l’utente web alla ricerca di contenuti, si può riassumere come segue:

1) Utilizza un motore di ricerca per inserirvi le parole chiave relative al contenuto desiderato

2) Sceglie un sito che si trova nella pagina dei risultati, vi entra e cerca il contenuto. E qui si aprono a ventaglio una serie di considerazioni cruciali per il giudizio che l’utente avrà del sito:

• L’utente riesce a trovare il contenuto che sta cercando?
• Se sì, quanto tempo impiega a trovarlo?
• Quanto altro materiale si trova costretto a consultare prima di trovare quello che effettivamente cerca?
• Riesce a capire in che sezione del sito si trova?
• E’ in grado di risalire all’alberatura del sito?
• E’ in grado di stabilire se nel sito in cui si trova ha la possibilità di trovare altro materiale interessante?

Riflettendo su questi spunti, emerge chiaramente che, per soddisfare pienamente questa tipologia di “cacciatori di contenuti”, bisogna rivedere l’architettura delle pagine che compongono i siti e le modalità di presentazione dei contenuti.

Questo perché l’utente è disposto a spendere pochi secondi nel nostro sito, trascorsi i quali se non ne è soddisfatto, se ne andrà e cercherà i contenuti da un’altra parte.
Questo fenomeno si è notevolmente accentuato negli ultimi anni a causa di diversi fattori, primo fra tutti il fatto che i motori di ricerca classificano i risultati in base alla loro qualità e rilevanza; ora per gli utenti è molto più facile trovare altri siti di qualità.
Anche la diffusione di connessioni a banda larga sempre attive ha favorito questo fenomeno e ha contribuito ad amplificare quello che viene chiamato “information snacking” o “spuntino informativo”: brevi ricerche per ottenere risultati veloci.

Quali interventi sono dunque necessari per attirare i “cacciatori di contenuti” e fidelizzarli al nostro sito?

• Per prima cosa è indispensabile fargli trovare lungo i percorsi di navigazione, delle tracce dei contenuti che attraverso quel sito possiamo offrire.
  Queste tracce devono essere il più chiare possibile, dato che i “cacciatori di contenuti” sono di diversa tipologia, estrazione sociale, livello di educazione, ecc. Sono quindi da evitare terminologie di non immediata comprensione a favore di parole standard e di descrizioni appropriate sia per i link che per i pulsanti di navigazione.
• In seconda istanza è importante dare agli utenti la piena percezione di dove si trovano in quel preciso istante. Un po’ come quando si visita una città nuova, sconosciuta: le informazioni disseminate lungo i percorsi sono importanti per orientarsi nel groviglio di strade, vie e passaggi. Idem per un sito che non si conosce: le indicazioni su dove portano i vari collegamenti, le azioni associate ai pulsanti e le descrizioni delle sezioni sono elementi essenziali per infondere al navigatore un sentimento di tranquillità, evitando così di farlo sentire spaesato in un posto nel quale non è mai stato (il nostro sito web).
• Il sito presenta dei buoni contenuti facili da consultare? I due aspetti viaggiano di pari passo; se i contenuti ci sono ma sono difficili da consultare, oppure se i contenuti di immediata consultazione sono di scarso interesse, l’utente se ne andrà.
• E’ importante non dare l’impressione di promettere chissà quali contenuti attraverso la presenza di elementi grafici che richiamano pubblicità o di slogan altisonanti: è più rilevante quello che il sito mantiene, non ciò che promette. Questo è ben impresso nella mente dei navigatori; se la prima volta sono rimasti delusi e la loro “caccia” nel sito è stata infruttuosa, ci sono buone probabilità che non ci tornino più. E’ essenziale quindi progettare un sito che attragga i “cacciatori di contenuti” presentando dei contenuti interessanti e facili da consultare.
• Evitare di proporre per primi dei contenuti che gli utenti non hanno richiesto; nel caso avessimo del materiale utile come approfondimento o comunque legato al contenuto principale, limitiamoci a segnalarne la presenza, magari con un link o un piccolo richiamo grafico, in modo che l’utente, una volta individuata la sua presenza, possa decidere se visualizzarlo o meno.

La tendenza è sempre più rivolta alle visite brevi, quindi il nostro sito deve essere uno strumento pronto ad accogliere questa nuova tipologia di visitatori; per fare questo basta seguire alcune semplici regole di progettazione che consentiranno al nostro sito di rimanere nella memoria dei visitatori e di essere ricordati come un sito dove si trovano ottimi contenuti facili da consultare.