Ci sono casi in cui per connettere un’applicazione al proprio profilo utente Facebook, viene richiesto l’ID numerico del profilo. Tale informazione un tempo era facilmente accessibile da tutti, dato che l’URL per accedere al profilo di utente già conteneva questa informazione. L’URL infatti era strutturato in questo modo:

http://www.facebook.com/profile.php?id=123456

dove 123456 rappresentava l’ID dell’utente.

Con l’avvento degli URL personalizzati però la situazione si è un po’ complicata. In Rete si trovano diversi metodo per reperire tale informazione e persino qualche applicazione pensata per questo scopo. A mio avviso però il metodo più semplice è quello di sfruttare il protocollo Open Graph.

Supponiamo ad esempio che l’URL per accedere al nostro profilo utente sia:

https://www.facebook.com/mario.rossi

Ci basterà modificare tale URL in questo modo:

https://graph.facebook.com/mario.rossi

e premere invio. Nella pagina del browser verranno visualizzati dati simili a questi:

{
   "id": "123456",
   "name": "Mario Rossi",
   "first_name": "Mario",
   "last_name": "Rossi",
   "link": "https://www.facebook.com/mario.rossi",
   "username": "mario.rossi",
   "gender": "male",
   "locale": "it_IT"
}

Il numero che cercate e che ci interessa è ovviamente quello contenuto nel campo “id”.

Post pubblicato da Tiziano Fogliata: Come trovare l’ID di un utente Facebook
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

Lavorando come consulente freelance probabilmente uno dei requisiti fondamentali per massimizzare i profitti e lavorare con soddisfazione è la capacità di selezionare ed evitare i clienti sbagliati.

Ecco una guida per individuare le cinque tipologie più pericolose, in modo da non commettere errori che potrebbero costare cari.

Il pescatore

Questo tipo di cliente solamente si avvicina al consulente in modo serio per chiedere un parere iniziale sul progetto. Non ha la minima idea riguardo alle specifiche e nemmeno alle tecnologie necessarie per renderlo operativo. Per colmare questa lacune chiede a te di aiutarlo nel processo creativo, per spiegargli tutti gli scenari possibili, le strategie e i metodi che si potrebbero utilizzare.

Il pescatore mantiene sempre viva la speranza che poi il lavoro verrà affidato al consulente. In realtà però non ha la minima idea di quando vorrà realizzare quel progetto e comunque non affiderà a te il lavoro.

Questo tipo di cliente va evitato, a meno che sia disposto a pagarti per il lavoro di consulenza iniziale, cosa che avviene veramente di rado.

Il mimo

La comunicazione tra cliente e consulente è un fattore essenziale. Spesso però si ritiene che solo il consulente debba essere una abile comunicatore. A volte infatti si dimentica che anche il cliente deve essere in grado di manifestare correttamente le proprie esigenze, in modo da rendere chiari tutti i requisiti del progetto.

Con il cliente mimo è praticamente impossibile capire quello che lui desidera e sta a te provare ad interpretare i vari segnali cercando di trarre informazioni utili sul progetto. Diciamo che con questa tipologia di cliente, può essere utile chiedere il supporto di un aruspice o di una di quelle cartomanti facilmente reperibili facendo zapping sulle tv locali ;)

Questo tipo di cliente è assolutamente da evitare se non vuoi passare le giornate a sbattere la testa contro il muro e portare avanti un progetto che rischia di lasciare insoddisfatti entrambi.

L’illuso

Questo è sicuramente uno degli archetipi più diffusi. Ti sarà sicuramente capitato di incontrare qualcuno che ha in testa un’idea meravigliosa (e non è Cesare Ragazzi ;) ). E’ il tipo di cliente che vuole realizzare un sito come Facebook che utilizza un sistema di ricerca come Google e permette di caricare i video come è possibile fare su YouTube. Ovviamente non è disposto a pagare per il tuo lavoro ma, dando per scontato che il sito nel giro di un anno potrà essere venduto per milioni di euro, ti promette una fetta dei profitti.

