Hai clienti che ti chiedono di inserire nella home page qualsiasi cosa?

Ti chiedono una lista infinita di richieste, che devono essere appiccicate nello stesso posto?

Il desiderio di visualizzare tutto il contenuto del sito, nasce dalla percezione che la home page è il patrimonio più prezioso che un sito può avere.

Questa percezione si sviluppa dalle numerose gallerie di web design, dai libri e da altri strumenti di comunicazione che da sempre mostrano gli screenshot del sito, piuttosto che le altre pagine.
L’estrema importanza data alla home page, porta le persone a pensare che tutte le informazioni devono essere presenti in un unico posto.

Di seguito scopri due suggerimenti utili per educare il tuo cliente a prendere decisioni più consapevoli.
Forse non riuscirai ad essere d’accordo con le decisioni prese con il cliente, ma almeno penserà con cognizione di causa e non nella più completa ignoranza.

Gli argomenti principali di questa mini guida sono:

• L’evoluzione del ruolo della home page;
• Non avere fretta di creare subito la home page;
• L’importanza dello spazio bianco.

L’evoluzione del ruolo della home page

L’obiettivo di una homepage è di aiutare le persone con un interesse preciso a trovare subito cosa stanno cercando, piuttosto che aumentare la confusione per eccesso di informazioni.

Il ruolo della home page sta cambiando, ha da tempo terminato di essere il primo contatto del visitatore al sito o al blog.

Nel suo libro “Prioritizing Web Usability” Jakob Nielsen ha scritto:

Nonostante la home rivesta ancora molta importanza, le pagine interne incidono per circa il 60% delle visualizzazioni totali.
Un sito web è come una casa con mille porte, i visitatori possono entrare dovunque.

Gli utenti si affidano sempre più sui motori di ricerca per trovare il contenuto che stanno cercando quindi ci sono molto meno probabilità di entrare in un sito attraverso la porta principale.

La percentuale del 60% segnalata da Jacok Nielsen, continuerà ad aumentare nei prossimi anni.
Non sono solo i motori di ricerca a spingere l’utente a navigare su pagine interne ma anche lo sviluppo dei Feed Rss.
Infatti se la tecnologia Rss di espanderà ancora, aumenteranno le persone che cliccando direttamente nei contenuti rilevanti, ignoreranno del tutto la homepage.

Questo non vuol dire che la home page non è importante.
Continua ad essere uno strumento di navigazione che permette agli utenti di orientarsi, aiutandoli a stabilire se un sito presenta delle informazioni utili per loro.

Ogni buon web designer sa che la home page deve consentire l’accesso rapido a informazioni fondamentali, ma dovrebbe anche aiutare l’utente a orientarsi facilmente.

Un buon esempio di quest’approccio è il sito della Apple.

Quest’azienda sa che la maggior parte degli utenti che provengono da google, sono alla ricerca di informazioni sul loro ultimo annuncio.
I visitatori usciranno dal sito soddisfatti di aver trovato precisamente la notizia che stavano cercando.

Ti segnalo un esempio pratico per capirci meglio.

Nel momento in cui un utente cerca iMac su google, sarà portato a navigare direttamente nella sezione iMac del sito come se fosse una home page.
Questo perché tutte le varie sezioni sono indipendenti tra loro: stanno in piedi da sole.

Non avere fretta di creare subito la home page

Sembra che sia una procedura standard quella di iniziare la creazione di un sito dalla home page.
E’ invece probabile che iniziare da lì non sia la mossa giusta.

Considera invece la possibilità di realizzare un sito dalle pagine interne seguendo gli standard di usabilità e accessibilità, e solo alla fine strutturare la home.

Ritardare lo sviluppo della pagina principale non solo è strategico, ma è la cosa più giusta da fare.
E’ dura realizzare una corretta prima pagina fino a quando non si ha piena comprensione sia del contenuto, che delle varie sezioni che caratterizzeranno il sito.

L’importanza dello spazio bianco

Se sei un web designer freelance, conosci l’importanza dello spazio bianco?

Cerca di spiegare ai tuoi clienti che la home non è il ricettacolo dell’intero sito anzi, per un buon lavoro dovresti eliminare in ogni modo ciò che non è strettamente necessario.

Ogni elemento che si aggiunge ad una pagina porta a penalizzare ciò che è stato già inserito.

Quando inizi finalmente a sviluppare la homepage assicurati di comunicare con chiarezza l’importanza e il ruolo dello spazio bianco.

Ora come spieghi al cliente l’importanza di queste parti vuote?

Cerca di far capire i risvolti negativi derivati da un uso eccessivo di informazioni raccolte in un unico punto.

John Maeda nel suo libro “Le leggi della semplicità” scrive:

L’occasione persa derivata da un largo uso dello spazio vuoto, ha come risultato l’aumento dell’attenzione verso i pochi contenuti che emergono con molta più forza.

In conclusione

Come web designer hai bisogno di prendere del tempo per educare i tuoi clienti, e spiegare loro come il ruolo della homepage sta cambiando oltre che dimostrare il valore dello spazio bianco.

Come decidere di affrontare questo problema con il cliente è una tua scelta.
Un approccio efficace potrebbe essere di creare dei webinar o delle live chat con tutte le parti interessate al progetto da realizzare.

Se vuoi saperne di più sul design di una home page efficace, puoi leggere qualcosa sull’argomento da Jakob Nielsen, Marie Tahir, John Maeda e Derek Powazek, nei libri che ti suggerisco qui sotto.

Consigli e ispirazioni per creare home e landing page

• Linee guida per creare una home page efficace, di Jakob Nielsen.
• Gli obiettivi di una home page, di Derek Powazek;
• 42 siti web a pagina singola, di Brant Wilson;
• 30 esempi di landing page efficaci, di DesignrFix;
• Gallery di siti a pagina singola, dal mio canale Pinterest.

Letture consigliate

Per imparare dai maestri:

• “Homepage Usabilty“, il libro di Jakob Nielsen e Marie Tahir;
• “Prioritizing Web Usability“, di Jakob Nielsen;
• “The Laws of Simplicity“, di John Maeda.

Una domanda per te

Quanto pensi sia importante la home di un sito e quali sono le regole che segui per la sua corretta realizzazione?

Fonte dell’articolo: Home Sweet Homepage - ThinkVitamin di Paul Boag.

Photo Credits: Mango Productions/Corbis

Alcuni cenni in una mia breve video intervista in cui Alessandro Martin, relatore del convegno GT 2009, ha offerto ai lettori di blographik in merito al miglioramento delle performance di un blog.

I suggerimenti sembrano semplici, ma se pensi bene si parte proprio da questi punti fondamentali per riuscire a raggiungere risultati di rilievo ed emergere dall’enorme numero di blog presenti in rete.

Di seguito la video intervista e la trascrizione integrale dei consigli di Alessandro Martin.

Risorse per Blogger: Piccoli suggerimenti per incrementare le performance del tuo blog

Intervista ad Alessandro Martin

Offro qualche consiglio per migliorare le performance di un blog, quindi per incrementare la velocità, il tempo di caricamento delle pagine, e rendere sostanzialmente più felici gli utenti.

Prima cosa: “Less Is More”…

Ovvero i blog sono strumenti per veicolare informazioni, quindi concentrate l’attenzione dei vostri utenti sui contenuti.
Riuscirete ad ottenere lettori più felici e tempi di caricamento delle pagine più veloci, perchè ci saranno meno problemi.

Ogni volta che aggiungete un widget ad un blog, pensate bene se è solamente un giocattolo, oppure se porta veramente valore.
Ciò che vogliono vedere gli utenti, non sono oggettini luccicanti ma preferiscono ottenere servizi ed informazioni utili.

Misurate sempre le performance dei vostri siti .

Web Performance Optimization: Le slide di Alessandro Martin direttamente dal Convengo GT ‘09

L’intervento di Alessandro Martin durante il IV Convegno GT è stato per me uno dei più interessanti, dico davvero!

Il futuro del bravo blogger e del SEO professionista sarà sempre più focalizzato nel creare contenuti di qualità nel più breve tempo possibile.

