layout

Progettare un sito web per la vendita

0.00 avg. rating (0% score) - 0 votes

Tecniche per vendere online con un sito webQualche giorno fa ho letto sul sempre ottimo Smashing Magazine questo post in cui vengono elencati alcuni consigli pratici per fare in modo che un sito web funzioni bene in termini di conversioni legate alla vedita. Si tratta di considerazioni e suggerimenti di base per questa tipologia di sito, ma è bene menzionarli perché spesso non vengono seguiti a dovere (e a volte, giustamente, da soli non bastano per vendere).

In maniera molto schematica riporto di seguito i consigli malamente tradotti in italiano:

  1. Suggerimento subliminale
    Le immagini, i simboli ed i colori possono portare ad una maggiore e inconscia predisposizione verso alcune azioni (es. la propensione all’acquisto): bisogna scegliere bene questi elementi affinché siano in linea con il servizio/prodotto e con l’esperienza e la sensazione che si vuole comunicare.
  2. Prevenire la paralisi da scelta
    Scegliere è impegnativo e a volte può portare alla rinuncia o al rinvio, per questo bisogna evitare di creare nel visitatore il dubbio su quale prodotto/servizio è giusto per lui. Il suggerimento invita ad evidenziare e proporre agli utenti la soluzione più adatta, invece di metterle tutte sullo stesso piano.
  3. Mostrare il prodotto
    Esattamente come per i negozi fisici bisogna permettere al possibile cliente di vedere e analizzare il prodotto al quale è interessato: questo è fattibile anche online e per beni immateriali (es. software), purtroppo però molti non lo fanno oppure mostrano il tutto in maniera molto limitata. Una parte del giudizio e della scelta si basa sull’aspetto in quanto parziale indicatore di qualità, di cura e di facilità d’uso: permetti ai visitatori di vedere nel dettaglio il tuo prodotto.
  4. Permetti alla gente di provare
    Nei casi dove questo è possibile (es. software o servizi) permetti alle persone di utilizzare una versione dimostrativa o un account di prova. Oltre a toccare con mano la qualità del prodotto stai offrendo loro un po’ di know-how che difficilmente vorranno considerare sprecato. Questo è un modello che funziona e ci sono molte case history sul web: non lasciar immaginare l’esperienza, ma permetti di viverla in prima persona con alcune limitazioni. L’appetito vien mangiando!
  5. AIDA (Attenzione, Interesse, Desiderio, Azione)
    Questo modello ipotizza una serie di eventi che, in sequenza, possono portare ad una vendita. Prima bisogna catturare l’attenzione della persona, poi generare un interesse mostrando e spiegando come il prodotto può aiutarla. Ora bisogna creare un desiderio, ad esempio riportando un caso reale in cui qualcuno ha ottenuto benefici tangibili (i benefici fanno vendere, non le funzionalità). Infine invitare la persona all’azione di acquisto, qualora fosse interessata, tramite una procedura semplice.
  6. Focalizzare l’attenzione
    Creare un processo semplice che guidi l’utente verso l’azione, senza che ci si debba chiedere cosa fare. Bisogna quindi dar rilievo agli elementi importanti tramite appositi orpelli grafici e ancora impostare i menu o i link in maniera logica e sequenziale, così da riprodurre un flusso, un percorso.
  7. Fornire sempre l’azione successiva
    Quando un visitatore è pronto per comprare non deve cercare il pulsante per farlo. Il pulsante deve già essere lì. E deve esserci solo dove serve. Ecco perché è importante che ogni pagina non sia un vicolo chiuso e che alla fine di un’azione (es. lettura di un testo o compilazione di un modulo) ci sia sempre un invito a scegliere la strada da seguire.
  8. La regola di Gutenberg
    Il diagramma di Gutenberg descrive il concetto della “gravità della lettura”. Con una croce sulla pagina la si divide in quattro riquadri uguali: seguendo la lettura occidentale (sinistra-destra, su-giù) si capisce che il primo riquadro in alto a sinistra ottiene sempre la massima attenzione che poi forzatamente finisce sul riquadro in basso a destra. Di conseguenza è bene posizionare i contenuti nei primi riquadri, a seconda dell’importanza, mentre il richiamo all’azione in quest’ultimo riguadro.

Design vs Cliente

0.00 avg. rating (0% score) - 0 votes

Quante volte capita, nella realizzazione di un progetto web, di dover mediare tra la nostra esperienza (cioè quello che crediamo sia buono e giusto) e le richieste di un cliente? Aah, il dubbio amletico. Certo il cliente ideale è quello che si affida e, una volta stabilito insieme l’obiettivo e le specifiche, lascia volentieri a terzi il compito di realizzarlo al meglio. Sfortunatamente non ne esistono molti. 🙁

