Your Inspiration Magazine

Your Inspiration Magazine #04

nando — Mon, 28 Feb 2011 06:14:23 +0000

Blog Designer: Sidebar? Si, no, forse

Formazione: Master in Italia: si o no?

User Experience: Progettare siti web a misura di bambino

Web: Addio originalità, usi e abusi nel web design

SEO: Il valore dei link per i motori di ricerca

Web: Le folksonomie: cosa sono e a cosa possono servire?

Intramontabile, romantico, creativo. Ispirazione in vintage style

nando — Sun, 27 Feb 2011 15:23:51 +0000

Lo stile vintage è, per sua natura, uno stile sempre attuale e originale. Certo, gli elementi dello stile sono assai facili da individuare (texture effetto carta, font retrò, pin-up, ecc..) ma anche se la grafica è facilmente inquadrabile, la creatività e il notevole impatto visivo – nonché emozionale- di quest’ultima rimane senz’altro fuori discussione.

Con questa premessa, un tuffo nel passato e nei gloriosi anni che furono non può che farci bene. E se un po’ di ispirazione può aiutarci a dare ai nostri progetti un look & feel vagamente vintage, non resta che approfittarsene.

Guida a Gimp: gli strumenti di disegno – Parte 1

nando — Sun, 27 Feb 2011 15:18:34 +0000

Nel numero precedente si sono analizzati gli strumenti di selezione. Continuiamo in questo articolo con gli strumenti di disegno, dei quali ne vedremo una parte, che si completerà poi con il prossimo numero.

Opzioni in comune

Molti strumenti di disegno hanno due opzioni in comune e per non ripetersi nella spiegazione vengono riportate qui di seguito:
Modalità: permette di modificare il comportamento del colore rispetto a quello sottostante.
Opacità: permette di variare l’intensità del colore.

Conoscere i feed RSS (terza parte)

nando — Sun, 27 Feb 2011 15:15:18 +0000

In questo ultimo articolo sull’argomento RSS feed, realizzeremo un semplice e versatile script capace di leggere i feed di qualsiasi sito e di produrre un output personalizzabile che potrà essere integrato facilmente in una pagina web.

Le folksonomie: cosa sono e a cosa possono servire?

nando — Sun, 27 Feb 2011 15:13:19 +0000

Sempre in modo più capillare ed esteso, le applicazioni del Social Web permettono agli utenti di creare, pubblicare, gestire e condividere risorse di ogni tipo, come video su Youtube#, pagine web preferite su Del.icio.us#, foto e immagini su Flickr#, oltre che a gestire profili personali diversi su social network differenti come Facebook# e LinkedIn#. Ogni giorno milioni di persone in tutto il mondo utilizzano queste applicazioni web non solo per creare, ma anche ricercare una o più risorse.

Affinché tali risorse siano efficacemente recuperate è necessario che tali sistemi adottino un qualche meccanismo di classificazione, volto a organizzare questa moltitudine sempre più crescente di risorse. Ebbene, sempre più spesso sono proprio gli utenti finali stessi a essere protagonisti nella fase di classificazione ed organizzazione di tali risorse, tramite l’associazione di termini rappresentativi, chiamati tag, ad una risorsa.

Addio originalità: usi e abusi nel web design

nando — Sun, 27 Feb 2011 15:12:00 +0000

Ebbene è cosi: anche nel web design, cosi come in tutti i campi dell’arte e della comunicazione, si finisce con l’annoiare. Un effetto gradevole, un layout originale…fino a che l’effetto non prende forma in dieci, cento, mille siti diversi e il layout diviene solo un’accozzaglia di ombre e colori trita e ritrita, senza spessore.
Non si tratta di copiare ma di assimilare in modo quasi morboso e del tutto spontaneo: ci guardiamo intorno e prendiamo ciò che più ci piace, enfatizzando cosi uno stile grafico o un effetto fino a farlo diventare, per l’appunto, un trend. Un qualcosa che va di moda, che funziona. Almeno per un po’.
E cosi il web si popola di tanti, troppi siti fotocopia.

User Experience: progettare siti web a misura di bambino

nando — Sun, 27 Feb 2011 15:10:43 +0000

Per realizzare un sito web usabile e a misura di utente bisogna tenere conto di molti fattori importanti. Uno tra questi è la o le classi di utenza che usufruiranno del progetto. Bisogna infatti non perdere di vista gli obiettivi, le abitudini e le motivazioni che spingeranno gli utenti a fare uso del sito web.

