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

Un cattivo schema di colori potrebbe rendere un progetto poco professionale e spingerebbe l’utente a “scappare” di corsa.

Se vuoi realizzare un sito o un blog professionale, ti anticipo qui sotto i contenuti che presenta questa mini guida sull’argomento:

• Il significato dei colori più importanti;
• Come usare i colori per creare un sito accessibile;
• Alcuni suggerimenti su come sceglierli;
• 14 tools per la scelta dei colori giusti.

Se vuoi aggiungere altri strumenti o servizi che usi anche tu per realizzare siti web, ti invito a dire la tua nei commenti qui sotto.

Il significato dei colori più importanti

I colori suscitano emozioni.

Nella realizzazione di un sito o di un blog, devi per forza tenere in considerazione le emozioni che si percepiscono utilizzando determinati colori.

Queste emozioni possono variare da persona a persona, tutto dipende dalla esperienze di vita di ognuno.

Qui sotto trovi alcuni significati dei colori più comuni utilizzati maggiormente:

Il Blue

E’ uno dei colori più utilizzati nel web, le emozioni che suscita sono positive.
Il blue rappresenta pace, tranquillità, affidabilità, fiducia, onestà, pulizia e chiarezza.

Pensa ad esempio alla realizzazione di un progetto web legato ad assicurazioni, case farmaceutiche, banche e simili, in tali casi questo particolare colore potrebbe aiutare l’utente a fidarsi maggiormente dell’azienda in questione.

Il Verde

E’ stato sempre associato alla natura, può anche rappresentare l’ambiente, la salute (vedi studi dentistici o medici) e la fortuna.

Per questo blog dedicato alla salute creato qualche anno fa da me, ho usato appunto il verde, visto che tratta argomenti correlati ai farmaci.

L’Arancione

Colore forte che suscita energia e vitalità.

Il Rosso

Come nella segnaletica stradale, il rosso corrisponde a pericolo, ad un avvertimento o anche al sangue.
Le emozioni positive legate al rosso includono l’amore ed il calore/affetto.

Il Rosa

Un colore molto legato alla femminilità (es. un portale sulla moda o sul mondo femminile in genere), associato anche ai bambini e all’infanzia.

Il Nero

Colore importante legato al potere, all’oscurità e  all’eleganza.

Il Bianco

Rappresenta la purezza e la bontà, oltre che all’inverno (es. portali o siti dedicati agli sport invernali) e alla freddezza (aziende che producono frigoriferi, gelati o simili).

Come usare i colori per creare un sito accessibile

Nella fase iniziale di progettazione di un sito, la scelta dei colori è legata anche al semplice buon senso.

Mi spiego meglio con un esempio.

Una clinica di chirurgia oculistica ti commissiona la creazione del loro sito/blog aziendale.

In questo caso puoi evitare l’utilizzo eccessivo di colori come il rosso, poiché implicherebbe emozioni legate al pericolo e al sangue. Meglio non osare .

Fai attenzione alle visualizzazioni del sito su diversi monitor

I colori di un sito web potrebbero variare in base al tipo di schermo (computer/portatile/tablet/smartphone).

I colori non saranno mai gli stessi su macchine diverse, troppe sono le caratteristiche che le differenziano:

• il settaggio del monitor;
• i diversi tipi di monitor in commercio;
• la scheda grafica;
• etc.

Piccoli suggerimenti per migliorare la leggibilità di un sito

Assicurati di utilizzare un buon contrasto tra lo sfondo ed il testo, in maniera da aiutare la navigazione agli utenti con problemi visivi.

L’uso di un alto contrasto è comunque ottimale anche per coloro che hanno una vista normale.
L’occhio si affatica maggiormente davanti al monitor rispetto ad un supporto cartaceo (libri, riviste etc.).

Il corretto uso dei colori porta vantaggi anche lato SEO, perché un aumento del tempo di permanenza e delle pagine visualizzate, permette a google di giudicare il sito come un progetto di qualità, utile a chi lo consulta.

La lettura su carta e sullo schermo hanno caratteristiche ben distinte.

Meglio non utilizzare più di 3-4 colori in totale.
Cerca di scegliere lo stesso tipo di colore per i link, in maniera da rendere facilmente riconoscibile un collegamento dal normale testo.

Ti mostro un piccolo esempio esempio pratico.

Decidi di rendere il collegamento di un menu orizzontale seguendo questa formattazione:

• non sottolineato;
• di colore nero;
• con un carattere Trebuchet MS di 13 pixel di grandezza.

Al passaggio con il mouse, il link è sottolineato con una linea continua in basso alta 3 pixel, ed un testo che cambia di colore (es. da nero ad azzurro).

Questo è il menu orizzontale che ti ho segnalato, puoi vederlo anche su questa pagina.

Questo esempio mi serviva per rendere l’idea di come dovrebbe essere netta la differenza di colore tra il menu e il normale testo, durante tutta la navigazione del sito.

Strumenti e risorse utili sui colori

Qui sotto ti elenco 14 tools tools on line che ti permettono di valutare il corretto contrasto e scegliere i colori giusti:

Kuler.adobe

Tool web based della Adobe per la realizzazione, la ricerca ed il download di palette di colori, utile nella realizzazione di siti web.

Colourcheck