Ecco quindi che entrano in gioco quindi non solo materiale di ottimo valore ma sarà fondamentale che sia il lettore che i motori di ricerca visualizzino gli articoli velocemente.

Queste le slide dell’intervento di Alessandro, che pone il giusto accento su alcune tecniche per cercare di offrire una positiva e piacevole esperienza di navigazione da parte del nostro lettore, ottimizzando le performance del nostro blog.

Qui trovi tutte le “Video Interviste” del Convegno GT 2009

Se vuoi vedere tutte le interviste realizzate al IV Convegno GT, scopri di seguito con chi ho scambiato 2 chiacchiere, oltre ad Alessandro Martin (per guardare tutti i filmati, basta cliccare sulle frecce o sulle anteprime dei video, nel box di youtube che trovi qui sotto).

Siamo alla fase finale della realizzazione grafica di cinemio.it.
Scopri il nuovo tema personalizzato di questo blog che farà parte di un piccolo network di progetti tematici.
Abbiamo scelto insieme il logo del blog, dopo vari step successivi, ho chiesto aiuto per la scelta dei colori del tema grafico, ed ora ecco il lavoro ultimato.

il nuovo tema di Cinemio.it

Avrai ormai capito che voglio condividere con te tutti i passaggi che mi hanno portato alla realizzazione grafica del blog, per offrirti la possibilità di conoscere e capire quanto lavoro c’è dietro la creazione grafica di un blog, senza parlare poi della gestione, della frequenza di pubblicazione, dei metodi di monetizzazione, dell’ottimizzazione del blog nei motori di ricerca etc.

Facendo parte di un network di blog, cinemio.it è solo uno dei progetti a cui sto lavorando, in cantiere e già on line in versione beta , ce ne sono altri 2.
Seguendo blographik, avrai la possibilità di seguire lo sviluppo di questo progetto per ogni singolo blog, dall’inizio alla fine.
Potrai inoltre partecipare attivamente alla realizzazione tramite i tuoi consigli, che fin’ora sono stati davvero utili  .

La creazione dell’header

Iniziamo con qualche informazione più tecnica, come la creazione dell’header.
Ho voluto offrire a colpo d’occhio un’immagine immediata, fornendo graficamente dei simboli che permettessero di intuire ciò di cui tratta il blog senza leggerne neanche una riga.

In pratica, ho cercato di rendere immediata la percezione dei contenuti.

Il primo impatto ha un ruolo fondamentale per coloro che accedono su un nuovo blog o sito web. Il contenuto è sempre il principale traino di un blog, ma la grafica di qualità segue di pari passo.

Ecco perchè ho scelto di inserire uno sfondo ripetuto di una tenda, che potrebbe ricordare proprio l’entrata della sala di un cinema.
Inoltre, dal punto di vista del caricamento del blog, utilizzare uno sfondo ripetuto tramite css, mi permette di inserire una piccola immagine che duplicandosi, forma la tenda che vedi.
In questo modo, non vado a sovraccaricare il tema con immagini molto pensanti, facilitando il caricamento della pagina o dell’articolo.

Inoltre, ho modificato e aggiunto al logo uno sfondo, per rappresentare un pò il luccichio delle luci di una proiezione cinematografica, come se fosse la locandina di un vero cinema .

Per il menu ho scelto di utilizzare qualcosa che ricordasse il nastro della pellicola cinematografica, anche se rosso, potrebbe dare un tocco di originalità rispetto agli altri progetti presenti in rete, e differenziarsi dalla grafica che accomuna tutti i blog del mio network.

La scelta dei colori

Seguendo anche i consigli nei commenti dei post precedenti, ho scelto dei colori che portano alla memoria proprio un cinema, con il “rosso velluto” della tenda (come il palco di un teatro), l’arancio delle stelle delle icone o il giallo delle stelle dello stesso logo.
Il grigio scuro del testo, per offrire un maggiore contrasto tra sfondo e testo, per rendere più fruibile e meno difficoltosa la lettura.
L’obiettivo del blog è anche quello di essere letto il più a lungo possibile per il maggior numero di articoli.

il rosso dei titoli degli articoli, utilizzato per legare lo stile grafico dell’heander e per creare una maggiore distinzione con il resto del contenuto testuale.

L’utilizzo delle icone

Le icone fanno al differenza tra un progetto curato e professionale da un blog amatoriale.
Un fattore quindi da non sottovalutare nella realizzazione di un blog di qualità.

Spesso si tralascia la potenzialità di utilizzare delle icone correlate, che ben rappresentino una determinata funzione.
Un esempio concreto, l’icona del feed rss.

Altri esempi, le stelle della lista nella sidebar a destra, che potrebbero rappresentare le star del cinema.

Il megafono che affianca il link per continuare la lettura del blog. Uno strumento utilizzato dai registi per far partire una scena, e quindi correlato all’azione da intraprendere al click sul link, per leggere l’intero contenuto dell’articolo.

Nel prossimo step, ti segnalerò il lavoro ultimato direttamente on line (ad ora è tutto su carta, o meglio su schermo ), e le scelte editoriali e di monetizzazione del progetto.

Visto che anche i lettori di blographik mi hanno aiutato, cosa ne pensi di questo lavoro?

Per la qualità dei suggerimenti ottenuti grazie ai due articoli dedicati ai motivi per cui un sito o un blog vengono abbandonati, ho deciso di pubblicare un articolo apposito dedicato esclusivamente a coloro che sono intervenuti per approfondire la discussione.
Ecco cosa hanno risposto:

Lauryn:
Giustamente Lauryn approfondisce il tema da me proposto.

Diciamo che questi sono un misto di motivi per i quali seguire un blog.
Le cose che più spaventano i visitatori sono spesso: le splash page e l’impossibilità di saltarle (soprattutto se in flash), la mancanza del campo di ricerca nel sito, la mancanza di menu chiari, la disorganicità nelle informazioni.

Come dargli torto. Spero d’altronde che non esistano più web designer che realizzino ancora delle pagine introduttive in flash, che non hanno nessuna utilità, sia per il visitatore che per i motori di ricerca.
Se vuoi conoscere meglio Lauryn, puoi leggere la sua recente intervista su blographik:
Web Design al femminile: Intervista a Lauryn di italianwebdesign.it.
Puoi consultare anche la mia risposta in merito al suo commento.

David Terni:
Non potendo leggere l’articolo di domani (parla del mio articolo pubblicato qualche giorno fa) posso solo prevedere che citerai anche la parte che rigurda il rapporto che si instaura col lettore.

• Si risponde ai commenti?
• Alle email private?
• Se il lettore richiede maggiori chiarimenti ne vengono forniti?

Penso che anche questo sia da non sottovalutare: un “cliente” soddisfatto è la miglior pubblicità che possiamo ricercare.

Anche gli spunti di David sono molto interessanti, infatti ho citato entrambi poichè nei miei precedenti articoli in tema ai motivi dell’abbandono di un sito o di un blog, non avevo affrontato, e ho ritenuto giusto citarli per premiare la loro qualità .
Se ti interessa puoi leggere la mia risposta al commento.

David Terni continua ponendo l’accento però alle specificiche per un blog:

Un’altro aspetto da considerare nei link esterni che forse non sono poi un male, specialmente se sei un bloggher:
Per natura il “navigatore tipo” è un pigro, primo fra tutti il bloggher.

Quando vede un articolo eccessivamente lungo, anche se interessato al tema, assume un atteggio di repulsione.
Scrivere articoli precisi ma essenziali e che non divaghino troppo dal filo principale è cosa assai preziosa. Tu stesso Mirko hai preferito dividere in due questo argomento, volutamente o meno sai il perchè. Questo problema è da prendere maggiormente in considerazione per tutte quelle persone ad esempio che scrivono di argomenti molto tecnici.

Per ovviare a questo problema e rendere ugualmente interessante e prezioso l’articolo, perchè non mettere a fondo pagina links di approfondimenti o risorse esterne?