Il cliente illuso è da evitare principalmente perché è la tipica persona che non ha il minimo contatto con la realtà. Evitalo se non vuoi cimentarti in un’impresa folle dai ritorni economici altamente improbabili e tendenzialmente prossimi allo zero.

Il coniuge

Avere un’ottima relazione con un cliente è sicuramente una buona cosa. Una comunicazione ottimale è fondamentale per la buona risucita del progetto. Fatti salvi questi due punti, alcuni clienti tendono ad andare oltre, trasformandosi nel “cliente coniuge”.

Questo tipo di persona ha la tendenza a inviare email per il solo gusto di farlo, ti telefona 10 volte al giorno per sapere come stanno andando le cose e continua a fissare incontri e riunioni solo perché ama l’interazione.

Il cliente coniuge è da evitare se non sei votato al sacrificio e se vuoi mantenere buoni rapporti ed essere ancora reperibile per tutti gli altri tuoi clienti.

Lo spilorcio

Partendo dal presupposto che tutti voglio fare buoni affari e ottenere il massimo con la minore spesa possibile, il cliente spilorcio porta questa teoria ai massimi livelli.

Questo tipo di cliente è particolarmente “pericoloso” perché tenderà a modificare i termini dell’accordo non appena è stato siglato. I più abili sono persino capaci di farti sentire in colpa se non sei disposto a fare del lavoro extra gratuitamente. La loro frase tipica è “già che stai facendo X, potresti anche aggiungere Y”.

Lavorare per clienti che cercano solo il miglior prezzo anziché per quelli che attribuiscono del valore al lavoro che fai non è mai un grande affare.

Ricorda inoltre il vecchio motto: “Pagami come dico io e lavorerò come dici tu, pagami come dici tu e lavorerò come dico io” ;)

[l'ispirazione per questo post è stata tratta da Econsultancy]

Post pubblicato da Tiziano Fogliata: 5 tipologie di clienti che sarebbe meglio evitare
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

Su Webdesigntuts+ è stato pubblicato un interessante articolo relativo a quelle che sono le tendenze in atto per quanto riguarda il Web Design. Non si tratta naturalmente di concetti rivoluzionari, ma principalmente di una presa di coscienza di come il mondo del web design si sta evolvendo nel mondo.

Vediamo insieme alcuni dei punti salienti.

Termini come “above the fold” e “below the fold” hanno perso significato

L’elevata varietà di dispositivi utilizzati per accedere ai siti Web ha reso vago e quasi inconsistente il concetto di “above the fold“, usato solitamente per identificare quella porzione di schermo visibile dall’utente senza la necessità di effettuare uno scroll.

Ormai è necessario abituarsi a ragionare pensando non solo alle diverse risoluzioni utilizzate dagli utenti, ma anche ai diversi formati degli schermi: dai 960×640 pixel dell’iPhone 4 ai 1024×768 pixel dell’iPad, che però possono essere ruotati sia in orizzontale che in verticale.  Non dimentichiamoci poi dei maxi televisori da 1920×1080 pixel. Ormai non ha più senso pensare solo in termini di monitor tradizionali da 1024×768 pixel.

Sempre più importanza alla tipografia per il Web

La possibilità di utilizzare font diversi dai classici web-safe non è sicuramente nata nel 2010, esistono già da diverso tempo infatti soluzioni di font-replacement più o meno funzionali. Nel corso dell’ultimo anno si è però fatto strada il concetto di “fonts as services”, grazie al quale è possibile sfruttare dei servizi (gratuiti o a pagamento) che permettono ai web designer di incorporare diverse tipologie di font nei loro progetti. Non è un caso se, a maggio, Google ha lanciato il proprio servizio Google Font Directory. Siamo quindi pronti a salutare l’onnipresente Verdana? ;)

Grid Layout sempre più utilizzati

Anche i Grid layout per il Web non sono una novità degli ultimi mesi, ma ora si stanno diffondendo sempre più. Sono numerosi gli esempi di siti che hanno abbandonato i tradizionali concetti di header, footer, content e sidebar in favore di strutture interamente basate sui layout a griglia. Per maggiori informazioni su questo tema basta consultare siti come 960 Grid System o Blueprint CSS.