Un tool on line utile per scegliere il corretto contrasto tra 2 colori, tramite l’inserimento del valore in esadecimale (es. #000000).

Spin the Color Wheel

Tool on line per la scelta dei colori per il web.
E’ possibile inserire i valori esadecimali, oppure scegliere la funzione random che visualizza un’anteprima di 3 colori ogni volta diversi.

Graybit

Ti permette di visualizzare un’anteprima in scala di grigi del sito.
Puoi verificare in questo modo, se gli utenti con problemi visivi (che hanno difficoltà del distinguere alcuni colori) riescono a leggere correttamente il testo presente nel sito.

Colour Contrast Analyser 1.1

La versione italiana di questo strumento la trovi su webaccessibile.org.
E’ un software gratuito da installare sul proprio pc, per testare le combinazioni di colore sfondo e primo piano.

ColorBlender

Ti permette di selezionare un colore preferito creando una tavolozza sulla base delle tue preferenze.
Le varie palette realizzate possono essere salvate per usi futuri e ottimizzate in base alle tue necessità.

4096 Color Whee

E’ abbastanza semplice e facile da usare per creare tavolozze e combinazioni di colori.

ColorSchemer Studio

Ti suggerisce idee basate da una palette iniziale e puoi divertirti a giocare con i colori.

Photo Color Matcher

Con questo strumento puoi creare una tavolozza dei colori da un’immagine esistente a tua scelta.
Può esserti utile come web designer se desideri creare uno schema di colori da una fotografia.

Colr.org

Tool web based simile a Photo Color Matcher, che estrapola i colori da un’immagine.

What Color

Programma shareware per estrarre colori dal monitor del proprio pc (solo per windows).

Web 2.0 Color Palette

E’ organizzato per aiutarti a sviluppare le combinazioni di colori sulla base di determinati criteri, che si inseriscono in un cosiddetto schema Web 2.0.

Sono stanco di sentire parlare di questo benedetto web 2.0, ma il servizio è molto interessante. Da provare.

Colour Contrast Check

Tool gratuito utile per l’analisi del contrasto dei colori tramite semplici palette.

Ercancem

(Blog in inglese).
Una esauriente lista di altre decine di siti e strumenti utili sui colori.

Due plugin per firefox

Utili strumenti che puoi usare senza installare nulla, solo un applicazione per Firefox.
In una mia precedente mini guida per sviluppatori e web designer, dove elenco numerosi tools di vario tipo, segnalo anche due plugin dedicati alla scelta e al controllo esadecimale dei colori (Colorzilla e WCAG Contrast Checker).

Veerle-v2.duoh

Un tutorial del 2007 della web designer Veerle Pieters, su come scegliere le giuste combinazioni di colori per un progetto web o cartaceo.
Questi sono gli argomenti che tratta il post:

• Quale colore è adatto a quale scopo?
• Come scegliere il giusto equilibrio di colori?
• Dove trovare tool on line per ispirazioni sul colore?

Ti è piaciuta questa mini guida sui colori?
Vuoi aggiunge altre risorse che usi anche tu, che non sono presenti qui?

Partecipa alla discussione qui sotto, e lascia il tuo contributo.

Photo credits: Darrell Gulin/Corbis – Ben Miners/Corbis – Nick Rains/Corbis

In questa mini guida per web designer, voglio focalizzare l’attenzione sui vari parametri da prendere in considerazione (sempre secondo la mia esperienza), per la realizzazione di un buon progetto.

E’ un lungo articolo che ho voluto dividere in sezioni.

Questi sono gli argomenti che tratterò qui sotto:

• Una panoramica sul web design;
• La percezione del lettore;
• La fidelizzazione dell’utente;
• 8 consigli per creare un sito creato per l’utente.

A fine di questa mini guida, mi piacerebbe conoscere anche il tuo punto di vista, se la pensi come me oppure no .

Ecco di seguito tutti i dettagli.

Una panoramica sul web design

Lo scopo del web design è di rendere facilmente reperibili i contenuti di un sito attraverso una grafica accattivante e non invasiva.

Tu, come web designer hai bisogno di scoprire i modi d’uso dell’utente, non deve essere quest’ultimo ad adattarsi a ciò che pensi lui debba fare.

Gli utenti navigano e utilizzano i siti web, in modo diverso da come noi li realizziamo.

Il lettore sfoglia velocemente le pagine web, fermandosi solo quando vede contenuti a lui utili, non legge tutto dalla prima all’ultima riga.

Prende velocemente delle decisioni, invece di valutare e giudicare attentamente.

L’utente è guidato dai suoi bisogni, non da quelli del cliente che ci ha commissionato il lavoro, o dalle nostre idee.

Come web designer devi essere abile nel riuscire a realizzare un buon lavoro, riuscendo a capire le esigenze del pubblico a cui si rivolge il sito, scegliendo la chiarezza e la semplicità.

Se un elemento su un progetto on line aggiunge complessità ma nessun valore al design, prendi atto come web designer di modificarne il layout e di eliminare il superfluo.

La percezione del lettore

Il sito o blog aziendale è il luogo in cui, l’utente  percepisce la prima fondamentale impressione.

Si può imparare molto navigando per alcuni minuti, su siti di grandi aziende, comprendendo come tengono in considerazione il lettore.
Poniamoci alcune domande:

• questi grandi siti, sono strutturati per facilitare la navigazione, per ottenere rapidamente le informazioni che l’utente sta cercando?

oppure:

• Sono aziende “egocentriche”,  in cui non si tiene conto affatto del cliente (forti della loro potenza economica)?

Riuscire a realizzare una buona struttura di un sito di grandi dimensioni, è per l’azienda un costo maggiore , non solo in termini di soldi ma anche di risorse umane.
Per anni le organizzazione (in particolar modo le istituzioni pubbliche), hanno costretto i cittadini/utenti ad adattarsi  alle loro “labirintiche burocrazie”.
La positiva novità, sta nel fatto che il web, in questo caso, cambia le carte in tavola.

Internet crea un collegamento diretto tra le aziende/organizzazioni ed il cliente/navigatore.

Le grandi inprese, stanno lentamente imparando a “sfruttare” questi enormi benefici che apporta questo “filo diretto” con gli utenti.

Se riuscissero ad eliminare tutti i passaggi burocratici non necessari, (es. gergo confuso ed incomprensibile, eccessivi processi dispersivi etc.) otterrebbero sicuramente un notevole vantaggio competitivo.

Come riuscire a realizzare un’operazione del genere?

Cambiando la filosofia aziendale, collocando il cliente al centro dell’attenzione e non creando un sito in base ai gusti dell’azienda (che spesso di web e di architettura dell’informazione non ne capisce poi molto ).

E’ la stessa riflessione che dovrebbe avere un web designer, nella realizzazione di un progetto di grandi dimensioni:
il navigatore al centro di tutto.

La fidelizzazione del navigatore

Questi che leggi qui sotto sono 8 suggerimenti utili su come scegliere un buon tema WordPress.

Se hai investito molto tempo per la ricerca di un template adatto alle tue esigenze, saprai quanto sia frustrante.

Uno dei grandi vantaggi di usare WordPress è il fatto che on line ci sono migliaia di temi disponibili di buona e ottima qualità, insieme a tante altre versioni a pagamento, altrettanto valide.
Avere a disposizione tutti questi temi, può renderti la scelta molto più difficile di quanto pensi.

Alla fine di questa mini guida, ti segnalo una piccola lista di risorse utili, dove puoi scegliere il tuo template wordpress, sia in versione gratuita che a pagamento.

Di seguito puoi dare un’occhiata a ciò che ti consiglio di fare, in base alle tue esigenze specifiche.
In 8 punti ti offro una panoramica di cosa tenere in considerazione per scegliere un buon tema wordpress.

Qual è il primo passo da fare?

Decidi fin dall’inizio, in base al tuo budget se vuoi:

• un tema gratuito;
• una versione a pagamento;
• un tema personalizzato (realizzato specificamente per te su misura).

Se hai un pò di conoscenze di web design e di programmazione puoi  apportare alcune modifiche ad un tema gratuito, per creare un look unico al tuo blog.

Ora, se hai deciso di utilizzare un template disponibile gratis, puoi procedere con il passo successivo.

Tutto ciò che dovrai decidere da adesso in poi, sarà la scelta delle migliaia di opzioni disponibili.

Questi sono i miei 8 consigli per la scelta di un tema in wordpress

1. Come sarà giudicato il tuo blog dall’esterno?

Per un blog personale, l’avere un aspetto originale potrebbe non essere basilare, e la scelta di un tema gratuito andrebbe più che bene.

Per un’azienza che sta cercando di trasmettere un’ immagine professionale, il denaro investito per le sviluppo di questo progetto, sarebbe giustificato e consigliabile.

2. Quanti blog utilizzano lo stesso tema che hai scelto tu?

Alcuni dei più popolari temi in wordpress sono utilizzati da migliaia di blog.
Il lato positivo nei temi più diffusi sta nel buon supporto tecnico, quindi se avrete un problema potrebbe essere più facile trovare aiuto.

3. Il tema che hai scelto è search engine friendly?

Se non hai familiarità con l’html ed i css, potrebbe essere complesso valutare la potenzialità di un tema.

4. Hai intenzione di monetizzare con il tuo blog?

Hai scelto il tema adatto a questo scopo?

Se vuoi inserire gli annunci adsense nel tuo blog, oppure dei link testuali o dei banner pubblicitari, il tema deve avere uno spazio apposito.

I temi wordpress che non predispongono queste aree specifiche, saranno visivamente poco professionali e se dovrai modificare il codice per crearti a mano le sezioni adatte, il risultato sarà approssimativo.

5. E’ disponibile un supporto tecnico in caso di necessità?

Se hai intenzione di acquistare un tema a pagamento, molto probabilmente avrai bisogno del sostegno dello sviluppatore.

In caso di difficoltà questo potrebbe essere per te un grosso vantaggio.

Alcuni web designer che offrono un tema gratuito, potrebbero non fornire nessun tipo di supporto, a meno che tu non paghi per una consulenza personalizzata, che ti verrebbe a costare di più.

6. Disponi già di un logo? Corrisponde al tema scelto?

In giro vedi molti blogger che utilizzano temi gratuiti a cui hanno aggiunto un logo che non si adatta graficamente al resto del layout.

Se prevedi di utilizzare un tuo logo, dovrai scegliere il tema di conseguenza, oppure:

• dovrai cercare di modificare o realizzare appositamente il tuo marchio;
• o ancora meglio, cerca di modificare il css del template, per seguire una omogeneità grafica dei colori.

7. Sono presenti dei collegamenti nascosti?

Potresti sorprenderti nel notare quanti temi gratuiti comprendono qualche link nascosto.

Sopratutto qui template o plugin ottimizzati per usare google adsense. Ti potrebbe capitare di scegliere lo sviluppatore che optato di lasciare il proprio codice adsense all’interno del tema, per ottenerne dei guadagni non proprio trasparenti.

A questo proposito, ti sconsiglio di usare il plugin Adsense Deluxe, l’autore aveva scelto di lasciare i suoi annunci adsense, all’insaputa di chi ha scaricato ed usato il plugin.

Un controllo accurato del codice sorgente, potrebbe aiutarti a scoprire l’inganno.

8. Il codice è da validare?

Il 99% dei blogger probabilmente non si preoccupa di validare il codice secondo gli standard del w3c, ma alcuni lo terranno giustamente in considerazione.

Seguendo gli standard, avrai anche dei vantaggi dal punto di vista del miglior posizionamento del blog nei motori di ricerca.

Ecco dove puoi scaricare temi gratuiti per wordpress

• La directory ufficiale di WordPress.org;
• Una lista dal Forum GT di temi gratuiti con funzioni avanzate, simili alle versioni premium;
• 50 temi di grande impatto grafico, selezionati da Smashingapps.

Le versioni a pagamento di temi di grande qualità puoi acquistarli qui

• Theme Forest;
  Non ho mai acquistato dei temi da questo sito finora, ma conosco molti miei colleghi web designer e blogger che li utilizzano e ne sono soddisfatti.
  La scelta è molto ampia, e puoi fare una ricerca anche divisa per tipologia di blog (magazine, ecommerce, blog aziendale, blog personale etc.)
• Theme Trust;
  In questo caso invece ho acquistato un tema da questo servizio, per un mio blog sul cinema (che ho in parte modificato e personalizzato a mano),
  e non ho avuto nessun tipo di problema.
  Ho ricevuto anche una guida che mi permetteva di scoprire tutte le funzionalità del tema, in modo da poterlo sfruttare al 100%.

Ti sono stati utili questi consigli?

Bene, allora aiutami a diffondere la voce ai tuoi amici e colleghi, e clicca sui pulsanti che trovi qui sotto di facebook e twitter.

Photo credits: Iris Coppola/Corbis - Keith Goldstein/Corbis - Kate Kunz/Corbis - Jens Haas/Corbis.

Se usi wordpress saprai sicuramente che utilizzare tanti plugin significa incrementare notevolmente la pesantezza e la lentezza del tuo blog.

Ciò che probabilmente non sai è che spesso utilizzando poche righe di codice php sarai in grado di raggiungere lo stesso scopo per cui sono stati sviluppati i plugins con la metà delle risorse.

In questo articolo mi piacerebbe illustrarti qualche piccolo trucco grazie al quale potrai aumentare le funzionalità del tuo cms, riducendo le risorse utilizzate sul tuo server.

Tutte le funzioni che sto per mostrarti andranno implementate nel file function.php del tuo tema, (tuoblog.com/wp-content/themes/tuotema/function.php):

1. Come Inserire i Banner Adsense con uno Shortcode:

Attraverso questa funzione sarai in grado di inserire un banner adsense delle dimensioni che preferisci, sia nelle pagine sia negli articoli, in un punto ben preciso:

<br /><br />function wpc_adsense_shortcode($content= null) {<br /><br />return ' QUI IL CODICE ADSENSE NON MODIFICARE GLI APICI ';<br /><br />}<br /><br />add_shortcode('adsense', 'wpc_adsense_shortcode' );<br /><br />

a questo punto potrai inserire i banner nei tuoi articoli semplicemente scrivendo [adsense].

Vorrei rassicurarti sul fatto che utilizzare utilizzare questo script non modifica il codice javascript di Google adsense pertanto non viola le policy del programma.

Ti segnalo che puoi ottenere lo stesso effetto con diversi plugin disponibili gratuitamente per esempio:

• Author Advertising, tempo fa avevo scritto una guida su come configurarlo correttamente;
• Adsense Deluxe è un ottimo plugin, ma ho scoperto, leggendone il codice sorgente, che l’autore lo aveva programmato per mostrare anche i suoi adsense all’insaputa di chi usava il plugin;
• Adman un altro plugin che permette di inserire banner pubblicitari nei tuoi articoli, onestamente non mi ha mai convinto.

Ti faccio notare che nessuno di questi plugin utilizza il tag [adsense] per mostrare gli annunci.

2. Come Aggiungere un Video da Youtube con uno Shortcode:

Utilizzo questo codice in un plugin per wordpress che sto sviluppando, ti permetterà di inserire il player (con il relativo video) con uno shortcode, partendo sia dall’url sia dallo shortlink, potrai anche modificare le dimensioni del player specificandolo direttamente nello shortcode:

<br /><br />function wpc_youtube_player($atts, $content= null) {<br /><br />extract(shortcode_atts(array(<br /><br />"url" =&gt; 'www.'<br /><br />), $atts));<br /><br />extract(shortcode_atts(array(<br /><br />"width" =&gt; 'width'<br /><br />), $atts));<br /><br />extract(shortcode_atts(array(<br /><br />"height" =&gt; 'height'<br /><br />), $atts));<br /><br />$cerca_id_youtube = str_replace(array('http://www.youtube.com/watch?v=','http://youtu.be/','http://youtube.com/watch?v=','http://www.youtu.be/'), '', $url);<br /><br />return '&lt;/pre&gt;<br /><br />&lt;iframe src="http://www.youtube.com/embed/'.$cerca_id_youtube.'" frameborder="0" width="'.$width.'" height="'.$height.'"&gt;&lt;/iframe&gt;<br /><br />&lt;pre&gt;';<br /><br />}<br /><br />add_shortcode('youtube', 'wpc_youtube_player');<br /><br />

Questa, che sembra una funzione complicata funziona così: nei tuoi articoli devi semplicemente scrivere:

• [youtube url="http://www.youtube.com/watch?v=Z8-qMLFuLPE" width="500" height="100"]
• [youtube url="http://youtu.be/Z8-qMLFuLPE" width="600" height="250"]

Questo script è la combinazione dell’utilizzo delle API di WordPress e del comando php “str_replace”.

In sostanza questo comando ti permette di sostituire, dove presente, il testo presente nel primo array con (in questo caso) un testo vuoto racchiuso negli ultimi apici, se per altri utilizzi potresti trovare utili queste risorse:

• Shortcodes API sul Codex di WordPress;
• Manuale php per quanto concerne “str_replace”

3. Come Inserire Automaticamente i Metatag di Facebook:

Grazie a questa funzione potrai inserire i meta tag di facebook automaticamente, non devi fare nient’altro, solo inserire il codice nel file function.
In questo modo eviterai di mettere mano al file header.php rischiando di mandare a monte la testata del tuo blog:

<br /><br />function wpc_facebook_opengraph() {<br /><br />?&gt;<br /><br />&lt;meta property="og:title" content="&lt;?php the_title(); ?&gt;" /&gt;<br /><br />&lt;meta property="og:url" content="&lt;?php the_permalink(); ?&gt;" /&gt;<br /><br />&lt;meta property="og:site_name" content="&lt;?php bloginfo('name'); ?&gt;" /&gt;<br /><br />&lt;meta property="og:description" content="&lt;?php echo strip_tags(get_the_excerpt($post-&gt;ID)); ?&gt;" /&gt;<br /><br />&lt;meta property="fb:admins" content="QUI IL TUO ID FACEBOOK, PUOI METTERNE PIU DI UNO SEPARATO CON LA VIRGOLA"/&gt;<br /><br />&lt;meta property="og:image" content="&lt;?php echo wp_get_attachment_thumb_url( get_post_thumbnail_id( $post-&gt;ID ) ) ?&gt;"/&gt;<br /><br />&lt;?php }<br /><br />add_action('wp_head', 'wpc_facebook_opengraph');<br /><br />

Questa funzione merita qualche chiarimento: nel campo og:image verrà postata l’immagine in Evidenza; quindi se non la inserirai non verrà pubblicata alcuna immagine di anteprima su facebook, nel campo og:admins devi inserire l’id del tuo profilo o il tuo nickname; puoi metterne più di uno separandoli con la virgola.

Per maggiori dettagli sui tag OpenGraph di facebook, su come utilizzarli ti consiglio di dare uno sguardo a queste risorse:

• Open Graph su Facebook Developers;
• Sito ufficiale di Open Graph.

4. Inserire il Pulsante “Mi Piace” nei tuoi Articoli con uno Shortcode:

In qualsiasi punto delle tue pagine o dei tuoi articoli, grazie a questo shortcode, potrai mostrare il pulsante “mi piace” di facebook:

<br /><br />function wpc_mi_piace() { ?&gt;<br /><br />&lt;div class="fb-like" data-href="&lt;?php the_permalink(); ?&gt;" data-send="true" data-width="450" data-show-faces="true" data-font="verdana"&gt;&lt;/div&gt;<br /><br />&lt;?php  }<br /><br />add_shortcode('mi_piace', 'wpc_mi_piace');<br /><br />

Per utilizzarlo scrivi semplicemente [mi_piace].

Se utilizzi in modo combinato questa funzione con la precedente otterrai quelle che Daniele Ghidoli di Bigthink.it chiama pagine fantasma, ovvero quando l’utente clicca sul pulsante “mi piace” non solo condivide l’articolo su facebook, ma diventa anche fan della pagina facebook corrispondente (che verrà creata automaticamente), guarda qui sotto:

Per ulteriori risorse sul pulsante “mi piace” e sulle pagine fantasma puoi leggere:

• Pagina ufficiale del pulsante “Mi Piace” su facebook;
• Guida Completa alle Pagine Fantasma.

5. Come Aggiungere la “Favicon” al tuo Blog:

La Favicon è l’icona che appare affianco all’url di un qualsiasi sito.

Il problema è che non tutti i template per wordpress la utilizzano, pertanto se vuoi inserirla inserisci questa funzione:

<br /><br />function wpc_favicon () {<br /><br />return '&lt;link rel="icon" type="image/png" href="INDIRIZZO DELL'IMMAGINE"&gt;';<br /><br />}<br /><br />add_action('wp_head', 'wpc_favicon');<br /><br />

Ovviamente prima di inserire questa funzione dovra mettere l’icona sul tuo server, la dimensione dovrebbe essere 16 x 16 pixel.

Come hai potuto notare già in due occasioni ho utilizzato la sintassi “add_action wp_head”, questa fa parte delle API dei plugin di wordpress, e serve per includere codice (in qualsiasi linguaggio) direttamente tra i tag <head></head> del tuo blog, localizzati nel file header.php del tuo tema, se ti interessa capirne di più dai uno sguardo a:

• Plugin API sul Codex di WordPress, nella sezione “Action Reference”
• In particolare all’azione “wp_head” sempre sul codex di wordpress

6. Come Eseguire uno Shortcode al di Fuori degli Articoli:

Prima ti ho spiegato come creare shortcode da usare negli articoli.

Adesso voglio mostrarti un trucco per eseguirli ad di fuori di pagine e articoli, per esempio nella sidebar.

Individua il punto in cui vuoi eseguire lo shortcode e aggiungi:

<br /><br />&lt;?php echo do_shortcode('[shortcode che vuoi eseguire]'); ?&gt;<br /><br />

nei casi che ti ho proposto dovrai scrivere ad esempio

<br /><br />&lt;?php echo do_shortcode('[adsense]'); ?&gt;<br /><br />&lt;?php echo do_shortcode('[mi_piace]'); ?&gt;<br /><br />

Anche in questo caso la funzione “do_shortcode” rientra tra le Api che wordpress mette a disposizione per gli sviluppatori di plugin.

Potrebbero interessarti:

• do_shortcode sul Codex di WordPress;
• per un uso avanzato di do_shortcode per l’impaginazione dei temi questo articolo è abbastanza interessante.

7. Come Mostrare un Campo Personalizzato Solo se ha un Valore:

Come sai wordpress consente l’utilizzo dei campi personalizzati nei temi; ma come fare se vuoi mostrarlo solo se c’è un valore? Così:

<br /><br />&lt;?php if ( get_post_meta($post-&gt;ID,'campo_personalizzato', true) ) { ?&gt;<br /><br />&lt;?php $values = get_post_custom_values("campo_personalizzato"); echo $values[0]; ?&gt;<br /><br />&lt;?php } ?&gt;<br /><br />

Ecco alcune referenze utili:

• Utilizzo di “get_post_meta” tramite il codex WordPress;
• Tag Condizionali (if e else).

8. Come Reindirizzare gli Utenti allo Stesso Articolo Quando Effettuano il Login:

Questo codice è utile se vuoi permettere agli utenti di essere reindirizzati allo stesso articolo dopo che hanno effettuato il login, in un punto qualsiasi del tuo tema inserisci:

<br /><br />&lt;a href="&lt;?php echo wp_login_url(get_permalink()); ?&gt;" title="Login"&gt;Dopo il Login sarai reindirizzato qui: "&lt;em&gt;&lt;?php the_title(); ?&gt;&lt;/em&gt;" &lt;/a&gt;<br /><br />

Anche in questo caso una buona risorsa per altri utilizzi di questa funzione è il codex di wordpress.

9. Come Mostrare il Numero dei Fans della tua Pagina su Facebook in Forma Testuale:

Se per esempio tu volessi mostrare il numero dei fan del tuo sito su facebook nella sidebar del tuo blog dovresti usare questo semplice codice:

<br /><br />//questo nel file function.php<br /><br />function wpcode_fb_fan() {<br /><br />$id_pagina = 'ID DELLA TUA PAGINA FACEBOOK';<br /><br />$info = json_decode(file_get_contents('http://graph.facebook.com/' . $id_pagina));<br /><br />echo $info-&gt;likes;}<br /><br />

Dove vuoi mostrare il numero dei fan:

<br /><br />&lt;?php bloginfo('name'); ?&gt; ha &lt;?php wpcode_fb_fan(); ?&gt; su Facebook.<br /><br />

si traduce in

Nome del blog ha xyz fan su Facebook. Per saperne di più:

• Guida a “Facebook per Siti internet“.

10. Come Modificare la Lunghezza del Riassunto del post in WordPress:

Se nel tuo blog, per esempio nella pagina principale, utilizzi il tag php “the_excerpt” ma ti sei reso conto che il contenuto viene troncato in malo modo potresti voler modificare la lunghezza del risassunto. Puoi farlo inserendo questo codice nel file function:

<br /><br />function wpc_excerpt_length($length) {<br /><br />return 20; // sostituisci 20 con il numero di parole che vuoi mostrare<br /><br />}<br /><br />add_filter('excerpt_length', 'wpc_excerpt_length');<br /><br />

Risorse che potresti trovare utili:

• l’immancabile riferimento al codex di wordpress;
• l’interessante articolo di wpengineer cirla la possibilità di gestire la lunghezza del riassunto di wordpress.

Per questa volta è tutto, se vuoi scoprire altri trucchi per wordpress puoi seguirmi sul mio blog Wpcode.net, disponibile in inglese o in italiano.

Nella realizzazione dei progetti di un buon web designer ci sono diversi aspetti di cui tenere conto in modo che il risultato finale sia di alta qualità e fedele alle aspettative.

Oltre ad un design grafico semplice e d’impatto, ad una scrittura di un markup corretto, valido e semantico ed a un attento controllo qualità frutto di precisione e pignoleria, ci sono dei veri e propri strumenti on line che ti facilitano la produzione di un risultato pienamente convincente.

Vediamoli insieme qui sotto.

Pronti con la lista?

Via! Quello che andrai a leggere sarà un elenco di tools, secondo me, indispensabili.

Sono programmi o plugin di ausilio, che non sostituiscono i classici software di base e non influiscono sulla qualità del tuo talento o impegno.

Eccoti il primo tool che sicuramente conoscerai anche tu:

Firebug: lo strumento di cui non puoi fare a meno

Escludo subito questo tool, non perchè non sia utile, anzi è forse il primo strumento di cui non privarsi mai, ma perchè su questo blog  trovi già una guida a firebug decisamente esaustiva.

Sebbene risalente al 2009, descrive con dovizia di particolari le caratteristiche di questo tool che sono rimaste stabili nel tempo. Nel momento in cui scrivo questa guida siamo alla versione 1.8.4.

Web Developer: ti aiuta e si integra come strumento per sviluppatori

Disponibile per i seguenti Sistemi Operativi:

• Mac OS X;
• Windows;
• Linux.

Questa estensione, disponibile sia per Firefox che per Chrome, aggiunge vari strumenti di sviluppo al browser.

Insieme a Firebug, permette di interagire a fondo con ogni singola pagina web con numerose opzioni.

Dopo l’installazione, appena sotto la barra degli indirizzi, comparirà la barra di “Web developer” con una serie di icone che contemplano:

• la possibilità di attivare/disattivare cookie, javascript, css (anche un singolo file);
• poter sostituire le immagini con il testo alternativo;
• il nascondere le immagini;
• poter agire sui campi dei form (password visibile, completamento automatico, deselezionamento di ogni radio-box, etc.);
• il ridimensionare la finestra del browser;
• il costruire una griglia di linee guida (proprio come in Photoshop);
• il modificare il contenuto direttamente nel DOM;
• il validare CSS, HTML, Feed e link;
• il contornare gli elementi quali celle di tabella, link, paragrafi e via dicendo.

L’elenco delle azioni è decisamente vasto e l’utilizzo di questo tool è veramente efficace perchè permette di intervenire in maniera rapida sulle impostazioni del browser, senza destreggiarsi tra le sue varie finestre native.

In tandem con Firebug, l’analisi di ogni singolo aspetto di una pagina è molto profonda ed è molto più difficile farsi sfuggire i più piccoli dettagli.

Valutazione personale: 4/5

Risorse utili per “Web Developer”:

• download diretto all’installazione del tool su Firefox;
• download diretto all’installazione del tool su Google Crome;
• Tutorial per Web Developer tool (in inglese);
• Video tutorial per Web Developer tool (in inglese).

Wappalyzer: ti serve per capire quali sono le tecnologie usate nelle pagine

Disponibile per i seguenti Sistemi Operativi:

• Mac OS X;
• Windows;
• Linux.

Questa estensione, disponibile per Firefox e per Chrome in versione beta, rivela quali sono le tecnologie utilizzate nelle pagine ed individua;

• CMS;
• E-commerce;
• Forum;
• Framework Javascript;
• pannelli di amministrazione per hosting;
• tools per statistiche di accesso,
• editor;
• video player
• etc.

Il funzionamento è semplice: basta accedere alla pagina e nella barra in basso del browser, sulla destra, cliccando su una delle icone si aprirà una dropdown con l’elenco delle varie tecnologie usate. Al click verremo portati in una pagina di statistiche riguardanti la tecnologia scelta.

Questo tool è utile per due motivi:

1. è un modo per scoprire ed eventualmente aggiornarsi;
2. è più facile analizzare e debuggare i siti dal punto di vista delle tecnologie usate.

Valutazione personale: 4/5

Risorse utili per “Wappalyzer”:

• Link diretto per l’installazione del tool.

HTML Validator: utile per correggere gli errori

Disponibile per i seguenti Sistemi Operativi:

• Mac OS X (solo fino alla versione 0.9.0.4 attualmente);
• Windows;
• Linux.

HTML Validator, basato sugli algoritmi di Tidy e OpenSP, entrambi sviluppati dal W3C (World Wide Web Consortium), è un’estensione per Firefox che aiuta il webdesigner a correggere gli errori di HTML (anche HTML5!), distiguendoli tra tre tipologie:

• Errori (icona rossa): errori HTML che Tidy non può correggere (i più gravi);
• Avvertimenti (icona gialla): errori che Tidy può correggere automaticamente
• Opzionali (icona blu): riguardano errori di accessibilità, secondo le regole stabilite dal W3C

Una volta installato il tool, nella status bar compare un riepilogo sulla validazione HTML con esito diviso tra errori e avvertimenti.

In caso di HTML valido comparirà un’icona verde affiancata alla dicitura “0 errors / 0 warnings”.

Infine il comando “Clean up”, al meglio delle possibilità, fornisce automaticamente un codice valido senza errori.

Difficile fare a meno di questa estensione.

Valutazione personale: 5/5

Risorse utili per “HTML Validator”:

• download diretto del tool.

WCAG Contrast Checker: utile per migliorare l’accessibilità di un sito web

Disponibile per i seguenti Sistemi Operativi:

• Mac OS X;
• Windows;

Se nel preventivo accettato per il tuo cliente è prevista espressamente la completa accessibilità del progetto a persone con difficoltà visive di vario tipo, questo tool fa al caso nostro.

WCAG Contrast checker controlla la combinazione dei colori per verificare che sia corretta per la percezione visiva sulla base dei principi del WCAG1 e del WCAG2.

Nella status bar, dopo l’installazione, ci sarà un’icona con la ruota dei colori ed una voce aggiuntiva sotto il menu “Strumenti”.

Puoi aprire questa estensione in entrambi i modi: si aprirà una sidebar alla nostra sinistra che contiene in alto i campi per il codice colore (sia esadecimale che in RGB) di foreground e background.

In basso ci sono due tab:

1. Element;
2. Document.

In entrambe le tab è possibile selezionare un elemento singolo di una pagina (un paragrafo, un link, un’immagine, etc.) e verificare che superi i parametri di validazione con visione “normale” e visione con “discromatopsia”, divisa a sua volta in:

• protanopia;
• deuteranopia;
• tritanopia.

La validazione si può considerare completa quando le segnalazioni di errore sono pari a zero.

Questo add-on è utile anche se non è il tuo cliente ad averci chiesto completa accessibilità per il progetto.

Spesso capita di aver visto dei layout con colori troppo chiari sul bianco, con il risultato che la leggibilità dei testi si è persa: un feedback oggettivo secondo dei criteri precisi acquisisce molta più autorità nel fornire la direzione da seguire per correggere “errori”.

Valutazione personale: 4/5

Risorse utili per “WCAG Contrast Checker”:

• download diretto del tool;
• tutorial per Colorzilla (in inglese);
• video tutorial per Colorzilla (in italiano);
• video tutorial per Colorzilla (in inglese):

Colorzilla: utile per recuperare un colore da una pagina web

Disponibile per i seguenti Sistemi Operativi:

• Mac OS X;
• Windows;

Con questo tool, disponibile solo per Firefox, hai:

• un selettore colori (tavolozza);
• un contagocce (con un click si copia in clipboard il codice esadecimale sul punto scelto);
• una palette web safe;
• un link al generatore CSS di gradienti e analizzatore di colori all’interno del DOM, con la possibilità di avere l’elenco di tutti i colori usati in una pagina.

Ci sono tutti i modi possibili ed immaginabili per il codice dei colori: l’esadecimale non è l’unico sistema.

E’ un fantastico add-on che aiuta a risparmiare tempo, che può evitare in parte di appoggiarsi necessariamente a software terzi (come Photoshop) per recuperare il colore che ci serve.

Valutazione personale: 5/5

Risorse utili per “Colorzilla”:

• download diretto del tool per l’installazione su Firefox.

Delicious: una risorsa per archiviare siti da cui prendere ispirazione

Disponibile per i seguenti Sistemi Operativi:

• Mac OS X;
• Windows;

Delicious è una piattaforma per scoprire e condividere link del e dal web.

Il risultato è quello di avere una lista di “Preferiti” personalizzata di ogni singolo utente direttamente online.

Per usufruire di questo servizio gratuito è sufficiente creare un account e loggarsi.

Da quel momento nella propria lista si possono salvare link (visibili a chiunque o privati) e condividerli via email o tramite il sito stesso con gli altri iscritti.

Il team di sviluppo ha realizzato anche un add-on per Firefox, così da poter salvare con un solo click il link o la pagina che stiamo leggendo o navigare tra  i preferiti salvati su Delicious, facilmente raggiungibili da titolo, tag o semplice elenco verticale.

La sua utilità non è collegata strettamente allo sviluppo ma più al lato creativo del web design: ad esempio, taggando sotto una stessa parola una determinata categoria di siti, è molto più facile fare benchmarking ed avere spunti per la nostra ispirazione.

Valutazione personale: 4/5

Risorse utili per “Delicious”:

download diretto per installare Delicious su Firefox.

Conclusioni

Qui finisce il mio elenco di add-on utili per un web designer: anche un solo tool ci aiuta ad essere più efficienti e più creativi nella produzione dei nostri progetti.

Questi piccoli applicativi all’interno dello stesso ambiente di lavoro (il browser) non sminuiscono il nostro lavoro, piuttosto offrono garanzie sulla qualità di ogni aspetto di cui ci occupiamo.

Autore: Davide Reppucci – Appassionato di web e front-end developer freelance.

Se sei un web designer continua a leggere questo post, forse potrebbe esserti di aiuto per ricevere delle informazioni utili se stai pensando di metterti in proprio o sei alle prime armi come freelance.

Di seguito tutti i dettagli del mio regalo.

Il regalo lo faccio io a te

36 anni sono arrivati velocemente, gli effetti di stare tante ore davanti al monitor li vedi dalla mia foto qui sopra!
Tante sono le idee che sono in testa ancora da preparare o che sono in fase di lavorazione.

Tra queste idee c’è anche il sondaggio nato qualche settimana fa, per poter offrire a chi vuole diventare un web designer freelance una guida di valore.
Dal sondaggio ne ho ricavato diverse informazioni, e ora sono in preparazione con una risorsa be precisa da offrirti, in base ai risultati ottenuti dall’aiuto dei fan di blographik.

E’ il mio compleanno e voglio festeggiare questo giorno per me speciale, offrendoti di nuovo la possibilità di poterti iscrivere compilando il form che trovi qui sotto, per poter ricevere il mio report.

Sfrutta ora l’occasione perchè non lascerò attivo questo form per sempre anche perchè oggi sono più buono del solito.
Non lascerò la guida gratuita ma sarà a pagamento in futuro o come bonus per i miei clienti più fedeli.

Ecco il modulo da cui riceverai tra qualche settimana il mio report e altre segnalazioni utili per diventare un bravo web designer freelance.

Sei un web designer che vuole mettersi in proprio oppure ora lavori come dipendente e ti sei rotto le scatole di eseguire ordini impartiti da altri, e vuoi invece diventare “boss di te stesso”?

Se mi darai una mano a compilare questo sondaggio, riceverai in cambio un mio regalo di ringraziamento.

Ecco cosa fare per suggerirmi la tua opinione.

Mettersi in proprio come web designer: Quali informazioni di valore vorresti conoscere?

Se il tuo obiettivo è iniziare la tua carriera di web designer freelance, aiutami a capire quali sono le informazioni di cui non potresti fare a meno per non rischiare di partire con il piede sbagliato.

Qui trovi un link che mi aiuterà ad offrirti del contenuto di valore.
Rispondi a questo sondaggio e riceverai in cambio un regalo per avermi offerto un pò del tuo tempo prezioso.

Se conosci altri web designer a cui potrebbero essere utili queste informazioni, diffondi pure la voce su facebook e twitter.

Stai cercando un servizio in italiano che ti aiuti ad affermarti come professionista o che ti permetta di trovare lavoro on line?

Lo strumento on line che scoprirai qui sotto, potrà esserti utile a questo scopo.

Fammi sapere il tuo punto di vista,  i realizzatori del progetto saranno ben felici di offrire tutte le indicazioni possibili per ottenere il massimo dal servizio.

Di seguito tutti i dettagli, dacci un’occhiata.

Come puoi emergere come professionista on line tramite questo servizio?

Crebs è ideato da alcuni professionisti che lavorano nel mondo della comunicazione e che hanno notato l’assenza di un sito in cui trovare offerte di lavoro esclusivamente nel mondo della comunicazione chiaro, diretto, usabile e caratterizzato da un approccio user friendly.

A chi si rivolge Crebs?

Crebs è la risorsa per i giovani creativi che cercano lavoro e per i professionisti più affermati che vogliono dare slancio alla propria carriera.

Cosa offre questo servizio e come si usa?

Questo progetto offre agli utenti la migliore “esperienza” possibile: grazie all’efficiente motore di ricerca “instant search”, gli utenti possono cercare l’annuncio direttamente dalla homepage, senza perdere tempo con il caricamento delle nuove pagine.

Nello sviluppo del sito si è sempre tenuto conto del valore fondamentale di Crebs: l’assoluta semplicità e usabilità.

Gli utenti, oltre a consultare e condividere gli annunci, possono ricevere direttamente via email gli avvisi per gli annunci corrispondenti alla propria mansione.

Inoltre, registrandosi potranno inserire il proprio curriculum vitae e le proprie informazioni, così da poter essere contattati dalle agenzie e dagli studi creativi.

Crebs non è uno strumento utile solo per i professionisti, ma anche per le aziende che, avendo la possibilità di inserire un annuncio in 3 semplici passaggi (circa 1 minuto), risparmiano tempo e, essendo Crebs orientato esclusivamente verso il mondo della comunicazione, ricevono candidature altamente targhettizzate.

Prima di inserire gli annunci, le aziende potranno controllare nel “database creativo” se ci sono già delle figure professionali di loro interesse.

Ecco come puoi aggiungere gli annunci di lavoro sul tuo blog

Uno strumento che merita attenzione particolare è “Live Stream“, un plugin sviluppato per coinvolgere maggiormente i bloggers/webmaster che trattano il tema della creatività e della comunicazione (dal marketing, al design, alla pubblicità, ecc.).
Installando il plugin (si tratta, tecnicamente, di una riga di codice HTML da copiare e incollare sul proprio sito) si offre la possibilità ai propri lettori di consultare le offerte di lavoro senza avere bisogno di cambiare pagina.

Crebs è attualmente in fase beta.
In questo fase si raccoglieranno tutti i feedback e le critiche che ci arrivano dai visitatori per completare e migliorare il progetto.

La struttura del sito è pensata nativamente per lavorare su dispositivi mobili come iPad, iPhone e BlackBerry.

Crebs lo trovi anche su:

• facebook,
• twitter,
• linkedin.

Cosa ne pensi di questo servizio?
Lo userai o lo stai già usando?

Dacci il tuo feedback nei commenti qui sotto e aiutami a diffondere nei tuoi social questo articolo.

A te la parola.

La Discussione Aperta di questa settimana è dedicata a coloro che sviluppano o gestiscono clienti a cui offrire un pacchetto al cui interno è presente anche il blog realizzato in wordpress.
Come puoi vendere i tuoi lavori realizzati con WordPress per offrirli ai tuoi clienti?

Offri la consulenza all’installazione, gestione e formazione di questa piattaforma per blog?

Parliamone nella discussione aperta di questa settimana, nei commenti qui sotto.

Come hai deciso di vendere WordPress ai tuoi clienti?

Sono stato contattato via email da una giovane web designer che mi pone alcune domande ben precise, volevo il tuo parere sui dubbi da lei esposti in questa email che puoi leggere qui sotto.
Mi piacerebbe sapere come la pensi al riguardo.

Avevo già parlato in passato su blographik di come vendere wordpress ai propri clienti.
E’ un argomento dibattuto e caldo, quindi lo riapro di nuovo per dare una mano a questa giovane web designer.

Ecco cosa mi chiede Nicole:

Ciao, Chiedo scusa se mi sono permessa di scriverti direttamente via email.
Proprio oggi sono capitata su questo tuo articolo su come rendere wordpress facile da usare per i propri clienti, e vorrei approfittare della tua gentilezza per farti qualche domanda!

Ti seguo da un po e ritengo tu sia in grado di schiarirmi le idee!

Sono una giovane webdesigner di milano, ed ho sempre sviluppato parte grafica e codice da me, ma da poco sono precipitata nel vorticoso mondo di wordpress e le sue meraviglie!

Solitamente quindi l’unico accorgimento che tenevo per quanto riguarda i diritti e le licenze erano legate strettamente alle immagini, materiale multimediale in genere, font, etc.

Ora invece mi trovo davanti ad una piattaforma wordpress rilasciata se non erro sotto licenza GPL.
Questo presuppone che io possa utilizzarla per fini commerciali.
Posso quindi sviluppare un progetto per un cliente su questa piattaforma? Immagino di si dato che ho visto molti siti che offrono questo servizio.

• In teoria posso utilizzare wordpress, tutti i plugin e temi rilasciati con la stessa licenza, giusto?

Ovvio è che al cliente non posso “vendere” wordpress, ma solo la consulenza all’installazione, il mio tempo, la mia professionalità etc etc.
Il mio dubbio nasce sulla stesura del preventivo.

• I clienti piu noiosi, che magari conoscono wordpress, o per sentito dire dagli amici, non storceranno il naso?
• Come faccio a dare lo stesso peso ai miei preventivi rispetto a questa alternativa?

Mi spiego meglio.

• Se prima per un sito fatto tutto a manina da cima a fondo chiedevo 1000, come faccio a chiedere ancora 1000 se lo sforzo piu grande lo fa wordpress?

In realtà io problemi a chiedere 1000 non ne ho, ma se mi dovessi trovare davanti ad un cliente che mi dice:

“Si ma per questo sito non puoi chiedermi 1000, il sito con wordpress è praticamente fatto! Tu hai fatto solo qualche revisione grafica!”.

Sono giovane e inesperta lo so bene, ma credo di avere buone potenzialità.
Mi trovo ancora in difficoltà a preventivare il mio lavoro e il mio tempo, non ho grossi riscontri con quelli che sono i miei concorrenti come del resto lo sei tu!

Spero che leggerai questa mail e che gentilmente mi darai qualche consiglio!

Grazie
Nicole

Questa è stata la mia risposta, mi piacerebbe sapere cosa ne pensi tu:

Puoi chiedere anche molto di più di 1000 euro se il tema wordpress lo fai tu a mano.

Pensa a tutti i passaggi da fare:

1. creazione tema per home e pagina interna;

2. trasformazione in pagine html;

3. implementazione su piattaforma wp.

Già questo è tantissimo lavoro, e l’uso della piattaforma non preclude che tu non ci abbia lavorato tanto.

Io offro di solito delle soluzione alternative, per far risparmiare il cliente.

Esempio:

il cliente sa che sto usando wordpress come strumento, e appunto per questo che paga di meno, e solo il mio lavoro di installazione, ottimizzazione seo, creazione pagine, gestione della piattaforma, formazione del cliente all’uso della piattaforma, come si gestisce una linea editoriale etc.

Tutto questo va quindi ad aggiungersi all’uso di wordpress e dei suoi plugin.

La pensi come me? Aiutiamo Nicole a preparare il giusto preventivo per i suoi clienti.
Se ti fa piacere, lascia un tuo commento qui sotto, per creare una nuova interessante discussione aperta.

Durante il GoWebDesign di Roma, ho girato un pò di video interviste ai vari relatori dell’evento.

Una chiacchierata con Giuliano Ambrosio, potrà esserti utile per conoscere meglio questo web designer italiano, che si sta impegnando parecchio per accrescere la sua visibilità online (quindi potresti trarne spunto per usare lo stesso metodo ), anche attraverso l’organizzazione di eventi dedicati al web design, wordpress e non solo.

Di seguito la mia video chiacchierata con Giuliano, o meglio con JuliusDesign.

Scopri chi è Julius Design in questa video intervista

Nelle prossime settimane, ulteriori video dedicati ai relatori del workshop dedicato ai web designer.

Potrai scoprire alcune chicche dedicate all’utilizzo avanzato di wordpress, o ai motivi per cui rendere un sito usabile e accessibile, ma non solo questo.

Rimani sintonizzato o iscriviti alla newsletter per non perderti neanche un post.

Mirko, ma quando modifichi il layout di blographik, è un pò vecchiotto!

Ecco cosa spesso molti amici blogger mi segnalano vedendo la grafica di questo blog sempre uguale da diversi anni (se non sbaglio 4).

Quindi ora ti chiedo, per aprire questa nuova discussione settimanale:

Quando pensi sia arrivato il momento di modificare il design del tuo blog?

Stai gestendo un blog da qualche anno. Noti che la grafica realizzata con tanto lavoro, o che hai scelto come tema gratuito o a pagamento, inizia a far sentire i suoi anni.

Quali parametri utilizzi per capire quando è arrivato il momento giusto per iniziare a rinfrescare graficamente il tuo progetto?

e poi

Nel momento in cui decidi di cambiare design, cosa scegli come linee guida per capire come creare la nuova struttura?

Ti affidi ai suggerimenti dei lettori, oppure ad i consigli di un bravo web/blog designer, o in base agli strumenti di analisi che ti permettono di studiare le parti più importnati del blog?

A te la parola.

Ti sei perso le puntate precedenti?

Vuoi leggere gli altri post della serie “Discussione Aperta” che trovi ogni venerdi su questo blog?

Li trovi qui sotto.

photo credits: Corbis.com

Vuoi addentrarti nel mondo della grafica ma non sai da dove iniziare?

Stai cercando una lista di risorse per Photoshop?

Puoi utilizzare questo articolo come guida di base.

Sono segnalati 9 articoli, dove sono presenti sia video che post tutorial.

Se hai già esperienze con questo programma, e vuoi condividere con i lettori di blographik i migliori articoli che hai scovato in rete,
sei invitato ad aggiungere le tue chicche nei commenti qui sotto.

Ecco di seguito tutti i dettagli di questa lista.

Tutorial Photoshop:

• MrWebmaster: 61 Articoli Photoshop – Qui troverai alcune guide in italiano dove potrai cominciare a dilettarti con Photoshop.
• PayTuts: Video Tutorial in Italiano – PlayTuts raccoglie video tutorial in italiano realizzati da professionisti e da appassionati di grafica.
• JuliusDesign: BecomeDesigner – Alcuni Tutorial realizzati da Julius, WebDesigner Freelance & Blogger.
• TuttoRials: Raccolta dei migliori Tutorials per il Web disponibili per la Rete.
• Grafica: Guida Photoshop – Imparare da Principio lo potenzialità di Photoshop.
• Blographik: 40 Tutorial per Photoshop – Vuoi migliorarti con Photoshop? Ecco 40 fantastici tutorial selezionati per te.
• JuliusDesign: 41 spettacolari effetti su foto – Julius ci offre questi spettacolari effetti su foto con la rispettiva guida per crearli.
• TotalPhotoshop:  Video Tutorial Gratuiti per Photoshop, DreamWeaver, Illustrator, after effects, Premiere, Flash etc.
• Photoshoppista: Canale Youtube – Ecco i video tutorial da Photoshoppista!

Hai altri tutorial per photoshop da segnalare?

Aggiungi pure la selezione dei tuoi post preferiti qui nei commenti.
Preferirei non segnalassi risorse autoreferenziali , i lettori del blog lo capirebbero subito.

Autore: Sebastiano Raffa, blogger e Amministratore di Informania.it

Esistono svariati tipi di siti web,  ma alcuni non sanno che esistono anche dei siti che hanno la caratteristica di avere un’unica pagina.

Sono una delle tendenze del momento, e non hanno fatto fatica a trovare spazio nel web; al designer del momento piace infatti sperimentare cose nuove e creative.

Rappresentano anche un modo ironico per mettere alla prova la genialità  dei progettatori.
Sono sporadici ma nemmeno così rari.

Quelli che colpiscono di più sono caratterizzati da un’illustrazione, infatti, avendone creati alcuni in passato,  ho avuto occasione di notare che il cliente, tra le varie opzioni proposte, sceglieva sempre quella con l’illustrazione. Per questo motivo, ti invito a leggere l’articolo su questo link.

Oggi ti propongo 20 meravigliosi esempi di siti con pagina singola, che sono una bella fonte di ispirazione!

01. Webtalents

02. Sid05

03. Dconvulsions

04. Rmpanalysis

05. Sean Nieuwoudt

06. Howarths

07. X3studios

08. Designheartsme

09. Perttumurto

10. Carolsimonsen

11. Silverbackapp

12. Pojeta

13. Jasonreedwebdesign

14. Rzmota

15. Youlove.us

16. Taoeffect

17. Teamviget

18. Hotel Oxford

19. Fashionphotographer

20. Smartcube

Autore: Maxselmi Diaz di creativebubbles.net

Sei un web designer alle prime armi, e hai bisogno di capire come entrare in rete senza essere divorati dalla concorrenza?

Leggi di seguito alcuni suggerimenti utili che ho offerto a Gianluca che mi ha contattato via facebook.

Commenta il post qui sotto per aiutare insieme a me questo ragazzzo a partire con il piede giusto, magari suggerendo anche qualche post correlato.

Di seguito i dettagli della nostra chiacchierata.

Come diventare un bravo web designer freelance?

La domanda di Gianluca

Ciao Mirko, non so se ti fa piacere, ma eccoci qua a chiederti altri consigli.

Come ti avevo già detto forse altre volte, sto iniziando la mia carriera di web design, anche se ancora non è il mio lavoro principale.

Poche settimane fa ho ricevuto da Adobe la certificazione ASA rich multimedia content: non è una gran certificazione a lo considero un buon punto d’inizio.

Vorrei usare un blog per affinare le mie conoscenze e fare esperienza su e stesso, il mio portfolio pr ora è un po scarno, soltanto 2 siti, e mettere online soloamente 2 lavori i sembra controproducente…

Sto cercando di mettere insieme illustrazioni, loghi e altri lavoretti per avere un minimo di materiale, che mi permetta anche di effetture delle collaborazioni.

Siccome è un po’ che ti seguo, è ho capito l’importanza di trovarsi una nicchia, ti vorrei chiedere, se nel tuo blog potresti postare qualche linea guida o s ti sembra fattibile, svillupare una sorta di test che noi giovani blog designer in erba, potremo usare per avere dei paletti con qui valutare il nostro lavoro.

Nel mio caso vorrei impostare il blog sullo sviluppo di template con fireworks e photoshop, ma penso comunque che non sia una nicchia, o che non la sia più.

Ti ringrazio e continuo a seguirti,

una saluto Gianluca

Ecco la mia risposta

In bocca al lupo allora per la tua carriera.

Punta sulle tue passioni, il resto, con un pò di aiuto ed esperienza verrà da se.

La certificazione ASA rich multimedia content, è sicuramente un punto a tuo merito.
La segnalerei nel profilo personale del tuo futuro blog.

1. Seleziona i lavori da presentare ai tuoi potenziali clienti

Il mio consiglio è di inserire come portfolio di qualità, solo una selezionatissima lista di tuoi lavori.
Pensa al tuo progetto come ad un negozio di gioielli, se mostri in vetrina solo pochi articoli di bigiotteria, non riuscirai mai a mostrarti come un negozio di lusso, in cui acquistare gioielli di alto valore per un regalo esclusivo e costoso.

Puoi leggere alcuni post su blographik in merito a come realizzare un perfetto porfolio per web designer , come ottimo strumento di web marketing.

2. Cerca di arricchire il tuo portfolio lavorando anche gratis!

Offriti per i primi lavori, anche gratuitamente ma sempre realizzando il meglio che puoi.

Aggiungi un link nel footer del sito realizzato con i tuoi credits, link al tuo blog e tuo nome.

In questo modo, otterrai 2 vantaggi:

• incrementerai il numero di link verso il tuo blog, e quindi aumenterai con il tempo il posizionamento nei motori di ricerca.
• Otterrai la possibilità di ricevere altre richieste per lavori da altri potenziali clienti (ti assicuro che i credits funzionano alla grande se hai realizzato un buon lavoro).

3. Focalizzati in una nicchia meno concorrenziale

Lo sviluppo di template con fireworks e photoshop, é una “nicchiona” più che una nicchia.

Devi specializzarti su uno specifico settore, perchè essere “solamente” web designer in un settore così concorrenziale, potrebbe non portarti da nessuna parte, perchè non emergi.

Devi essere unico ed originale, essere riconoscibile e mostrarti competente, per un mercato specifico.

Il settore dei temi per photoshop è troppo grande, pensa a tutti i servizi on line presenti in rete anche dall’esterno, che offrono temi per pochi dollari.

Ecco alcune domande a cui devi rispondere per capire bene dove vuoi puntare:

• Quali sono i miei concorrenti?
• Come fai ad essere competitivo?
• Perchè dovrei sceglierti rispetto ad altri?
• Cosa offri di unico che gli altri non hanno?
• Perchè dovrei fidarmi di te che non ti conosco?

Letture dalla rete correlate

Inteviste – Come diventare web designer freelance

I parere e i suggerimenti da questa intervista di Julius Design, in cui sono presenti molte risposte di web designer freelance italiani (incluso me, anche se non sono solo un web designer )

Intervista a 6 web designer freelance

Altro scambio di opinioni con domande e risposta dal blog di Laura De Masi (anche lei una web designer), in cui si offrono diversi consigli utili, da aggregare alla risorsa precedentemente segnalata.

Come trovare lavoro in tempo di crisi

Un guest post pubblicato da Alessandro D’Agnano su blographik, in cui è presente una grande mole di informazioni, strumenti e strategie per cercare lavoro per un profilo professionale come il nostro.

Scopri questi 61 blog dedicati selezionati dai lettori di Blographik

Per essere un bravo web designer, bisogna rimanere costantemente aggiornati, altrimenti si perde il treno.
Dopo un mio sondaggio, sono stati scelti dai lettori di questo blog, oltre 60 risorse correlate al web design e non solo.
Di sicuro ci saranno dei blog che non conosci, e che potrai seguire tramite feed rss.

• Quali altri suggerimenti consiglieresti a Gianluca?
• Pensi che abbia offerto dei buoni spunti per un web designer che vuole diventare freelance?

A te la parola.

Photo credits: flickr.

Se gli stessi dubbi che mi ha posto Paolo (un fan di blographik) ti tempestano il cervello, leggi di seguito le domande e le mie risposte, in merito alla giusta scelta dei propri obiettivi come web designer aggiornato al 2010 e ad alcune altre figure di settori come il copywriting o il web advertising.

Ovviamente, sarà per me un piacere discutere con te di questo tema, nei commenti qui sotto.

Dopo aver visto la mia intervista con Robin Good, su come creare valore da una nicchia, ecco cosa mi chiede Paolo, tramite messaggio privato da Facebook:

ciao Mirko, scusa se ti disturbo!
innanzitutto complimenti per Blographik che seguo molto volentieri!

Volevo chiederti un consiglio:
ho fatto una scuola di web design, ma quello che ho imparato già è vecchio ( xhtml+css+js) ora sto studiando linguaggi come php e database come mysql.

Volevo chiederti un parere ( anzi due):

• secondo te conviene oramai lasciarsi indietro il web design statico ( anche da proporre ai clienti) e specializzarsi solo su web development dinamico / cms ( su una piattaforma specifica come wordpress ad esempio)?
• Altra ed ultima domanda:
  il web content writing rappresenta secondo te il futuro lavorativo del settore? insieme al web advertising?
  grazie della tua disponibilità e scusa ancora il fastidio!
  ti saluto
  Paolo

Rispondo direttamente qui a Paolo:

E’ preferibile specializzarsi sullo sviluppo di cms o piattaforme per blog?

Il web design si sta evolvendo (in verità non si è mai fermato).

Non a caso si inizia da un pò a parlare della creazione di pagine web utilizzando l’html 5, che ovviamente non funziona su Internet Explorer.

Lo sviluppo di cms o piattaforme per blog come wordpress sono la “nuova frontiera”, per creare ad esempio dei siti con pagine statiche per aziende.
Non è detto che l’utilizzo di wordpress debba essere specificatamente utilizzato solo per gestire un blog con articoli aggiornati.

Possedere delle buone conoscenze anche su questo fronte, non farà altro che migliorare le proprie competenze riuscendo ad ottenere un maggior numero di clienti.

L’importante è focalizzarsi su una giusta nicchia, altrimenti riuscire ad emergere in un mercato così concorrenziale e poco originale, potrebbe risultare alquanto ostico.

Dobbiamo puntare sul Copywriting e sul Web Advertising?

Dipende da un fattore fondamentale che dobbiamo decidere fin dall’inizio della nostra carriera on line, e credo bisognerebbe rispondere a qualche domanda, prima di buttarci a pesce:

• Quali sono le mie competenze e le mie passioni?
• Quali sono gli obiettivi che voglio raggiungere?
• Perchè sto puntando su questo settore?
• Quando sarà il momento giusto per partire?
• Perchè voglio fare questo lavoro?
• Ho voglia di rimanere costantemente aggiornato e continuare a studiare per rimanere al passo con i tempi?

Una volta che abbiamo in testa su quali competenze vogliamo puntare, cerchiamo di raggiungerle, studiando, partecipando ad eventi, workshop, seminari, e continuando ad aggiornarci in rete tramite blog, siti e forum tematici.

Ovvio che per un blogger (di qualsiasi settore), riuscire a raggiungere delle buone competenze su:

• come creare un titolo efficace che attragga l’attenzione,
• come scrivere un post che venga letto per intero,
• come utilizzare strategie e metodi che permettano di raggiungere specifici obiettivi,
  (iscrizione alla newsletter, acquisto di un prodotto, richiesta di contatto per preventivi, aumento dei commenti etc.),

può essere sicuramente un accrescimento delle proprie competenze.

Lo stesso vale per il web advertising.

Conoscere:

• gli strumenti giusti,
• come acrescere il posizionamento nei motori di ricerca,
• come riuscire a vendere spazi pubblicitari sul proprio blog ad aziende direttamente senza intermediari,
• capire quanto farsi pagare per un banner,
• etc.

è fondamentale per riuscire a vivere con i proprio progetti on line.

Per raggiungere queste competenze, che trattano figure professionali ben distinte, occorre tempo, soldi, voglia di imparare e costanti aggiornamenti on line.

Quindi non si riesce certamente in una settimana a raggiungere questo bagaglio culturale/professionale.
Ecco perché è importante sapere fin dall’inizio dove dobbiamo convogliare i nostri sforzi e le risorse,  per riuscire a lavorare on line.

Ho risposto brevemente a Paolo, tu cosa hai da suggerire in proposito?

Sei d’accordo come me?

A te la parola.

Il classico non passerà mai di moda. E’ così per tutto, anche nel web.

Infatti, un grande interesse è suscitato da sempre dallo stile “bianco e nero“.

Un sito web che adotta questo stile quasi sicuramente non si potrà sbagliare.E’ semplice ma d’effetto.

La settimana scorsa ti ho proposto 10 siti web dallo stile coloratissimo, come promesso, in opposizione, questa settimana te ne propongo 10 che adottano lo stile “bianco e nero”!

In questo modo potrai confrontarli e farti un’idea dell’effetto che da sia l’uno che l’altro. Dimmi che te ne pare!

01) Xqs Band

02) Sofa

03) Marc Ecko