Quando il progetto ha come classe di utenza i bambini, le cose potrebbero sembrare molto più complicate rispetto ad un sito web usuale. Bisogna infatti tenere in considerazione le capacità dei bambini, le loro attitudini e molti altri aspetti che potrebbero essere dati per scontati quando si progetta l’User Experience di progetti per “grandi”. In questo articolo vedremo come progettare siti web a misura di bambino, le regole da rispettare per migliorare l’esperienza utente e cosa questo genere di siti hanno in comune con i più classici.

Il valore dei link per i motori di ricerca

nando — Sun, 27 Feb 2011 15:08:42 +0000

I link non hanno più il valore di una volta. Sono sicuro che avete letto questa affermazione centinaia di volte e non è mia intenzione smentirla, ma credo che per chi si affaccia al Seo per le prime volte può essere fuorviante. Il fatto che non abbiano più il valore di una volta non significa che siano un parametro da sottovalutare, ma solo che a differenza di prima che erano l’elemento cardine nell’algoritmo basato sul Pagerank che Google sfruttava per stabilire l’importanza e la popolarità di una pagina web, ora i link sono uno dei tanti fattori utili al posizionamento.

Come pensare, scrivere e vendere il tuo eBook di successo

nando — Sun, 27 Feb 2011 15:06:53 +0000

Ante Scriptum: questo tutorial ha lo scopo di far capire la differenza tra un autore sconosciuto che lotta per vendere qualche copia del suo libro (o eBook) e un autore che invece riesce a vendere centinaia di copie ancora prima di pubblicarlo, a scatola chiusa, solo perché porta la sua firma o perché tratta un argomento particolare.
È importante tenere presente che le tecniche e le strategie presentate in questo tutorial (e nelle parti successive) sono molto potenti e, in quanto tali, è necessario che vengano applicate secondo una rigida etica morale. Il tutorial fornisce gli strumenti per mettere in piedi un progetto editoriale di grande e immediato successo, ma l’uso improprio di questi strumenti ne violerebbe lo spirito in base al quale sono stati creati. Ecco perché ti chiedo di leggerlo con la promessa di usare queste informazioni solo per condividere contenuti di valore e aiutare gli altri a fare meglio qualcosa nella vita.
Il tutorial si compone di più parti. Questa è la prima parte.

Attenzione, dietro quel sito c’è una donna!

nando — Sun, 27 Feb 2011 15:03:22 +0000

“Buongiorno, avrei bisogno di un preventivo per un sito.”
“Buongiorno Sig. Cliente, ho ricevuto la sua mail, mi dica tutto.”
“Mi scusi, potrei parlare con chi si occuperà direttamente del sito?”
“Eccomi, sono io…”
“Ah…sei una donna…”

Complimenti, ha uno spiccato talento nel constatare cose ovvie, vorrei rispondere. Non ne ho il tempo, l’afarensis dall’altra parte del telefono mi trancia la chiamata con una scusa appresa dal manuale dell’arrampicatore sui vetri: “Ho un cliente sotto”.
Sotto la scusa?

Blog design: Sidebar? Si, no, forse

nando — Sun, 27 Feb 2011 14:59:02 +0000

Non c’è dubbio, da quando i primi blog si sono affacciati in rete, sono stati fatti passi da gigante per quanto riguarda la creazione di templates.
Tra gli elementi coinvolti senza dubbio la sidebar. E se nei primi blog si assomigliavano un po’ tutte, adesso abbiamo un panorama sicuramente più variopinto.
Ultimamente ne troviamo diverse tipologie e, in alcuni casi, non la troviamo affatto.
A seconda dei contenuti del blog e delle scelte di design, una soluzione può rivelarsi migliore di un’altra.
Vediamo alcuni esempi con i relativi pro e contro..

Master in Italia: sì o no?

nando — Sun, 27 Feb 2011 14:56:57 +0000

Ricevo questa email: “Ciao Luca, non ho soldi per iscrivermi a un master e ho poco tempo a disposizione perché lavoro in un bar. Cosa mi consiglieresti per fare carriera come web designer? Sicuro di una tua celere risposta, ti saluto. PS: sono di Avellino”.
Dico la verità, all’inizio non volevo rispondere.
Lavori in un bar, fai carriera in un bar, ho subito pensato.
Invece no, mi sbagliavo: anche l’amico di Avellino deve avere la speranza di fare carriera come web designer.
Anche lui che non può permettersi un master e lavora in un bar.
Accetto la sfida, caro amico di Avellino senza soldi e sicuro di una celere risposta.
Si parte.