Immagini sempre più grandi

In passato si è sempre stati un po’ restii ad utilizzare immagini di grandi dimensioni all’interno di una pagina Web. Ora però, grazie alle varie tecniche di ottimizzazione e alle connessioni più veloci, si ha la possibilità di sfruttare immagini di grande formato senza penalizzare eccessivamente i tempi di caricamento della pagina. Su questo tema, vi invito anche a leggere questo articolo riguardante l’ottimizzazione delle immagini su WordPress.

jQuery e altre tecniche JavaScript per aggiungere interattività alla pagina

L’utilizzo di jQuery o di altri framework JavaScript è progressivamente passato dal semplice effetto “cool” da inserire in una pagina Web ad una vera e propria riprogettazione della user experience.

CSS3 sempre più vicino

Anche se il pieno supporto a CSS3 è ancora un po’ lontano, molti web designer hanno già iniziato da tempo a sfruttare alcune delle sue fantastiche caratteristiche: dagli angoli arrotondati, alle box shadows e al @font-face. Se sei curioso di sapere se il tuo browser supporta CSS3 e quali caratteristiche è in grado di utilizzare, dai un’occhiata al sito www.findmebyip.com. Se invece sei interessato a “divertirti” con CSS3 e HTML5 non puoi non conoscere Modernizr.

Secondo te, in che direzione sta andando il Web design?

Quelli esposti in questo articolo sono solamente alcune delle tendenze in atto, che probabilmente ci accompagneranno anche nel corso del 2011. Secondo te, sia che tu sia un web designer o un avido consumatore di siti Web, quali sono gli aspetti e le problematiche che il web design dovrebbe tenere maggiormente in considerazione?

Post pubblicato da Tiziano Fogliata: Web design: le tendenze per il 2011
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

Esistono moltissimi strumenti che possono semplificare notevolmente il lavoro di un web designer. In questo post ne segnalo 5 che non richiedono nemmeno l’installazione, dato che è sufficiente un browser e una connessione ad Internet per utilizzarli. Eccoli:

Fillerati al posto di Lorem Ipsum

Se sei stanco di usare Lorem Ipsum per riempire le bozze del tuo sito, Fillerati rappresenta una valida alternativa. Tra le lingue disponibili è presente anche l’italiano. Link: Fillerati.

Immagini segnaposto con Placehold

Un servizio per ottenere facilmente delle immagini segnaposto da inserire nei siti in costruzione, ad esempio da utilizzare negli spazi dove andranno posizionati i banner. Basta utilizzare l’URL nel formato http://placehold.it/350×150 per ottenere un immagine da 300×150 pixel. E’ ovviamente possibile variare la dimensione, il colore, il formato ed il testo riportato nell’immagine. Il tutto semplicemente modificando l’URL. Link: Placehold.

Ridimensionare la finestra del browser con resizeMyBrowser

Utilizzando questa pagina Web è possibile ridimensionare velocemente la finestra del browser simulando l’area visibile dello schermo di diversi dispositivi: dall’iPhone all’iPad, dal Nexus One al MacBook. E’ possibile impostare anche una dimensione personalizzata. Il ridimensionamento funziona se nel browser è attivo il supporto a JavaScript. Link: resizeMyBrowser.

Condividi una lista di link con Urlist

Alcune volte può capitare (non solo ai web designer ;) ) di dover condividere una serie di link ed invece di inviarli separatamente si può utilizzare un servizio come Urlist, che consente di creare liste di link da condividere tramite un unico URL. Tali liste possono anche essere modificate successivamente. Il servizio consente anche di navigare tra i vari indirizzi in sequenza, in modo da passare rapidamente in rassegna i diversi link condivisi. Link: Urli.st.

Fare il preventivo per la realizzazione di un sito Web

Un metodo rapido e semplice per effettuare un preventivo per il prossimo progetto Web che dovrai realizzare. E’ possibile impostare una tariffa oraria di default ma anche applicarne una differente a seconda dell’attività da svolgere. Link: Web Development Project Estimator.