04) Black Estate Vineyard

05) Kardo Ayoub

06) Urban Edge Design

07) Rikcat Industries

08) Quommunication

09) Circus Family

10) its.art.ist

Autore: Maxselmi Diaz di creativebubbles.net

Per dare un effetto shock al proprio sito, esistono diversi accorgimenti grafici.

Il colore per esempio è uno strumento che deve in qualche modo adattarsi al servizio offerto dal sito. Infatti il sito di uno studio legale sarà caratterizzato da colori scuri, che danno, allo stesso, un aspetto un po’ più serio e professionale.

D’altra parte il sito di un grafico sarà assolutamente coloratissimo, perché possa così esprimere tutta la creatività di cui è dotato.

Esistono infatti parecchi siti, non solo di grafica, che adottano uno stile coloratissimo e sono veramente belli e attirano molto l’attenzione.

In contrapposizione a questo stile ci sono dei siti che adottano quello del “bianco e nero”, altra fantastica tecnica, anche se classica, che non finisce mai di colpire.

Oggi vorrei proporti 10 siti dallo stile coloratissimo tutti diversi e uno più bello dell’altro. Il prossimo lunedì te ne proporrò altri 10 in stile “bianco e nero” così che tu possa renderti conto del diverso effetto che danno. Dimmi che ne pensi di questi!