Il layout è di solito quello che soffre maggiormente il confronto dato che si tratta della parte del lavoro più in vista, comprensibile ed estremamente soggettiva. Capita che interi ragionamenti sull’interfaccia, sull’usabilità e motivate scelte sulla posizione di alcuni elementi si sgretolino davanti ad un poco interesse in favore della semplice estetica o del gusto personale. Curiosamente capita anche l’esatto contrario. Ecco la situazione nella quale bisogna mediare tra colleghi designer inferociti e clienti più o meno esperti.

Di esempi sono pieni forum e gruppi di discussione, ma anche il quotidiano di chi lavora in questo campo: meglio il giusto (teorico) o il gusto del cliente? Conviene lasciare 10 spazi ADWords sulla home page di un sito di vendita oppure invitare alla ragione? E’ un bene acconsentire ad un doppio form di ricerca nella stessa pagina? E cosi’ via…

Il teamCome comportarsi?

Mettere in produzione tutte le richieste del cliente, in quanto pagante, ci trasforma in semplici esecutori mentre possiamo e vogliamo offrire molto di più. Anche in questo caso la verità si trova (quasi) nel mezzo: personalmente mi trovo spesso a ragionare con i clienti consigliando con vigore alcune scelte, portando case history e motivazioni a corredo, ma penso sia giusto e sacrosanto lasciare la decisione finale a chi, di fatto, si troverà ad essere rappresentato da quel risultato. Quindi proposte a confronto, elenco vantaggi/svantaggi, decisione. Qualche volta bisogna metterci una pietra sopra, altre volte invece l’interlocutore dimostra di apprezzare la consulenza e il nostro impegno.

Piccole delusioni

Purtroppo questo non è sempre facile da comprendere per tutto il team, specie per tecnici e creativi che giustamente “firmano” in qualche modo un lavoro che non li rappresenta al 100%. Infatti dopo aver messo tutto l’impegno e l’esperienza, dopo aver operato scelte su ogni dettaglio ed aver dato fondo alla precisione più paranoica, il cliente – spesso meno competente da questo punto di vista – decide di cambiare qualcosa “solo” per un gusto estetico o un piacere personale. Insomma in ogni progetto c’è molto di chi lo ha realizzato ed è quindi comprensibile il piccolo dispiacere che si può provare in queste situazioni.

Sono curioso di conoscere la vostra esperienza: se capita anche a voi come vi comportate?

La struttura di un blog

0.00 avg. rating (0% score) - 0 votes

Ho letto con interesse su alcuni blog che seguo (Mucignat, Fogliata, Visionblog) e di riflesso su altri (Pearsonified, Kurai), che nell’ultimo periodo c’è stato movimento in termini di analisi sulla struttura con cui i blog mostrano le informazioni ai navigatori. C’è anche stato un primo Skype Cast sull’argomento, peccato non aver avuto modo di partecipare, ma spero che la discussione continui e ci sia modo di parlarne nuovamente.

In sostanza si dice che la quasi totalità dei blog mostra ai propri lettori i post in ordine cronologico inverso a scorrimento verticale, sfruttando sempre la stessa struttura. Il problema, secondo Christopher Pearson, deriva dal fatto che la maggior parte delle persone raggiunge il suo blog tramite un aggregatore di feed RSS, trovando quindi le stesse informazioni inutilmente duplicate. Chi arriva al sito ha dunque già letto gli ultimi post, perché mostrarli di nuovo? E Chris pensa che forse i lettori potrebbero essere più interessati ai migliori post rispetto quelli più recenti. Anche Marina Rossi su VisionBlog e Tiziano Fogliata riprendono l’idea di Chris. Tiziano poi ha avuto l’idea di organizzare una chiacchierata su questo argomento “dal vivo”, tramite Skype, e Alberto Mucignat l’ha riassunta così: valutare se e come sia possibile cambiare l’ordine, confermano l’inutilità della presenza degli ultimi post in home page, del calendario e degli archivi basati sulla cronologia, a favore delle classifiche e della correlazione tra post simili. Kurai invece punta l’attenzione verso la categorizzazione tramite i tag (serendipity) e propone in home page solo l’ultimo post, più una classifica dei più popolari (secondo qualsiasi elemento), questo perché secondo lui il lettore difficilmente scorre al contrario i post fino ad arrivare all’ultimo elemento.