Sicuramente farà piacere a chi vuole approfondire o a chi è interessato magari ad una specifico argomento del tema trattato. La conseguenza di tutto ciò secondo me si tramuta in maggior professionalità, l’articolo viene considerato più completo, più leggibile e meglio proposto al lettore ottenendo lo scopo desiderato.

Vuoi essere citato anche tu in un articolo pubblicato appositamente per ringraziare i lettori di blographik?
Vuoi un ulteriore link verso il tuo blog?

Per ottenere quasta visibilità, basta rispondere in maniera approfondita ad uno qualsiasi dei prossimi articoli, se noterò un discreto numero di partecipanti che rendono la discussione più costruttiva, non esiterò a scrivere un post tipo quello che hai appena letto ora .
Se ti interessa, puoi leggere la mia lunga risposta in merito a questo punto.

La seconda parte dedicata a quali fattori evitare per migliorare il tempo di permanenza su un sito o blog.
Il precedente articolo ha trattato i primi 8 punti, di seguito la lista continua.

Il caricamento lento delle pagine

Nessuno ama sedersi e aspettare che le pagine si carichino, se questa operazione poi richiede troppo tempo i visitatori semplicemente non aspetteranno. Ciò è ovviamente influenzato dalla velocità di connessione.
Tuttavia, è possibile utilizzare Google Analytics anche per conoscere la percentuale di visitatori che sono dotati di diversi tipi di connessioni ad Internet.

Se la maggior parte dei visitatori sono in dial-up, il caricamento dovrebbe essere il più rapido possibile. D’altro canto, se la maggior parte dei visitatori posseggono collegamenti veloci, è possibile avere un po’ più libertà per la struttura ed il contenuto.

L’Audio o il video che si avvia automaticamente

Oggi l’audio ed il video sono molto comuni in rete, la maggior parte dei visitatori comunque preferisce giustamente avere la possibilità di controllarne l’avvio.

I navigatori che vengono accolti con un suono sorprendente che non scelgono di avviare, spesso cliccano sul pulsante Indietro e cercano altrove.
Se si utilizzano questi elementi nelle tue pagine, dai al lettore la possibilità di iniziare.

La difficoltà di lettura

Se i visitatori non sono in grado di leggere il contenuto, o se hanno difficoltà a procedere in tal senso, sono più propensi ad abbandonare il progetto on line. Questo è soprattutto un problema per i blog.

Essere prudenti con colori e immagini di sfondo, così come il colore del testo e dei link, assicurarsi inoltre di utilizzare spazi adeguati. Elementi come elenchi puntati, paragrafi brevi possono migliorare la leggibilità.

La noia

Forse un visitatore non ha alcun altro motivo di abbandonare un blog a meno che la pagina che stanno consultando risulta semplicemente noiosa.

Se la pagina contiene ciò che stanno cercando probabilmente non si verificherà "l’abbandono per noia", ma è importante sapere che i lettori dovranno essere stimolati a rimanere.

Pagine vecchie e poco aggiornate

Hai mai visitato una pagina che dice "ultimo aggiornamento maggio 2005"? A seconda di ciò che stai cercando, questa pagina non può essere usata da te.
Spesso cambiare le informazioni in modo così rapido potrebbe non essere rilevante.

Se stai creando un blog con pagine poco aggiorate, potresti evitare di inserire la data di pubblicazione.
Spesso ai lettori piace controllare gli ultimi aggiornamenti del tuo progetto, ma mostrare una data obsoleta potrebbe causare l’abbandono del blog perchè ritenuto poco aggiornato e non professionale.

Il troppo Caos

Alcuni siti web e blog hanno inserito tante o troppe informazioni, il visitatore non desidera sforzarsi di trovare ciò che gli interessa tra tanto materiale, perchè provoca distrazione e smarrimento.

Il disordine può essere un grande ostacolo per i lettori, si dovrebbe prendere quindi in considerazione di eliminare tutto ciò che non è necessario.

Qual è il tuo parere?

Cosa ti spinge ad abbandonare un sito/blog che stai visitando?
Quali sono i fattori che si dovrebbero prendere in considerazione quando si realizza un progetto on line dall’inizio?

Photo Credit: Flickr/petervanallen.

Uno degli scopi di un sito web o di un blog è di incrementare il traffico. Mantenere i visitatori del tuo sito, tuttavia, è un altro obiettivo da raggiungere. Naturalmente, una volta che hai il visitatore sul tuo sito o blog lo vorrai mantenere il più tempo possibile, piuttosto che vederlo rapidamente andar via.

Per riuscire a lavorare in modo tale da mantenere i lettori sul proprio progetto, aumentando le pagine visualizzate e il tempo sul sito, è importante riflettere su ciò che potrebbe causare l’eventuale abbandono. Conoscendone i motivi principali, puoi apportare le modifiche giuste per migliorare la situazione.

Di seguito ecco le prime 8 ragioni (domani la seconda parte dell’articolo) per cui i lettori abbandonano velocemente un sito.

Se sei a conoscenza di altri fattori che ho lasciato fuori da questo elenco, non esitare a lasciare un commento, il tuo parere è per me molto prezioso.

L’inaccessibilità

L’accessibilità, ovviamente, è una termine ultra usato nel mondo dei designer e degli sviluppatori, e per buoni motivi.
Se un sito è inaccessibile a un utente, lui o lei lo abbandonerà indipendentemente dalla qualità del progetto.
Se non si può accedere al sito, quali altre possibilità puoi offrire?

Con così tanti browser utilizzati, con le diverse connessioni ad internet, e ai diversi bisogni degli utenti, la creazione di un sito accessibile che sia efficace può essere una vera sfida.

Una navigazione frustante

Se i visitatori hanno difficoltà a trovare ciò che stanno cercando attraverso una navigazione rapida e semplice, molti di loro andranno via.
Sono sicuro che tutti abbiamo avuto un’esperienza frustrante anche come semplici visitatori. Le pagine più importanti o più comunemente ricercate dovrebbe essere molto facili da trovare, e la navigazione dovrebbe essere logica e intuitiva. utile a questo scopo potrebbe essere l’inserimento di una mappa del sito o di un motore di ricerca interno.
Per i blogger che utilizzano wordpress ecco alcuni utili plugin per realizzare una sitemap del proprio blog:

• Google (XML) Sitemap Generator;
• Sitemap Generator Plugin.

I Link esterni

Ogni sito web o blog include nelle proprie pagine collegamenti a risorse esterne. Mentre il link ideale, ha uno scopo e rende il tuo sito più prezioso e utile per i visitatori, la verità è che alcuni di loro lasceranno il tuo sito/blog per consultare i link esterni, e non faranno più ritorno.
Tutto ciò non è ovviamente un fattore negativo (dopo tutto, stai aiutando il visitatore a trovare qualcosa di interessante) ma è da prendere in considerazione.

Ad esempio, in un e-commerce in cui un utente sta acquistando un nostro prodotto in vendita, non inseriremo dei link in uscita durante questo processo perché desideriamo mantenere ogni ospite, fino a quando non termina l’acquisto.
Non sto suggerendo che non si dovrebbero inserire link, ma pensiamo in che modo tali link esterni permetteranno di migliorare o alterare lo scopo della pagina.

I clic sugli annunci pubblicitari

La pubblicità è una fonte di reddito per molti siti web e blog.
Lo scopo per un inserzionista che paga per avere un banner o un link testuale sul tuo sito, è di ottenere il maggior numero di clic che generino un ritorno dell’investimento.

Il servizio di google adsense ad esempio, il clic sull’annuncio obbliga all’abbandono della pagina a favore dello sponsor, con il risultato che spesso non si torna più indietro e quindi una buona percentuale di visitatori abbandonerà il sito o il blog.

E’ un fatto noto che bisogna essere disposti ad accettare. In caso contrario, scegli di non vendere annunci e potrai offrire ai tuoi lettori una scusa in meno per andarsene.

Le Pubblicità fastidiose

Mentre gli annunci possono portare via lettori a causa del clic sugli stessi, puoi anche mandar via i visitatori se sono presenti troppe distrazione. Infatti, se utilizzi sponsor eccessivamente appariscenti ed invadenti, potresti cacciare comunque alcune persone per questo motivo.