01) LIFE.LAB

02) AXIOM

03) TSOKNAT

04) ARKIX

05) MBDESIGN

06) FAMILY VACATION

07) WEBDESIGNERDEPOT

08) CARBONMADE

09) GUERRA CREATIVA

10) COLORCHAKRA

Autore: Maxselmi Diaz di creativebubbles.net

Maria Pia è stata una mia ex-allieva ad un recente master dedicato alle nuove tecnologie, che ho seguito come docente.

A tutti i miei allievi, suggerisco sempre di chiamarmi (anche dopo la fine delle lezioni) quando hanno bisogno di informazioni o strumenti dettagliati in merito alla seo, al blogging, wordpress, plugin, etc.

Proprio oggi, Maria Pia mi contatta tramite facebook, e mi chiede un parere in merito a quale libri di web design acquistare, per aumentare la sua conoscenza dal punto di vista della creazione grafica di un layout per un blog.

Vogliamo darle una mano?

Ecco la domanda di Maria, non farmi fare brutta figura!!

Quali libri scegliere per migliorare le proprie competenze sulla creazione di un template per un Blog?

Questa è  la domanda di Maria Pia.

Ciao Mirko,

Stavo leggendo un po’ Blographik in cerca di qualche dritta per realizzare un template d’effetto per un blog, e mi sono imbattuta in alcuni articoli davvero interessanti.