Io penso che:
– un cambiamento radicale nell’interfaccia di un sistema diffuso sia sempre sconveniente in termini di semplicità d’uso e famigliarità dello strumento, quindi di usabilità, secondo me uno dei punti cardine che ha contribuito al successo ed alla diffusione dei blog. Nello sviluppo di dBlog ho puntato molto sulla semplicità (interfaccia, lingua, funzioni, etc) e ad oggi è ancora tra le caratteristiche maggiormente apprezzate.
l’idea della classifica dei post per visite e/o per voto e/o per numero di commenti, legando questi valori ad un’ipotetico maggior interesse, sia un’ottima idea. Ma collegandomi al punto precedente potrebbe essere integrata nella home page (e anche in tutto il blog) con lo scopo di prendere il posto degli ultimi articoli pian piano, col tempo, se viene recepita positivamente dai lettori.
la navigazione cronologica, in particolare quella a ritroso, è stata richiesta da diversi utilizzatori di dBlog come funzionalità aggiuntiva (si può vedere in questo blog e nella prossima versione sarà integrata), quindi per la mia esperienza personale, anche se così pochi dati non fanno statistica, tocca andare contro l’idea di Kurai.

Insomma si vedono i primi tentativi di slegare il blog dalla sua naturale struttura “a diario” per avvicinarlo al concetto di sito vero e proprio, forse anche perché il blog è sempre stato un sito! 😉 Premessa. Il motivo della veloce diffusione del mezzo, spinto anche dalla necessità di esprimersi delle persone, è probabilmente legato alla semplificazione della tecnologia e quindi all’avvicinamento ai sapiens non addetti ai lavori: un mezzo più o meno gratuito e sopratutto semplice da usare. Ma la semplicità di cui parliamo è presente nei blog sia in termini di strumento tecnologico (piattaforma) sia in termini di strumento mediatico (format), da questo la diffusione: diventa semplice non solo creare contenuti ma anche accedervi. Con questa premessa le discussioni in corso sono estremamente interessanti ed il lavoro di modifica della struttura classica di un blog, secondo me, è un lavoro da fare “passettìn passettìn” perché riveste un’importanza cruciale.

Nel mio piccolo sperimento qualche novità tramite questo blog, con lo scopo di trasportare gli esperimenti riusciti nelle future versioni di dBlog, come si può vedere dalla grafica non proprio in linea 🙂 Come dicevo in questo post ho voluto spingere la relazione con i lettori, quindi in particolare stimolare i commenti: per far questo ho inserito una nuova colonna in Home Page riducendo lo spazio del contenuto vero e proprio, in un certo senso mediando tra l’eliminazione totale degli ultimi post arrivando ad una loro limitazione. Non mancherò di provare l’inserimento di una classifica dei post secondo qualche criterio.

Nei commenti dei cinque blog citati si dice che il blog è diventato l’orpello del feed, io non mi trovo d’accordo. Tra i lettori di blog quanti sanno cos’è un feed? Quanti sanno che possono seguire i blog tramite un software diverso dal browser (o un plug-in) o grazie ad un servizio di aggregazione online? E di questi ultimi quanti sono disposti a lasciare la pagina web per usare un altro strumento (imparare è faticoso) o un nuovo servizio?

Se vogliamo si può paragonare il Feed di un blog a quello che è la newsletter per un sito: come prima l’obiettivo era quello di far iscrivere un visitatore alla propria newsletter per “legarlo” al sito, ora l’obiettivo è quello di far iscrivere il visitatore al feed (non a caso ci sono molti sistemi di iscrizione al feed tramite mail, per chi non vuole usare o non sa de
ll’esistenza di appositi software o aggregatori online). Ma ancora una domanda: in quanti blog l’obiettivo è quello di far iscrivere un visitarore al proprio feed, ammesso che sia dotato di feed? Giustamente chi discute di questi argomenti e chi si pone tali quesiti è sempre un “heavy user“… ma dobbiamo porci un’altra domanda: cosa pensa/vuole il resto del mondo? 😀

Nuova grafica

0.00 avg. rating (0% score) - 0 votes

Ed ecco finalmente pubblicato il nuovo layout del mio blog personale: non ce la facevo più, eheh! La prima cosa che salta all’occhio è il passaggio a 3 colonne, ma navigando meglio vi accorgerete che si tratta solo della home page. Ho spostato un po’ di contenuti cercando di privilegiare i commenti e l’interazione, visto che siamo ufficialmente nell’era del web 2.0 😀

Il mio blog personale... prima     Il mio blog personale... ora!

La fotografia nell’intestazione ora è fissa, ma cambierà con gli eventi… l’idea iniziale era di farla cambiare ogni ora, simulando lo scorrere del tempo, ma non ho mica trovato 24 fotografie decenti di sole e luna. Qualcuno mi suggerisce una buona fonte?