Se ne hai altri da suggerire, scrivili nei commenti :)

Post pubblicato da Tiziano Fogliata: 5 strumenti utili per i web designer
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

La velocità di caricamento di una pagina Web è un fattore che rivestirà sempre maggiore importanza in futuro, soprattutto per quel che riguarda il posizionamento sui motori di ricerca.

Per misurare le prestazioni del proprio sito esistono numerosi strumenti, come ad esempio le estensioni Yahoo YSlow e Google Page Speed per il browser Firefox.

Un’alternativa interessante è rappresentata però anche dai numerosi servizi Web che permettono di rilevare il tempo di caricamento della pagina ed analizzare i fattori e gli elementi che possono causare dei rallentamenti.

Uno dei più popolari è sicuramente il Full Page Test di Pingdom, che consente di ottenere un sintetico rapporto sui tempi di caricamento e sul peso dei vari elementi che costituiscono la pagina.

Una soluzione migliore però è quella offerta da WebPagetest, che rispetto a Pingdom permette anche di stabilire la località geografica dalla quale effettuare le misurazioni. Ha infatti poco senso testare un sito destinato ai visitatori italiani da un server che si trova dall’altra parte del mondo.

WebPagetest fornisce inoltre dei rapporti molto dettagliati e anche i consigli relativi alle ottimizzazioni che è possibile implementare per migliorare i tempi di caricamento.

E’ possibile effettuare un test sia per quel che riguarda la prima la prima visita alla pagina sia quelle successive, in modo da valutare l’impatto delle modalità di caching implementate.

WebPagetest è sicuramente un servizio da inserire nei propri bookmark e da utilizzare per verificare e migliorare i tempi di caricamento del proprio sito Web.

Post pubblicato da Tiziano Fogliata: Come misurare la velocità di caricamento delle pagine web
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

Quando si decide di creare un nuovo sito la scelta dell’hosting, se non si hanno esperienze pregresse, è quasi una sorta di lotteria. L’enorme numero di fornitori (che in molti casi sono semplici rivenditori) e di offerte complica non poco la vita a chi vuole semplicemente un posto per ospitare il proprio sito e dormire sonni tranquilli.

Ho deciso di scrivere questo post perché in questi ultimi 10 giorni (manco fosse una sindrome influenzale), ho avuto modo ho avuto modo di vedere parecchie persone (amici e clienti) alle prese con i problemi causati da hosting di bassa qualità.

Le problematiche sono state le più svariate: dal sito che si vedeva un’ora si e un’ora no alla email che arrivano a singhiozzo; dai server database che impiegavano due minuti a rispondere e agli upload di file che non terminavano mai. I problemi derivanti dalla gestione di un servizio di hosting sono sicuramente molteplici, ma spesso quello che fa la differenza per il cliente è vedere come questi vengono gestiti.

Aprire un ticket (una richiesta di assistenza) e leggere una risposta esaustiva dopo 10 minuti è ben diverso che aspettare 8 ore o addirittura il giorno dopo, quando magari il proprio sito è irraggiungibile.

Come fare allora per essere sicuri di fare la scelta giusta quando si tratta di acquistare un servizio di hosting? La soluzione definitiva ovviamente non esiste, però può essere utile tenere ben presenti alcuni punti, vediamo quali.

Hosting per lavoro o per svago?

Lo spazio web che avete intenzione di acquistare vi serve per scopi lavorativi o per semplice svago? Questa è la prima domanda che dovete porvi nella scelta del fornitore e dell’offerta. In molti casi infatti si investono migliaia di euro nello sviluppo o nella grafica di un sito ma poi si fa la corsa al risparmio quando si tratta di scegliere l’hosting.

Se utilizzate il sito per fare e-commerce o per permettere a potenziali clienti di contattarvi per richiedere un preventivo pensate a quanto potrebbe costarvi avere un sito lento da navigare oppure completamente irraggiungibile per un giorno.