Cercavo a tal proposito dei libri di web design che mi aiutassero più dal punto di vista grafico che informatico.

Più che altro per capire come posizionare al meglio gli oggetti, senza stancare l’utente nella navigazione o rendere il blog social e accattivante dal punto di vista grafico.

A presto.
Maria Pia.

Questa è la mia risposta.

Ora ti giro un link su alcuni libri sul web design (e non solo) da acquistare , o da cercare in rete per capire se fanno al caso tuo.

Nelle interviste on line, a quasi tutti i web designer/sviluppatori/blogger ed esperti di comunicazione, ho posto la domanda sui suggerimenti ad alcuni libri che reputassero validi e degni di essere consultati.

Da tutti questi suggerimenti, ne ho tratto una raccolta di 24 libri su web design, grafica, usabilità, strumenti e software, su tutto il materiale cartaceo presente in giro.

Tutti comunque consigliavano come è ovvio, di seguire i trend dei nuovi template, attraverso le ispirazioni grafiche delle gallerie css.

Inoltre, su blographik trovi molte informazioni utili su come trovare ispirazioni grafiche, o come aumentare la tua creatività di web designer.

Per rimanere aggiornata sulle tendenze grafiche, ti posso consigliare di seguire via feed questa raccolta utilissima di ben 61 blog sul web design (e non solo) di alta qualità, selezionati dai lettori di questo blog in un apposito sondaggio.