La ricerca è stata posizionata in alto all’interno di ogni pagina del sito ed ho aggiunto una semplice routine simile al “Forse cercavi…” di Google (sottolineo il simile con fare ironico). La capacità di suggerire alternative valide dovrebbe migliorare col tempo, man mano che vengono effettuate delle ricerca sul blog.

Le categorie degli articoli e delle foto adesso dispongono di un comodo contatore per sapere quanti oggetti aspettarsi dopo il clic di ingresso. Appena sotto troviamo la Tag cloud che mostra i tag associati agli articoli con maggiore frequenza (minimo 2 volte), grazie a questo spazio si può risalire grossomodo agli argomenti principali del blog. Poi una serie di link interni ed ovviamente i Feed.

Sempre in home page vengono mostrati gli ultimi 7 post (articoli) che, grazie alla dimensione diversa dei font, offrono un primo breve percorso cronologico di quello che è già stato archiviato nelle sezioni del blog. Inoltre i contenuti sono sempre posizionati in maniera da poter iniziare a leggere senza far scorrere la pagina ed hanno uno spazio maggiore in larghezza di circa 60-70 pixel. Una intera colonna è stata poi dedicata agli ultimi commenti, con una preview testuale e il link all’articolo o alla fotografia di riferimento, cercando di stimolare la discussione.

Appena sotto ecco un’altra novità: le ultime immagini pubblicate nel fotoblog, che assume quindi maggiore importanza rispetto alla precedente versione del blog. Di seguito il linklog che perde valore rispetto a prima (era posizionato in alto) perché non prevede ancora spazi interattivi, ma viene solo utilizzato come area di segnalazione.

In home page manca ancora una sezione, ma si tratterà di una semplice area di invito all’utilizzo di dBlog CMS Open Source con link al download, manuale, forum, laboratorio, etc. Invece come ultimo modulo prende forma un blogroll degno di questo nome, seguito dalle note di copyright e l’indicazione della piattaforma utilizzata. La dimensione della home page è diminuita di 25-30 Kb ed anche il numero di schermate è stato dimezzato.

Nelle sottopagine lascio a voi scoprire qualche novità, vi segnalo quella più importante ovvero l’integrazione di una struttura orientata ai motori di ricerca tramite una simulazione del “mod rewrite” (scriverò un lungo post su questo argomento domani o dopo): provate a cliccare su un articolo e date un’occhiata all’indirizzo che compare sul vostro browser! Ma non solo: a breve ci sarà il trackback, fin da ora c’à la nuova area “Similitudini” dove vengono caricati automaticamente gli articoli che trattano gli stessi argomenti e… va beh, non voglio rovinarvi altre sorprese 😀

Ho già fatto un giro di testing con Explorer 6 e con Firefox 1.5, per il primo tutto ok, mentre per la volpe ho dei problemi sull’allineamento delle thumbnail del fotoblog, ma vedrò di risolvere nei prossimi giorni. Se qualcuno ha modo di fare un test con Explorer 7 e/o con altri sistemi mi aiuterebbe molto…

Infine non posso dimenticarmi di dire che le immagini dei 2 cucciolotti non sono scattate da me: il boxer fa parte di una foto ritagliata e scontornata presente su Google Image, mentre il carlino proviene dal sito ugoclub.com a cui ho già scritto una mail. Allo stesso modo la cornice delle foto in home page era originariamente una gif di cui purtroppo non ricordo la provenienza 😛 Invece per la strutturazione dei contenuti, la griglia della homa page ed alcune funzionalità ho liberamente preso spunto estetico da 5 blog: Downloadblog, Stopdesign, Jayber, Themaninblue e Sitepoint.

E ora… passo la parola e attendo i vostri pareri.

Virgilio.it e i pixel disponibili

0.00 avg. rating (0% score) - 0 votes

Per puro caso ho notato che Virgilio.it cambia layout in base alla risoluzione del monitor utilizzato dal navigatore. Fin qui niente di strano, è una vecchia tecnica, ma credo che “Il bello di Internet” la utilizzi davvero in maniera ottimale, specie durante un momento di transizione durante il quale un buon 20% mantiene ancora la vecchia 800 x 600.

Non solo Virgilio.it mostra una diversa disposizione degli oggetti basata sulla configurazione dell’utente, ad esempio a 1024 manca una colonna intera rispetto 1280 e con il monitor wide cambia di nuovo, ma la pagina è anche organizzata in maniera da sembrare completa quando la parte destra, senza contenuti, esce dallo schermo (ne è testimone il piccolo rilievo sul footer proprio dove inizia la colonna di destra).

Insomma hanno optato per uno sforzo maggiore in fase di progettazione e sviluppo (e manutenzione), ma ora godono di un risultato visivo gradevole e completo per tutta l’utenza. E voi cosa ne pensate?

1 2  Torna su