La soddisfazione del cliente/lettore

Prima o poi il tuo sito verrà abbandonato, è normale. Questo certamente non significa che lasciare un sito sia da considerare negativamente. Se ad esempio gestiamo un ecommerce, è possibile constatare che un gran numero di visitatori esce dal sito da una pagina di ringraziamento dopo aver acquistato. Nel caso di un blog, un lettore trova ciò che cerca e si sposta su un altro sito.

Non possedere le informazioni cercate

Alcuni visitatori raggiungono il tuo sito web o blog alla ricerca di qualcosa di specifico, e non lo trovano. Non sarai mai in grado di fornire a tutti i tuoi lettori tutto ciò di cui hanno bisogno, ma è importante capire il tuo pubblico e ciò che è probabilmente desiderano dal tuo sito web, in modo da poter fornire dati utili.

Non essere professionale

Si possono perdere i visitatori se il sito sembra non professionale, soprattutto se siete in un settore in cui i visitatori si aspettano di vedere professionalità.

Photo Credit: Flickr/BeneToZi.

Dopo un periodo di pausa, torna la raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato.

Gli argomenti di questa settimana riguardano:

01. Utility: I Migliori Plugin SEO Per Firefox;

02. Offerte di lavoro: Esperti in web design e programmazione.

03. Utility: Software gratuito per registrare le conversazioni di Skype

04. CSS: Centinaia di layout per siti web.

05. Accessibilità: Commissionare un sito a norma della legge 4/2004.

06. Plugin WordPress: Admin Big Width per wordpress 2.5.

07. Librerie Javascript: Shadowbox, soluzione Javascript per gallerie di immagini.

Lunedì 31 Marzo:

Utility: I Migliori Plugin SEO Per Firefox.
5 estensione per firefox utili per il Search Engine Optimization.

Offerte di lavoro: Esperti in web design e programmazione.
Un contratto (credo a tempo determinato o a progetto), per un progetto di e-mail marketing.

Utility: Software gratuito per registrare le conversazioni di Skype.
Risorsa gratuita utile per registrare via skype interviste per blog o salvare conversazioni audio, da poter riascoltare successivamente in formato mp3.

Martedì primo Aprile:

CSS: Centinaia di layout per siti web.
Una lunga raccolta di template e layout in css pronti da scaricare, tutti di buona qualità.

Accessibilità: Commissionare un sito a norma della legge 4/2004.
Roberto Scano parla su Webaccessibile.org di come “commissionare un sito a norma della legge 4/2004″.

Plugin WordPress: Admin Big per wordpress 2.5.
Un utile plugin che modifica la larghezza fissa del pannello di controllo di wordpress 2.5, in una risoluzione al 100%, per sfruttare le dimensioni dei monitor più grandi.

Mercoledì 3 Aprile:

Librerie Javascript: Shadowbox, soluzione Javascript per gallerie di immagini.
Una ulteriore risorsa alle numerose librerie javascript presenti in rete , Shadowbox, presenta delle innovative e peculiari caratteristiche, tra le quali la corretta validazione.

La quarta ed ultima parte di 4 articoli, dedicati alla corretta progettazione di un blog.

Puoi consultare anche le puntate precedenti:
Blog Design: Qual è la Parte più Importante del Tuo Blog?
(parte 1)

Blog Design: Qual è la Parte più Importante del Tuo Blog?
(parte 2)

Blog Design: Due Differenti Approci da Considerare.
(parte 3)

Cosa puoi inserire nella parte alta del tuo blog?

Decidere cosa inserire nella schermata in cui non bisogna effettuare lo scrolling di pagina, non è una decisione facile (quando mai ).

Ecco un elenco (in ordine di importanza), di alcuni elementi del blog che puoi considerare.
Naturalmente, non sarai in grado di includerli tutti, per cui dovrai decidere le tue priorità.

1. Il titolo del blog – Ovviamente la parte più importante. A questo proposito non c’è molto da dire in più.

2. L’ intestazione o Header – La maggior parte della testate dei blog, hanno qualche tipo di immagine.
Questa può variare da un piccolo logo ad una grande composizione grafica, che occupa un bel pò di spazio sullo schermo.
Una volta che hai deciso quale approccio scegliere, avrai una migliore idea della quantità di spazio che sei disposto a dedicare al tuo header.

3. La navigazione principale – La maggior parte dei blog hanno link ad altre pagine, di solito nella parte alta.

Naturalmente, la navigazione a queste pagine sarà facilmente consultabile per i visitatori, se i collegamenti si trovano visibili senza effettuare alcuno scroll di pagina.

4. Gli RSS ed i servizi di abbonamento tramite newsletter – Per un blog è molto importante essere seguito anche tramite rss o newsletter gratuite.

Se si sceglierà di dedicare uno spazio nella parte alta del blog, quindi subito visibile e facile da trovare anche a chi accede per la prima volta, ci sarà una buona probabilità che aumentino anche gli iscritti, in quanto non occorre scorrere la pagina verso il basso per stimolare il lettore all’azione.

5. Il conteggio del numero degli iscritti - Diversi blog, inoltre, visualizzano il numero di coloro che si sono iscritti al blog tramite feed rss e newsletter.

Se si dispone di un nutrito gruppo di iscritti (consiglio di inserire il contatore solo se si superano le 100 sottoscrizioni, altrimenti potrebbe essere controproducente), questo può essere efficace per mostrare maggiore credibilità ai nuovi visitatori.

6. Gli ultimi articoli pubblicati – Alcuni blog inseriscono i post pubblicati di recente molto in alto sulla barra laterale, nella speranza di aumentare le pagine viste e di facilitare la navigazione.

7. I link alle categorie – Visualizzare i collegamenti alle varie sezioni del blog, fornisce gli stessi risultati degli ultimi articoli pubblicati. In oltre, con una rapida occhiata, si fornisce al navigatore, una buona idea degli argomenti trattati nel blog.

8. I link ai post più popolari – Molti blog includono collegamenti agli articoli più consultati o a qualche altro tipo di contenuto (potrebbe essere un tema in WordPress, il download di un ebook o di risorse di grafica vettoriale etc.), per cui i visitatori possono leggere fin da subito le risorse di maggior interesse.

9. La pubblicità – Se vendi spazi pubblicitari, potrebbe essere più efficace posizionare gli annunci molto in alto. E se stai usando serivizi di affiliazione o link a pagamento, puoi chiedere un prezzo più alto per essere presenti in questo spazio privilegiato.

Cosa ne pensi dei 9 suggerimenti che ti ho segnalato?
Li ritieni validi?
Quali inseriresti nel tuo blog?

Sei libero di rispondere commentando questo articolo.

La terza parte di 4 articoli dedicati alla corretta progettazione di un blog.

Puoi consultare anche le puntate precedenti:
Blog Design: Qual è la Parte più Importante del Tuo Blog?
(parte 1)
Blog Design: Qual è la Parte più Importante del Tuo Blog?
(parte 2)

Due approcci diversi

Come con qualsiasi elemento di design, ci sono diverse opinioni sul modo di ottenere il miglior risultato nella zona alta (per intenderci la sezione visibile senza scorrere in basso la pagina) del tuo progetto.

Per il design del blog, ci sono principalmente due differenti approcci, di seguito i dettagli di ciascuno di essi.

1. Il contenuto del blog inizia nella parte più alta possibile della pagina.

Nel progettazione di un blog, il punto focale del modello è sempre il contenuto: il layout dovrebbe essere quindi realizzato di conseguenza.

Gli elementi del tema che si concentreranno lontano dal contenuto (testo, audio, video che sia), saranno probabilmente un ostacolo più che un aiuto.

Per questa ragione, è comune vedere le informazioni presenti nei blog a partire dalla parte alta della pagina.

Lo scopo è di massimizzare il numero di visitatori che effettivamente leggeranno gli articoli.
Sappiamo bene ormai, quanto sia importante per un buon posizionamento nei motori di ricerca, (e quindi anche per il successo di un blog) oltre che i visitatori unici, anche il tempo ed il numero di pagine visualizzate.