Se per te va bene, posso aprire un post su blographik ,e chiedere ai lettori.
Magari qualcuno ci offre qualche dritta in più a proposito.

Quali libri consiglieresti in base alla tua esperienza?

Aggiornamenti dalla discussione aperta

Questo articolo verrà aggiornato ogni qual volta qualche lettore di blographik approfondirà e offrirà dei consigli di alto valore.
Quindi, se vuoi ricevere un link verso il tuo blog, leggi la discussione di seguito, e partecipa condividendo la tua esperienza sul campo.

Aggiornamento lunedi primo marzo 2010

Lauryn consigli a Maria pia una serie di utili libri da acquistare in merito alla costruzione tecnica di un sito web attraverso il corretto uso dei css.

• The Zen of CSS Design (Dave Shea);
• Principles of beautiful web design (Jason Beaird);

Aggiornamento mercoledì 3 marzo 2010

Andrea Giavara offre il suo punto di vista e suggerisce di seguire gli aggiornamenti sulle tendenze e i tutorial da blog tipo net.tutsplus.com:

• Css Guida Completa (di Gianluca Troiani);

Aggiornamento venerdì 5 marzo 2010

Elisa approfondisce dicendo del puntare ad accrescere le competenze su:

• strutturare il contenuto dosando bene lo spazio, le proporzioni, gli allineamenti,  i vuoti e i pieni;
• creare il giusto “respiro” e dedicando molta cura anche alla tipografia;