Immaginate poi di aver attivato anche delle campagne pubblicitarie (AdWords o altro) per promuovere i vostri prodotti e gli utenti che cliccano sull’annuncio pubblicitario si trovano di fronte un bel messaggio di errore. Non ci fareste una gran figura ed è probabile che quei potenziali clienti restino potenziali per sempre.

Hosting a prezzo irrisorio e risorse illimitate

E’ “curioso” vedere che spesso offerte di hosting vendute a pochi euro vantano risorse illimitate, mentre quelle che costano diverse centinaia di euro (o dollari) presentano una lista dettagliata di tutti i requisiti e di tutte le limitazioni. Ma come è possibile che costi di più un servizio che offre 10Gb di spazio disco e 60 Gb di banda mensile rispetto ad un altro che offre spazio disco e banda illimitati? Solitamente chi offre tutte le risorse in modo illimitato risparmia su altri fattori e punta sull’acquisire il maggior numero di clienti stipandoli sui propri server. Inoltre la banda e lo spazio illimitato sono, in un certo senso, delle illusioni. Chi propone tali offerte sa benissimo che la stragrande maggioranza dei siti che verranno ospitati su quei server non arriverà mai a saturare quelle risorse promesse. Anche perché quando uno di questi siti inizia a sviluppare un considerevole volume di traffico, le poche risorse di CPU e memoria disponibili su quei server (condivise con tutti gli altri clienti) iniziano a farsi sentire ed il cliente, se non vuole passare le giornate a imprecare, è costretto a passare ad un piano di hosting di fascia superiore. Nei contesti più sfortunati poi, quel considerevole volume di traffico tale da creare problemi, non è nemmeno particolarmente eccessivo.

Sito statico o dinamico

Una delle altre caratteristiche che spesso viene esaltata nelle offerte è il fatto di poter ospitare un numero di domini illimitato all’interno del proprio spazio hosting. Prima di pensare di poter creare decine di blog tenete però presente che il quantitativo di risorse necessario per far girare un sito basato su un sistema dinamico (come WordPress ad esempio) è ben diverso da quello di un sito costituito da semplici pagine HTML statiche. Nel primo caso va considerato il lavoro svolto per interpretare il linguaggio (ad esempio PHP), eseguire le varie operazioni ed effettuare le numerose interrogazioni al server database.

Per un server web è ben diverso gestire cento richieste di una pagina HTML statica e il medesimo numero di richieste delle home page di un sito WordPress sul quale magari sono stati installati anche numerosi plugin (che richiedono ulteriori risorse). Quindi, tornando al discorso fatto nel punto precedente, un conto è offrire spazio per domini illimitati, un altro è essere certi che tutti i siti ospitati su quei domini funzionino in modo dignitoso.

Cercare pareri sui vari servizi hosting in Rete

Prima di effettuare un acquisto di un servizio di hosting, provate a vedere se in Rete c’è qualcuno che ha avuto esperienze positive o negative con tale fornitore. In questo caso spesso sono più utili gli articoli scritti da singoli utenti che hanno effettivamente provato un servizio rispetto ai numerosissimi siti che offrono recensioni (quasi sempre tutte positive) dei vari provider e che ospitano decine di banner che sponsorizzano le offerte degli stessi fornitori che recensiscono.
Provate anche a fare un ricerca su Twitter o su FriendFeed utilizzando il nome del fornitore di hosting prescelto per vedere se qualche utente ha pubblicato alcune note positive o negative al riguardo.

Chiedere informazioni al fornitore prima di acquistare

E’ consigliabile provare a contattare il fornitore di hosting prima di procedere all’acquisto online del servizio. Se qualcosa non vi è chiaro o se volete essere sicuri che lo spazio Web disponga delle caratteristiche che a voi servono, mandate una mail o una richiesta al servizio di assistenza pre vendita e valutate sia il tempo di risposta sia il grado di completezza della stessa. Questi possono essere elementi utili per capire come il fornitore potrebbe rispondere anche in caso di eventuali problemi futuri.

Verificate inoltre se sono previste altre funzionalità aggiuntive come:

• un servizio di backup dei dati;
• la possibilità di poter essere risarciti se il servizio non ci soddisfa (dopo un periodo di prova iniziale);
• l’assistenza 24 ore su 24 oppure solo in orario di ufficio;
• il tipo di pannello di controllo offerto, i più comuni sono Plesk e Cpanel;
• la possibilità di effettuare upgrade o downgrade del proprio piano se vi servono maggiori o minori risorse*;
• un forum dedicato agli utenti o una sezione di aiuto particolarmente curata nella quale è facile trovare la soluzione alle problematiche più comuni.

* quasi tutti i fornitori offrono diversi tipologie di hosting: piani di fascia bassa, di fascia media e di fascia alta. Alcune volte questi piani si differenziano tra di loro solo per lo spazio disco o la banda disponibile, in altri casi invece differiscono anche per altre caratteristiche come la memoria RAM dedicata o la quota di CPU assegnata. Poter disporre di un piano facilmente scalabile è sicuramente vantaggioso dato che permette di disporre di maggiori risorse in tempi brevissimi senza dover necessariamente effettuare la migrazione dei propri dati su un nuovo server.

Nei prossimi giorni vedremo anche una serie di servizi che è possibile utilizzare per verificare lo stato del proprio sito web. Se avete dubbi o consigli siete invitati a lasciare un commento.

Post pubblicato da Tiziano Fogliata: Come scegliere l’hosting per il proprio sito
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

Su Skelliewag è stata pubblicata una lista di 50 consigli per rimettere un po’ di ordine sul proprio blog. Le regole possono essere sintetizzate come un avvertimento contro l’abitudine di inserire troppi elementi inutili sulle pagine Web.

I consigli sono suddivisi per le varie sezioni tipiche di un blog: la barra laterale, la pagina dei post, il footer, alle quali si aggiungono una serie di indicazioni valide per tutte le pagine.

Ecco alcuni dei suggerimenti che potete trovare in questa corposa lista (con alcune aggiunte personali):

• Rimuovere la sezione “Meta”, presente in molti dei template standard di WordPress.
• Evitare di elencare tutti gli archivi mensili nella barra laterale del blog.
• Posizionare il blogroll in una pagina separata (soprattutto se particolarmente lungo).
• Sostituire i mille pulsanti di iscrizione al feed RSS con la classica icona dei feed.
• Eliminare tutte le forme di pubblicità che non generano guadagni significativi.
• Cercate di non mettere decine di icone ai vari servizi social ma limitatevi a quelli possono essere più significativi per gli argomenti che trattate.

Post pubblicato da Tiziano Fogliata: 50 consigli per un blog più ordinato
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

Susan Weinschenk è una psicologa della Pennsylvania State University che si occupa da diversi anni dell’analisi dei processi mentali che stanno alla base delle azioni compiute dalle persone.

In un guest post pubblicato su Useful Usability, la professoressa Weinschenk illustra quali sono, secondo lei, 10 aspetti da tenere in considerazione per realizzare un sito Web che sia usabile e persuasivo. Scopriamoli insieme.

1) L’organizzazione delle informazioni sul sito (l’architettura delle informazioni) deve adattarsi allo schema mentale del visitatore.

Ponetevi questa domanda: il sito è organizzato in modo da rispondere immediatamente alle esigenze del visitatore? E’ importante utilizzare il linguaggio usato dagli utenti del sito. Quando dovete decidere i nomi da assegnare alle sezioni e le categorie è indispensabile valutare quali sono i termini utilizzati più comunemente dalle persone e non quelli conosciuti solo dagli addetti ai lavori.

2) Less is More

Si ritiene che la maggior parte delle persone sia in grado di ricordare al massimo da 5 a 9 cose contemporaneamente. E’ la storia del numero magico 7 + o – 2. In realtà le ricerche hanno mostrato che in realtà questo numero è molto più basso è che è più opportuno concentrarsi su 3 o 4 concetti al massimo.

Spesso le persone desiderano avere un elevato numero di possibilità di scelta ma le ricerche dimostrano che, quando si tratta di decidere, un numero di scelte troppo elevato non porta ad alcuna decisione.