Con la progettazione di un blog che presenta queste caratteristiche (quindi con un header sostanzialmente molto stretto), il visitatore può vedere rapidamente l’inizio del contenuto, compreso il titolo di un post, e magari anche un paragrafo o due. senza dover effettuare scroll di pagina.

L’obiettivo di questo approccio, è quindi quello di rendere prioritaria la lettura del contenuto. Se il lettore sarà impegnato nella consultazione del blog, idealmente ci sarà una minore frequenza di rimbalzo.

Nota a margine: Cos’è la frequenza di rimbalzo o bounce rate?
E’ la percentuale di visitatori che abbandonano il blog dopo aver consultato una sola pagina. Una bassa percentuale di questo parametro, permette di capire che il progetto viene consultato per più pagine (e di conseguenza per più tempo). Nel caso contrario, grazie ai servizi di analisi del traffico, potrebbero essere necessarie alcune modifiche per diminuire i visitatori, che escono praticamente subito dal blog o sito che sia.

Per maggiori informazioni puoi consultare un interessante articolo pubblicato da Fabio Dell’Orto su Progetto-Seo.it: frequenza di rimbalzo.

2. Intestazioni più grandi e alte, vengono utilizzate per dare un forte impatto visivo.

La prima impressione ha da sempre influenzato il giudizio del navigatore. Dedicando più spazio sullo schermo nella prima parte della struttura del blog, si avrà una maggiore possibilità di visualizzare un design attraente. Questo approccio viene utilizzato per migliorare l’aspetto e il branding di un progetto, ma farà in modo che per consultare il contenuto bisognerà spostarsi sempre più in basso.

Il mio parere

Quando sto visitando un blog, indipendentemente dal fatto che è la mia prima visita, non mi piace dover scorrere troppo verso il basso per vedere l’inizio del contenuto.

Sicuramente dedicare meno spazio all’header aumenterà le difficoltà a creare un blog dal forte impatto grafico/visivo.
Evidenziare maggiormente il contenuto, renda a lungo termine in termini di visibilità e di credibilità.

Questo tipo di approccio alla progettazione del blog, rende più facile la sua lettura e ne incoraggia la navigazione.

Sei curioso di sapere cosa inserire nella zona più importante e visibile del tuo blog?
Lo scoprirai nel prossimo articolo.

Se sei interessato a questi argomenti, e non fai parte dei fedeli lettori di blographik, iscriviti adesso al feed rss.

La seconda parte di 4 articoli dedicati alla corretta progettazione di un blog, anche tenendo bene in mente l’importanza del primo impatto e di una corretta navigabilità.

Puoi consultare la prima parte della serie:
Blog Design: Qual è la Parte più Importante del Tuo Blog? (parte 1)

Perché è importante la parte alta del blog?

1. Come ho già detto, è la prima cosa che vedranno i nuovi visitatori. La prima impressione è molto importante, e di solito influenza il lettore a tornare o ad abandonare per sempre ciò che sta consultando.

2. Il contenuto mostrato nella parte alta senza l’aiuto dello scroll, è sufficente a coinvolgere il visitatore a scorrere la pagina verso il basso o spostarsi ad altre sezioni di tutto il blog.
Ci sono diverse teorie su ciò che è più efficace a questo scopo. Ne vedremo alcune nei prossimi articoli.

3. Aiuta il visitatore a conoscere dove si trova in quel momento. Quasi ogni blog, utilizza un layout che sembra sostanzialmente identico in ogni pagina o post.

Se ogni pagina presenta un header molto ampio, il lettore sarà obbligato a scorrere tutto verso il basso, solo per vedere dove sono i contenuti di quella sezione.

Nel momento in cui navigheranno le varie sezioni, ogni volta bisognerà scorrere la pagina per leggere le informazioni presenti.
Poichè la parte superiore di ogni pagina sembra identica, in questo caso, è difficile per i visitatori capire dove si trovano senza utilizzare la scrollbar.

D’altra parte, i navigatori possono facilmente comprendere dove sono, se il contenuto (compresi i titoli dei post del blog) inizia subito in alto.

Il prossimo articolo tratterà i due differenti approci da considerare per il design della parte alta di un blog.

Se sei interessato a questi argomenti, e non fai parte dei fedeli lettori di blographik, iscriviti adesso al feed rss.

La prima parte di 4 articoli dedicati alla corretta progettazione di un blog anche tenendo bene in mente l’importanza del primo impatto e di una corretta navigabilità.

Nel progettare qualsiasi tipo di progetto on line, è necessario tenere a mente ciò che i visitatori vedranno subito dopo l’arrivo al sito/blog (nella continuazione dell’articolo farò riferimento sempre ai blog, anche se gli stessi consigli valgono anche per “i normali” siti web).

La sezione in cui non c’è bisogno di effettuare lo scrolling della pagina verso il basso, è la parte più importante e visibile a cui prestare molta attenzione.

Il contenuto e gli elementi del design presente nella parte alta del blog, attirano l’attenzione dei visitatori, incoraggiandoli a controllare il testo dell’intera pagina.

Per questo motivo, il layout dovrebbe essere pensato in modo da creare una prima esperienza positiva, senza neanche scorrere il contenuto.

Diversi designer non hanno le stesse opinioni su ciò che ha il maggior impatto nella parte alta del blog, infatti non esiste un metodo corretto ed uno sbagliato.

La verità è che non si può mai essere sicuri al 100% di cosa ogni visitatore vedrà senza scrollare la pagina, questo anche a causa delle differenti risoluzioni dello schermo.

Il prossimo articolo tratterà il perchè è così importante la parte alta di un blog.

Se sei interessato a questi argomenti, e non fai parte dei fedeli lettori di blographik, feed rss” target=”_blank” rel=”tag”>iscriviti adesso al feed rss.

Come rendere credibile il design del vostro blog o sito.

La creazione di contenuti, che si tratti di articoli, di una pagina di vendita o di un sito web, ha tra gli altri obiettivi, quello di aumentare la fiducia di chi legge.

Se volete quindi mostrare un’immagine professionale, quest’ultima ha molto a che fare con la fiducia.

Che cosa rende un design più affidabile rispetto ad un altro?

Diversi sono i fattori si fondono per creare un senso di fiducia verso il vostro progetto on line. Dalla progettazione del logo al contenuto, all’utilizzo degli spazi bianchi tra i vari elementi di ogni pagina.

Un buon progetto professionale deve apparire solido, lo stesso vale per il contenuto.
Errori di battitura e grammaticali diffondono poca professionalità e l’immagine del sito (e di conseguenza dell’azienda) non ne trarrà di certo beneficio.

Alcuni di questi consigli possono risultare ovvi, ma sono comunque degni di essere considerati.

Eccoli:

01. La Coerenza.

Intesa come l’utilizzo di uno stesso tema per tutte le pagine del vostro blog o sito web.

Una volta che l’esperienza del navigatore diventa frustrante, con pagine di diversa forma, colore e/o grafica, andrete a perdere la fiducia di chi vi consulta.

Tutto il design deve esprimere una percezione di grande qualità.

Inserite il vostro nome o logo, su ogni pagina del sito o blog.
Mostrate in evidenza e con la stessa formattazione, i link all’interno della pagina.

02. Una Foto.

Quando vedo una foto della persona reale o di un gruppo sulla classica pagina “chi siamo”, mi sento come se li conoscessi.

Mi ispira molta più fiducia in quanto ci mettono la faccia e quindi si responsabilizzano delle azioni e delle informazioni che vengono dichiarate nel sito.

Questo vale sia per le piccole imprese che per i blogger.

03. Fotografie di alta qualità.

Utilizzate materiale fotografico di buona risoluzione per mostrare i vostri prodotti o servizi.

L’utente non può toccare il vostro prodotto, ma potrebbe essere in grado di memorizzarlo in un modo dettagliato, attraverso delle immagini ingrandite, ad esempio.

Nel caso di servizi o software potreste realizzare degli screenshot che ne indichino il funzionamento.

04. Il testo e la Scrittura.