Your Inspiration Magazine #03

nando — Wed, 01 Dec 2010 01:26:29 +0000

Freelancer: Cercasi web designer possibilmente factotum

Design visivo: Alla ricerca dell’immagine giusta

User Experience: A/B Testing, come utilizzarlo nei nostri progetti?

Accessibilità: Web design e daltonismo

Marketing: La strategia del dolore nel marketing

Fisco: Viaggio alla scoperta dell’INPS

La posta di Your Inspiration Magazine

nando — Sun, 28 Nov 2010 23:51:10 +0000

Domanda 1:

Mi sorge una domanda sui siti ufficiali.
Esiste qualche legge che tratti la definizione di “sito ufficiale”?
Se ad esempio prendo un giovante talento che non conosco di persona e inizio a pubblicare un sito con il suo nome (ancora sconosciuto) e lo chiamo “Sito ufficiale di Nome e Cognome”, posso farlo? Posso dire di avere i diritti su tutto quello che pubblico della persona, ecc.ecc.?

Domanda 2:

Come comportarsi se un cliente mi chiede una cosa che non so fare?… se mi viene fatta ( sono un freelance) una richiesta particolare di un cliente che non riesco a soddisfare cosa dire? come uscirne pulito?

Domanda 3:

Un web master non rilascia la password di superadmin al proprietario del dominio.
Il sito è fatto con un CMS (Joomla) e il template utilizzato è con licenza GNU.
Ora rivendica i diritti di copyright su tutto il sito comprese immagini e testi inseriti dal proprietario del dominio. Come ci si può difendere? Ha ragione il web master a rivendicare quel codice aggiunto al template o tenta solo di non perdere un cliente?
Sarebbe utilissima una rubrica specifica sui diritti d’autore ed alle leggi in tal senso.

Domanda 2:
Come comportarsi se un cliente mi chiede una cosa che non so fare?… se mi viene fatta ( sono un freelance) una richiesta particolare di un cliente che non riesco a soddisfare cosa dire? come uscirne pulito?

Tutto quello che c’é da sapere sulle mascotte nel web design

nando — Sun, 28 Nov 2010 23:46:33 +0000

Piccole, dolci, tenere, con grandi occhi da cucciolo. Oppure furbe, con sguardi intriganti e giocosi, simpatiche, stilizzate, colorate o in bianco e nero, bambini, animaletti, caricature…quello delle mascotte é un vero e proprio universo che incuriosisce e diverte e che negli ultimi tempi si sta sempre più affermando come tendenza anche nel web design. Ma quali sono le caratteristiche di una buona mascotte e quali le linee guida che é bene seguire quando decidiamo di integrarne una nel nostro sito? Scopriamolo insieme.

Che cosa é una mascotte?

Cominciamo con un po’ di teoria: le mascotte sono personaggi nati con lo scopo primordiale di portare ‘fortuna’ alle squadre sportive americane. In pratica ogni squadra ha una sua mascotte atta a rappresentarla visivamente (una specie di ‘logo’ scaramantico, per intenderci) e generalmente, nelle partite dei vari sport made in USA, é facile vedere qualche poveraccio di turno che, ai bordi del campo di rugby/baseball/basket di turno si agita indossando un costume ridicolo quanto scomodo che ricalca le sembianze del cane/coniglio/cavallo portafortuna della squadra.

vCard e Microformats

nando — Sun, 28 Nov 2010 23:44:01 +0000

Basati su standard esistenti (HTML/XHTML e CSS), i Microformats sono semplici convenzioni utilizzabili nelle pagine web per descrivere uno specifico tipo di informazioni (ad esempio una recensione, un evento, un prodotto, un’azienda o una persona). L’idea alla base del loro utilizzo è quella di standardizzare il markup di alcune tipologie di dati così da renderli facilmente estraibili da user agents e applicazioni.

Ad esempio, attraverso il Microformat hCard, specifico per la descrizione delle persone e delle organizzazioni, il browser può facilmente riconoscere all’interno di una pagina web l’indirizzo e-mail o il numero di telefono dei contatti presenti nella pagina, in modo da poterli trasferire velocemente nella rubrica.

Benefici
Al di là dell’incoraggiare l’utilizzo di markup semantico e standard, i Microformats portano questi benefici:

Trovabilità: Google comprende il contenuto “microformattato” (come indirizzi, eventi o recensioni) e può restituire queste informazioni di rilievo già nei risultati di ricerca o nelle pagine dei luoghi Google Maps sotto forma di snippet (vedi Official Google Webmaster Central Blog: Introducing Rich Snippets):