Il libro consigliato in base alla sua esperienza è:

• Manuale di grafica e stampa (Mariuccia Teroni);

photo credits: flickr/alesstar

Molto spesso mi è capitato, alla fine della realizzazione di un mio progetto , di domandarmi come il mio lavoro sarebbe stato valutato da un altro grafico. Un biglietto da visita, un’immagine coordinata, un template, un logo, qualunque progetto portassi a termine, ero sempre  curioso di sentire il parere di un altro professionista su di esso.

Tempo fa ho scoperto un sito che mi permette di realizzare proprio il desiderio di confrontarmi con altri grafici. Si chiama CONCEPT FEEDBACK.COM e ti permette di caricare i tuoi progetti, dopo un adeguato log in e di ricevere consigli e pareri da altri grafici iscritti a questa organizzazione on line.

Il sito è in inglese ma facile da utilizzare, è divertente ed è un nuovo modo per confrontarsi con altri appassionati e professionisti di grafica.

Mi è servito molto per alcuni dei miei lavori, e spesso mi ha permesso di schiarire dei dubbi su progetti che a seguito di consigli e pareri si sono rivelati dei veri e propri successi per i miei clienti. Lo consiglio a tutti! Buon lavoro!

Autore: Maxselmi Diaz di creativebubbles.net