E’ consigliabile quindi non offrire mai più di 3 o 4 possibilità di scelta sul proprio sito.

3) La massima attenzione è concentrata nel primo terzo della pagina

E’ risaputo che è utile sapere dove posizionare le informazioni all’interno della struttura di una pagina Web. Se suddividiamo la pagina in tre sezioni orizzontali aventi le stesse dimensioni, la prima in alto è quella sulla quale si focalizza maggiormente l’attenzione dei visitatori. Il Web infatti è molto più simile al modello televisivo, nel quale l’attenzione si focalizza al centro, piuttosto che a quello cartaceo dove lo sguardo del lettore punta subito in alto a sinistra (o in alto a destra in alcuni paesi).

Personalmente ritengo però che questo aspetto dipenda molto dal modo in cui è realizzato il layout di un sito e dalle sue dimensioni. Rimane comunque indiscutibile il fatto che sia opportuno riservare questa zona dello schermo ad “elevato valore aggiunto” per i contenuti più interessanti.

4) Differenziare gli elementi sia a livello visivo che cognitivo

In una pagina Web sono presenti un elevato numero di elementi che svolgono funzioni differenti: ci sono le immagini puramente decorative, le barre di navigazione, i link di supporto, il contenuto principale e molto altro ancora.

E’ fondamentale rendere facilmente distinguibili le varie aree sia a livello visuale che cognitivo.

Visivamente è possibile differenziare i contenuti utilizzando forme, dimensioni, colori e font.

E’ importante però rendere immediatamente percepibili tali differenze anche a livello cognitivo, permettendo all’utente di capire immediatamente la funzione dei vari elementi, permettendogli quindi di distinguere facilmente i link che portano alle sezioni principali del sito, rispetto ai link per gestire il proprio account o effettuare acquisti.

5) Stimolare tutti e 3 i cervelli

Nel libro “Neuro Web Design: What makes them click?“, Susan Weinschenk parla dell’idea che ognuno di noi non abbia un solo cervello ma ben tre:

• Il cervello nuovo, più logico;
• Il cervello medio che governa le emozioni;
• Il cervello vecchio che si occupa delle funzioni basilari e analizzando l’ambiente si pone domande del tipo “posso mangiarlo?”, “posso fare sesso con lei/lui?”, “mi ucciderà?” …etc…

Stimolare il cervello vecchio significa fare leva sui bisogni basilari di ogni persona (vedi piramide dei bisogni di Maslow) come fame, sesso, sicurezza e pericolo. Anche se non tutti i siti possono puntare ad argomenti come la fame o il sesso, è possibile fare comunque leva sul bisogno di sentirsi sicuri o su come ottenere dei benefici gratuitamente.

Per stimolare il cervello medio può essere utile usare immagini, video o testi che colpiscano ed agiscano sulla parte emozionale del visitatore. Questo aspetto è particolarmente importante per determinate tipologie di siti, come ad esempio avevo già accennato a proposito dei centri benessere e delle SPA.

Per coinvolgere il cervello nuovo è necessario fornire motivazioni logiche e razionali per convincere il visitatore a proseguire la visita sul proprio sito o a provare un prodotto servizio.

Ovviamente il miglior risultato possibile è quello di riuscire a dialogare con tutti e tre i tipi di cervello.

6) Rendere i testi facili da consultare

Solitamente le persone non amano leggere i testi su un monitor. Trovarsi quindi di fronte a grandi blocchi di testo tende a scoraggiare la maggior parte dei potenziali lettori che sono spinti a cercare vie di fuga dalla pagina.

E’ quindi consigliabile usare alcuni stratagemmi per rendere più digeribili i contenuti testuali, come spezzare il testo in paragrafi più piccoli, usare intestazioni e liste. Tutto questo rende il testo più facilmente consultabile anche con un rapido colpo d’occhio, permettendo di individuare rapidamente i contenuti ritenuti più interessanti.

7) Rivelare le informazioni un poco alla volta