Realizzare un sito Multilingua grazie al PHP

nando — Sun, 28 Nov 2010 23:41:18 +0000

Al giorno d’oggi, molto spesso, capita di dover realizzare siti multilingua: dall’albergatore al commerciante, infatti, sempre più frequentemente arriva la richiesta di un sito accessibile anche da turisti e stranieri.

Questo, per i meno esperti, significa utilizzare metodologie che non sempre semplificano il lavoro: mi è capitato spesso, infatti, di trovare siti con contenuti divisi in cartelle a seconda della lingua (ad esempio: www.tuodominio.it/en per l’inglese o www.tuodominio.it/it per l’italiano); questo metodo, inevitabilmente, complica la gestione del sito stesso, dovendo in questo modo tenere sotto controllo due siti diversi; tuttavia c’è da sottolineare il fatto che dal punto di vista dell’indicizzazione questa soluzione è la più indicata.

Questo Tutorial PHP, invece, si pone l’obiettivo di semplificare tali operazioni, realizzando uno strumento facilmente riutilizzabile e modificabile che, allo stesso tempo, ti permetta di gestire quante lingue vuoi, senza incappare in problemi tecnici, anche per chi ha una conoscenza base di PHP.

Guida a Gimp: gli strumenti di selezione

nando — Sun, 28 Nov 2010 23:38:31 +0000

Dopo la panoramica generale affrontata nel precedente articolo, dove abbiamo visto quali sono i diversi strumenti messi a disposizione dal programma e come disporre in modo ottimale le finestre dell’area di lavoro, in questo articolo cercheremo di capire nel dettaglio … Continua a leggere→

Conoscere i feed RSS (II parte)

nando — Sun, 28 Nov 2010 23:36:21 +0000

Nella prima parte di questo articolo, pubblicata sullo scorso numero di YIM, abbiamo visto una breve introduzione al linguaggio XML e come applicare uno standard XML nella creazione di un feed RSS.
In questo articolo passeremo alla fase pratica realizzando un sistema che permetta la creazione / aggiornamento di un file XML per l’implementazione di un feed.

Analisi del progetto

Ci occuperemo unicamente della parte relativa al feed. Per questo esempio supponiamo che vi sia un database con la tabella news (che contiene gli articoli pubblicati sul sito) così strutturata:

id: chiave primaria;
titolo: titolo dell’articolo;
testo: testo dell’articolo;
timestamp: data di pubblicazione dell’articolo in formato UNIX timestamp;
autore: autore dell’articolo.

Ovviamente quanto vedremo dovrà essere adattato alla situazione contingente.
Quello che realizzeremo sarà una classe che ci fornirà un metodo il quale, una volta richiamato, aggiornerà il file XML relativo al feed producendone l’intestazione e la lista degli ultimi x articoli. Chiaramente questo metodo lo potrai richiamare nel punto dove, nel tuo codice, procedi all’inserimento di un nuovo articolo, subito dopo la query di inserimento.

Design visivo: alla ricerca dell’immagine giusta

nando — Sun, 28 Nov 2010 23:34:05 +0000

C’e’ un momento, nella fase di progettazione grafica di un qualsivoglia layout, in cui molti web designer irrimediabilmente si arenano: è il momento della scelta delle immagini atte a correlare il contenuto testuale del sito, ad arricchire e vivacizzare la grafica della pagina, ad armonizzare con grazia e comunicazione visiva una home page altrimenti spoglia e priva di attrattiva.

La domanda che inevitabilmente ci si pone in questi frangenti è sempre la stessa: quali immagini rappresentano al meglio il tuo cliente sul web? Immagini concettuali, astratte, meramente metaforiche? O è preferibile optare per foto incisive, meno utopiche e più dirette, per evidenziare il prodotto/servizio offerto?

Spesso tali domande ci lasciano in uno stato di frustrazione tale che si finisce con lo scegliere immagini e foto ad intuito, senza analizzare a fondo quale sarà il messaggio intrinseco che esse comunicheranno a tutti coloro che visiteranno il sito una volta messo online.

Ma proprio in virtù del fatto che “un immagine vale più di mille parole” - e mille parole, concorderai con me, possono dire molto – è bene dedicare un margine di tempo maggiore a questa fase e selezionare consapevolmente le foto e le immagini che in un secondo momento andremo ad integrare nel layout.