Le parole sono pensate per essere lette.

La creazione di testo di piccole dimensioni possono apparire graficamente accattivanti, ma in ultima analisi, sapete bene quanto sia difficile poi leggere con un carattere di 8/10px.

Il contrasto è molto importante, il classico testo nero e sfondo bianco sarebbe il miglior metodo per raggiungere una maggiore usabilità.

Un interessante studio svolto da Alyson L. Hill del Dipartimento di Psicologia di Stephen F. Austin sulla Leggibilità dei siti web e del colore di sfondo come contrasto, evidenzia appunto questi problemi.

Potreste considerare l’utilizzo di un correttore ortografico (word o openoffice vanno più che bene), così come porre molta attenzione nella grammatica e nella formattazione.
Jakob Nielsen ha pubblicato molto materiale sulla scrittura per il web.

Jakob Nielsen inoltre, espone anche il problema dell’usabilità per gli anziani.

La mancanza di semplicità rende i siti inaccessibili dalla maggior parte delle persone di una certa età.
Ricordate che le persone anziane, sono in rapida crescita degli utenti della rete.

05. La navigazione.

In merito a questo tema torniamo alla coerenza del primo punto.

Cercate di evitare di creare menu diversi per le sezioni del vostro sito o blog.
Se l’utente non riesce a capire come muoversi all’interno di un sito, state certi che lo perderete.

Il senso di disagio che nasce da un sito poco navigabile, provocherà un forte aumento della percentuale di abbandono.

Pubblicate una mappa del sito dove ponete in evidenza tutte le sezioni, per migliorarne la navigabilità.

Inoltre l’utilizzo delle briciole di pane (breadcrumb) all’interno delle pagine interne, farà capire a chiunque dove si trova e cosa sta leggendo.

06. Gli spazi bianchi.

Se guardate la struttura o il layout di qualsiasi azienda di lusso, vedrete molti spazi bianchi.

I designers tendono ad utilizzare questo spazio, per focalizzare l’attenzione dell’osservatore intorno ai vari elementi ben definiti.

Se tutti i contenuti sono posizionati in modo disordinato, il risultato d’inseme ne risente.

Su Design By Hümans, troverete un unica grande t-shirt disegnata da artisti provenienti da tutto il mondo.
Questo sito pone in risalto un unico oggetto, grazie al sapiente uso degli spazi bianchi.

Quando si utilizza un design di spazi vuoti in modo efficace, si permette un preciso posizionamento di prodotti e/o contenuti, rendendo la ricerca dell’utente molto più facile per ottenere l’idea principale.
Per ulteriori informazioni consultate questo articolo su A List Apart.

07. La richiesta delle e-mail.

Lasciate che gli utenti sappiano come intendete utilizzare le loro email.

Porre in evidenza che non sarà utilizzata e venduta a terzi come posta indesiderata.
Le persone sono giustamente caute nel concedere il loro indirizzo email, fate in modo di modo rassicurarle.

Naturalmente potete ingannare i vostri utenti, ma questo comportamento potrebbe essere la rovina di qualsiasi marca per una relazione a lungo termine.

Quali altri suggerimenti consigliereste per aumentare la fiducia di un navigatore grazie al design di un sito o blog?

Siate liberi di scrivere le vostre considerazioni in merito.

Ecco la raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato.

Photo Credit: Gary Carter/Corbis.

Gli argomenti di questa settimana riguardano:

01. Web Design: Miglioriamo l’usabilità del nostro blog;

02. Ispirazioni Grafiche: 27 esempi di Business Cards;

03. Temi WordPress: Amazing Grace;

04. Tools: Lightview, un nuovo javascript per l’overlay delle immagini;

05. Web Design: Home page, t’amo sempre di più;

06. Utility: Snipprl – Raccolta di Codice 2.0;

07. Servizi web 2.0: Webnode – Creare gratuitamente siti in perfetto stile Web 2.0.

Domenica 13 Gennaio:

Web Design: Miglioriamo l’usabilità del nostro blog!
10 consigli utili per migiorare la qualità del nostro blog. Dall’ottimizzazione della pagina 404 al miglioramento della ricerca avanzata. Tra i suggerimenti migliori, eliminare il superfluo dalla sidebar, come ad esempio l’archivio mensile.

Ispirazioni Grafiche: 27 esempi di Business Cards.
Un articolo che espone 27 esempi di biglietti da visita molto creativi da cui trarre buone ispirazioni per i propri lavori di grafica.

Temi WordPress: Amazing Grace.
Interessante tema per wordpress a 3 colonne con una scelta dei colori molto gradevole e facilmente modificabile.

Martedì 15 Gennaio:

Tools: Lightview, un nuovo javascript per l’overlay delle immagini.
Un altro sistema in javasctipt, per visualizzare le immagini con bordi arrotondati e con lo slideshow automatico delle immagini.

Seminario On Line: Com’è fatto il sito perfetto?
Verso fine febbraio StudioPleiadi, lancerà un seminario on line della durata di un’ora sui fattori da considerare per la realizzazione di un sito web di qualità. La partecipazione avverrà tramite l’iscrizione alla loro newsletter.

Mercoledì 16 Gennaio:

Web Design: Home page, t’amo sempre di più.
L’importanza di sfruttare la pagina principale di ogni sito/blog, per attrarre il maggior numero di visitatori e fidelizzarli ai propri contenuti.

Utility: Snipprl – Raccolta di Codice 2.0.
Archivio di codice distribuito al pubblico gratuitamente. uno spazio dove condividere e farsi conoscere in rete.

Venerdì 18 Gennaio:

Servizi web 2.0: Webnode – Creare gratuitamente siti in perfetto stile Web 2.0.
Un servizio che permette la creazione di siti web anche per i non tecnici.

La terza parte della mini serie di articoli dedicata alle risorse consigliate dai web designers, sviluppatori, grafici ed esperti in comunicazione, intervistati su blographik.

Le prime “2 puntate” della serie:

• 5 Blog e Siti da seguire su Web Design, Accessibilità e Usabilità (prima parte).
• Ecco Altri 5 Progetti su Web Design e Grafica, da Seguire con Attenzione (seconda parte).

Di seguito la terza parte.

Magazine e Blog su Graphic & Web Design.

ThinkVitamin.com
Blog Magazine dedicata al web design e non solo. Sono presenti interviste audio, recensioni e tutorial.
Il progetto si aggiorna settimanalmente con nuovi articoli di grande qualità.

I fondatori sono Ryan (esperto di business development e appicazioni web) e Gillian Carson (cura il marketing, la gestione degli eventi e la sezione giornalistica del progetto).

Quasi 50 gli autori di Vitamin. Sono presenti i nomi più influenti nel campo del web design, dello sviluppo e dell’imprenditoria legata al web.

Readwriteweb.com
Popolare blog che presenta contenuti correlati alle notizie su tecnologia correlata al web, recensioni ed analisi.
Fa parte di un network di blog che trattano la tecnologia in rete.
ReadWriteWeb è stato fondato dal Neo Zelandese Richard MacManuS.

Altri 8 profesionisti collaborano all’aggiornamento di questo progetto.

Csszengarden.com
Non ci dovrebbero essere presentazioni per lo storico progetto legato ai css.
La dimostrazione di cosa può essere fatto visivamente attraverso il design CSS-based.
Uno spazio che ha lo scopo di ispirare, eccitare ed incoraggiare l’utilizzo dei css da parte di web designers e sviluppatori.

Devlounge.net
Altro blog magazine di alta qualità. I temi trattati sono sempre gli stessi, web design, grafica e articoli su accessibilità e usabilità.

Devlounge nasce nell’aprile del 2006 grazie ad un web designer 17enne.
Per un tocco artistico del blog, Overage4Design, ha fornito nel 2006 delle illustrazioni molto originali.
Hanno a disposizione un gruppo su flickr in cui è possibile inserire i propri lavori.
La sezione che reputo più interessante, sono le interviste ad i professionisti del web.

Howdesign.com
Magazine dedicato il larga parte ai professionisti del graphic design. Altri temi trattati sono il digital design, la creatività in genere e la tipografia.