Ogni pagina Web può attirare parecchi visitatori che hanno diversi scopi e una diversa preparazione sull’argomento. Alcuni visitano un sito per semplice curiosità. altri vogliono approfondire qualcosa che già conoscono ed altri non hanno la minima idea di cosa tratti quella pagina.

E’ utile quindi adottare la tecnica chiamata “progressive disclosure”, rivelando le informazioni un poco alla volta. In questo modo vengono fornite alcune informazioni e l’utente può cliccare su un link se desidera saperne di più.

Spesso si è sentito dire che il visitatore deve essere in grado di raggiungere quello che desidera con meno di 3 click. Questo è un falso mito. L’utente clicca fino a quando c’è qualcosa che suscita la sua curiosità e il suo interesse.

8) Raggruppare i contenuti per evitare la confusione

Con tutte le informazioni, le immagini, i video e la pubblicità presente sulle varie pagine Web è piuttosto facile ottenere un risultato capace di creare confusione agli occhi dei visitatori. E’ utile quindi cercare di creare dei gruppi di contenuti per mettere un po’ di ordine.

Allineare i vari elementi ed usare sapientemente le colonne permette di visualizzare un elevato numero di informazioni senza tuttavia apparire disordinati.

9) Avere delle funzionalità che rendono il sito unico e difficile da abbandonare

Le ricerche mostrano che la maggior parte delle persone tendono ad avare uno o due siti preferiti per ogni particolare compito. Uno per le notizie, uno per l’e-commerce, uno per l’intrattenimento e così via.

Spesso quello che rende questi siti così amati dagli utenti sono delle funzioni che vengono percepite come irrinunciabili. Come la facilità di effettuare nuovi ordini di merce già acquistata in precendeza (Staples), o il one-click buying (Amazon) o servizi come HootSuite che offrono funzionalità che non sono disponibili altrove.

Non si tratta però di sviluppare od offrire un elevato numero di funzionalità, ma semplicemente di individuare quella che rende irrinunciabile quel particolare sito.

10) Non dimenticare l’aspetto sociale

Le persone hanno la naturale tendenza a seguire quello che dicono gli altri, soprattutto quando sono incerte.

Se ad esempio qualcuno non sa scegliere quale servizio utilizzare per caricare le proprie fotografie sul Web, ma sente che i propri amici su Twitter parlano bene di Flickr o ne legge sui blog che frequenta abitualmente, è molto probabile che scelga Flickr senza nemmeno provare gli altri.

E’ quindi importante essere presenti nelle conversazioni che riguardano la propria nicchia di mercato.

Post pubblicato da Tiziano Fogliata: 10 consigli per migliorare l’usabilità e il successo di un sito
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

Google ha messo a disposizione di tutti un nuovo strumento chiamato Browser Size che permette di capire come gli utenti visualizzano una pagina web, soprattutto per quanto riguarda la porzione visibile senza dover effettuare lo scrolling.

Basandosi sui dati raccolti dagli utenti che visitano il sito google.com, Browser Size permette di mostrare la percentuale di utenti che visualizzano determinate porzioni della pagina. Questo permette di individuare rapidamente le zone che hanno maggiori probabilità di restare nascoste alla maggior parte dei navigatori.

Ecco un esempio relativo al sito di Repubblica:

Post pubblicato da Tiziano Fogliata: Scopri quanto gli utenti vedono del tuo sito con Google Browser Size
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.

emTweet è un nuovo servizio che consente di mostrare ai visitatori del proprio sito gli aggiornamenti pubblicati su Twitter in tempo reale.

Per utilizzare il servizio è necessario caricare un file php nella directory principale del proprio sito e poi scegliere o le parole chiave da monitorare o gli utenti da seguire su Twitter, in modo che vengano considerati solo i messaggi ai quali si è interessati.

E’ inoltre possibile decidere i colori e i caratteri da usare per il messaggio che apparirà agli utenti del proprio sito.

In questo video viene illustrato il processo di installazione e configurazione del servizio:

Post pubblicato da Tiziano Fogliata: emTweet porta Twitter sul tuo sito in tempo reale
E' uscito il mio nuovo libro Creare blog e siti web con WordPress.