Siete liberi di commentare per aggiungere altre risorse utili.

La seconda parte della mini serie di articoli dedicata alle risorse consigliate dai web designers, sviluppatori, grafici ed esperti in comunicazione, intervistati su blographik.

A breve, chi si è perso gli altri appuntamenti in merito alle risorse pubblicate, potrà consultare una selezione dei migliori post.
Se mi segnalate mei commenti le vostre preferenze, potrei realizzare ache un e-book in pdf da scaricare gratuitamente.

Nella prima parte di questa mini rubrica di suggerimenti utili, vi ho segnalato i primi 5 link che gli stessi intervistati su blographik hanno consigliato, in quanto i contenuti di questi blog o siti web sono di ottima qualità.

Vi invito ad aggiungere nei commenti di questo articolo (o dei prossimi post su quest’argomento), blog, siti e forum che trattano i temi correlati alla grafica, al web design ed alle risorse per blogger.

Di seguito la seconda parte.

Magazine e Blog su Grafica, Web Design e non solo.

ParticleTree

Blog multi-autore curato da Chris Campbell, Kevin Hale e Ryan Campbell.
Presenta una raccolta di risorse, per l’affinamento delle competenze sul web. Un blog dove trovare informazioni idee e soluzioni.

Il loro motto è Simple and sweet, Good and excellent.

Chris Campbell.
Chris è ossessionato dal buzz marketing, in Particle Tree cura lo sviluppo in Php.

Kevin Hale.
E’ il responsabile della user experience.

Ryan Campbell.
Fratello di Chris, cura la parte in javascript.
I tre fondatori hanno costruito Wufoo, una applicazione web per la costruzione di moduli di qualità, in cui chiunque può utilizzare il servizio in pochi minuti.

A List Apart

Dedicato esclusivamente a coloro che realizzano siti web.
A List Apart tratta la progettazione, lo sviluppo, ed i contenuti web, ponendo particolare attenzione agli standard ed alle migliori applicazioni disponibili in rete.

Di seguito l’illustre staff di ALA:

• Erin Kissane: Editor;
• Jason Santa Maria: Art director, designer;
• Dan Benjamin: Sistemista e sviluppatore;
• Eric A. Meyer: Esperto in semantica;
• Kevin Cornell: Illustratore;
• Krista Stevens: Acquisitions editor;
• Erin Lynch: Direttore di produzione;
• Andrew Fernandez: Production manager;
• Aaron Gustafson: Redattore tecnico;
• Andrew Kirkpatrick: Redattore tecnico (accessibilità);
• Daniel Mall: Redattore tecnico;
• Ethan Marcotte: Redattore tecnico;
• L. Jeffrey Zeldman: Publisher & creative director.

Veerle

Blog della web e graphic designer belga Veerle Pieters.
Gli argomenti variano dall’ xhtml a suggerimenti e tutorial sulla progettazione grafica.

Ha iniziato la sua carriera nel 1992 come graphic designer freelance sotto il nome di Duoh!. I primi 3 anni sono stati incentrati prevalentemente su progetti di stampa, come loghi, articoli di cancelleria e opuscoli.

Dal 1995 in poi, i suoi obiettivi si sono focalizzati sulla progettazione di siti web e di interfacce utente per intranet e lo sviluppo di materiale multimediale.

Nel 2000 ha fondato Duoh! Nv insieme con Geert Leyseele.

Nel 2003 scopre i Web Standards dopo aver visto CSS Zen Garden e il lavoro di Douglas Bowman. Da allora promuove attivamente i vantaggi dei Web Standards attraverso il suo blog.

Il suo sogno: dare il suo contributo per rendere il web un posto migliore.

Css Play

Progetto nato dalla mente di Stuart Nicholls in collaborazione con la moglie Fran Nicholls che lo assiste nella gestione giornaliera di sito, completamente dedicato alle risorse sui CSS.
Le varie sezioni del progetto, presentano una ricchissima lista di risorse su menu, gallerie fotografiche, calendari, animazioni etc.

Digital Web Magazine

Digital Web Magazine è un progetto multi autore on-line, per i professionisti che trattano il web design, lo sviluppo siti web e l’architettura dell’informazione.

Digital Web Magazine è una pubblicazione senza scopo di lucro creata da una rete mondiale di volontari dedicata alla produzione di qualità educativa e materiale informativo gratuito, per favorire lo sviluppo del web per il beneficio di tutti.

Tutto il loro lavoro passa attraverso un approfondito processo di revisione. Una che l’articolo viene approvato dal comitato di redazione, viene pubblicato dai collaboratori.
L’idea del progetto è quella di incoraggiare i progettisti ed agli sviluppatori di essere creativi ed innovativi.

Dalle interviste on line di Blographik, ho raccolto molto materiale utile per grafici, web designer, sviluppatori e bloggers.

La seconda parte di questa mini serie di articoli dedicata dedicata esclusivamente ai libri consigliati dagli intervistati su blographik.

Se siete interessati ai libri sullo sviluppo di pagine web standard (css e xhtml), vi consiglio la consultazione anche della prima parte.

Di seguito i successivi 6 libri.

Usabilità e Web Design:

“Don’t Make Me Think” di Steve Krug.
Recensione su html.it.

“Introduzione al Web Design” di N. Macdonald.
(non sono riuscito a trovare la copertina del libro)

“Comunicazione, qualità, usabilità” di L. Cantoni, N.Di Blas, D. Bolchini.

“Lo Zen e il design CSS” di D. Shea e M.E. Holzshlag.
(non sono riuscito a trovare la copertina del libro)

“Web Design Arte e Scienza” di Jeffrey Veen.
Un testo di riferimento per tutti i web designer.

“Dreamweaver MX Applicazioni dinamiche” di Bardzell Jeffrey;
Dreamweaver e il suo uso con codice serverside.

Sempre sullo stesso argomento potete leggere un ulteriore articolo pubblicato su blographik qualche tempo fa:

7 Libri da leggere: dal web design al web marketing passando per il podcasting.

La raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato.

Photo Credit: Corbis.

Gli argomenti di questa settimana riguardano:

01. E-Book: Google Analytics – ecco l’ebook per partire bene;

02. Blog: Editors per Windows;

03. CSS: Utilizzare gli sprites con CSS;

04. WordPress: Plugins e Tutorials;

05. Libri: Appendice B del libro di Michele Diodati, Accessibilità. Guida completa;

06. Persuasive Copywriting: La scrittura persuasiva nel web.

Lunedì 22 Ottobre:

E-Book: Google Analytics – ecco l’ebook per partire bene.
L’8 e il 9 Dicembre si terrà il secondo Convegno GT.
Come per l’anno scorso, anch’io parteciperò a questo evento nazionale, in cui saranno presenti gli esperti del mondo SEO e SEM del panorama italiano.
Come materiale didattico, Giorgio Tavernini distribuisce un E-book di 17 pagine su Google Analitycs, scritto da Marco Cilia (Tambu).

Blog: Editors per Windows.
Da mashable.com, una lista di 10 editor gratuiti per blog su windows.

Da diversi mesi utilizzo Windows Live Writer, programma gratuito di casa Microsoft scoperto grazie ad una recensione di Giovy.
Gestisco più di un blog e questo formidabile software, mi permette di scrivere facilmente ed uploadare immagini in maniera facile e veloce.

Mercoledì 24 Ottobre:

CSS: Utilizzare gli sprites con CSS.
Come utilizzare gli sprites per rendere più veloce il caricamento di un sito.

WordPress: Plugins e Tutorials.
Una lista ricca di materiale utile per chi lavora con WordPress.

Giovedì 25 Ottobre:

Libri: Appendice B del libro di Michele Diodati, Accessibilità. Guida completa.
La versione in HTML dell’appendice B del libro da poco pubblicato di Michele Diodati ‘Accessibilità Guida completa’, scritta da Giovanni Acerboni.
Sullo stesso sito, potete consultare la recente intervista a Michele Diodati in occasione dell’uscita del suo libro sull’accessibilità.

Venerdì 26 Ottobre:

Persuasive Copywriting: La scrittura persuasiva nel web.
Come rendere la scrittura realmente persuasiva, consigli e suggerimenti utili anche per il web.

La raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato.

Photo Credit: Corbis.

Gli argomenti di questa settimana riguardano:

01. Risorse on line: Usare il web per trovare lavoro;

02. Web analysis: Com’è fatta la tua torta?

03. Accessibilità: Legge Stanca – Guida ai 22 requisiti tecnici;

04. CSS: Layout elastico a due colonne;

05. Ispirazioni: 20 design per il proprio portfolio;

06. Risorse per Blog: Quanto contano le public relations nel successo di un blog.

06. Interviste on line: Giorgio Taverniti su Tsw.it.

07. PDF: Materiale seminario SMAU 2007 sull’accessibilità;

08. Web Marketing: Email marketing vs. siti internet.

Lunedì 15 Ottobre:

Risorse on line: Usare il web per trovare lavoro.
Alcuni dei migliori motori di ricerca e serivzi utili per la ricerca di lavoro on line.

Web analysis: Com’è fatta la tua torta?
Leonardo Bellini scrive un articolo da consultare su OneMarketing, in merito alle 4 macrosezioni per valutare le fonti di traffico di un sito web o blog.

Martedì 16 Ottobre:

Accessibilità: Legge Stanca – Guida ai 22 requisiti tecnici.
Il capito 4 del libro di Roberto Scano: Come applicare e verificare i 22 requisiti per i siti web.

CSS: Layout elastico a due colonne.
Un tutorial pubblicato da Alessandro Fulciniti di Html.it, per la realizzazione di un layout liquido a 2 colonne corredato da un esempio concreto. Da non perdere.

Mercoledì 17 Ottobre:

Ispirazioni: 20 design per il proprio portfolio.
Una lista di qualità selezionata in un articolo che mostra 20 esempi di ispirazioni per un portfolio originale e creativo.

Risorse per Blog: Quanto contano le public relations nel successo di un blog.
Da TagliaErbe, alcuni punti da prendere in considerazione per migliorare la propria presenza on ed off line.

Interviste on line: Giorgio Taverniti su Tsw.it.
4 chiacchiere con Giorgio Tavernini, fondatore e promotore del Forum GT.

Giovedì 18 Ottobre:

PDF: Materiale seminario SMAU 2007 sull’accessibilità.
Pdf di 44 pagine disponibile gratuitamente e molto ben fatto, a cura di Marco Bertoni, sull’importanza degli aspetti redazionali per l’accessibilità del web.
I temi trattati sono particolarmente utili per i portali ed i siti pubblici.

Web Marketing: Email marketing vs. siti internet.
Perché l’e-mail marketing batte il sito internet? Ce lo spiega Laura Francesconi di presso Hoplo Srl in questo articolo.

La raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato.

Gli argomenti di questa settimana riguardano:

01. Blog: Quanta pubblicità all’interno di un blog?

02. Architettura dell’informazione: Ansia da Informazione;

03. Stampa foto on line: Confronti e considerazioni.

04. CSS: Gallery, esempi e risorse sul webdesign;

05. Risorse Flash: I migliori Software Flash Freeware;

06. Web Design: Accessibile è necessario;

07. Interviste on line: 12 modi per utilizzare al meglio il footer dei vostri blog;

08. Interviste on line: Le risposte di Andrea Cappello su SEO e SEM.

Lunedì 01 Ottobre:

Blog: Quanta pubblicità all’interno di un blog?

Una segnalazione dal blog di Taglia Erbe su una ricerca effettuata da Serverdome.org in 6 diversi top blogger internazionali.
La pubblicità all’interno dei loro progetti si aggira dal al 14, 69 al 27,86%.

Architettura dell’informazione: Ansia da informazione.

Approfondimenti sull’ansia indotta dal cattivo design.
alcune domande a cui si risponde nell’articolo:

Il cattivo design e la scarsa usabilità di alcuni siti internet possono essere causa di ansia e stress nell’utente?

Cosa avviene quando si naviga in internet per fare una ricerca?

Martedì 02 Ottobre:

Stampa foto on-line: Confronto e qualche considerazione.

L’esperienza di Davide Del Monte sulla scelta e la qualità di alcuni servizi di stampa di foto digitali.

Mercoledì 03 Ottobre:

CSS: Gallery, esempi e risorse sul webdesign.

Da CssGlance una selezione di tools per migliorare la conoscenza dei Css.

Risorse Flash: I migliori Software Flash Freeware.

5 risorse utili per flash: flash player, flash slide show maker, riva flv encoder, powerbullet presenter.
Il migliore secondo il mio punto di vista è Flash Slide show Maker, che permette di creare foto album in Flash con le immagini da inserire poi facilmente in siti o blog.

Giovedì 04 Ottobre:

Web Design: 12 modi per utilizzare al meglio il footer dei vostri blog.

Nei blog il footer viene spesso trascurato, al contrario questo spazio potrebbe essere utile per allegerire il contenuto della sidebar. L’articolo espone 12 modi per utilizzare al meglio questo spazio specificatamente per blog.

Venerdì 05 Ottobre:

Interviste on line: Accessibile è necessario.

Michele Diodati intervistato su Punto Informatico. Temi trattati: il suo libro appena uscito e argomenti legati all’accessibilità e agli standard web.
Il libro verrà distribuito dall’autore anche on line.

Interviste on line: Le risposte di Andrea Cappello su SEO e SEM;

Altra intervista ma di un settore diverso. Taglia Erbe ha posto 7 domande ad Andrea Cappello, fondatore di una delle principali agenzie Sem e web marketing italiane.

Dalle statistiche dei feed di questo blog, i 10 articoli più consultati dai “fedeli lettori” di Blographik nel mese di Settembre 2007.

Queste statistiche saranno utili per consultare articoli che potrebbero esservi sfuggiti.
A settembre sono stati consultati maggiormente i post relativi alle interviste on line e alle risorse per blogger e web designer.

01.
Blog Writing: Come trovare grandi idee per i propri articoli

3 consigli su come trovare idee brillanti per i propri post e altri suggerimenti su dove cercare l’ispirazione giusta.

02.
Aggiornarsi in rete: Quanto tempo dedicate alla consultazione delle News giornaliere

Se siete dei blogger e curate uno o più progetti in rete, scrivete molto o poco, spesso o raramente, dovrete comunque ritagliarvi del tempo per rimanere costantemente aggiornati sui continui mutamenti della rete.

03.
Grafica e Blog: Intervista a Daniele Cogo di Scatto Design

Una gradevole conversazione con un grafico professionista: Daniele Cogo di Scatto Design.

04.
Grafica e Design: intervista a Lorenzo Maffiodo

Una chiacchierata con Lorenzo Maffiodo di Trickproject.com, designer torinese laureando in Eco-Design ed appassionato di grafica, internet e blog.

05.
Gli articoli più letti di Blographik ad Agosto 2007

I 10 articoli più consultati dai “fedeli lettori” di Blographik nel mese di Agosto 2007.

06.
Web Design: l’importanza della Home Page per un sito web

Alcune riflessioni tratte dall’articolo pubblicato su Vitamin, a cura di Paul Boag, in merito all’importanza della home page per un sito web.

07.
7 Suggerimenti per costruire una Community dal vostro Blog

In questo articolo vi suggerisco sette metodi per costruire una community dal vostro blog.
Quali sono i benefici?
Da dove si parte?

08.
Recensioni su WordPress 2.3 e Blog Writing: news della settimana n. 40

La raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato.

09.
Usabilità ed Accessibilità: intervista ai realizzatori di CssGlance.com

Uno scambio di opinioni tra Andrea e Roberto (sviluppatori XHTML e CSS presso la redazione web del sito del Comune di Torino), creatori di CSS Glance, una interessante web gallery in inglese ed italiano.

10.
Il nuovo Blographik: Cosa ne pensate?

Come è stato sviluppato il nuovo Blographik: suggerimenti, consigli, e risorse utilizzate.