Questa legge, ad opera del Ministro senza portafoglio per le Pari opportunità, Stefania Prestigiacomo, è quindi ormai vecchia di 2 anni, ma un pò di informazione su essa non fa male a nessuno.

Perchè questa legge?

Questa legge permette ai disabili vittime di discriminazioni di avere una tutela giudiziaria, anche al di fuori dell’ambito di lavoro. WebAccessibile ha una spiegazione molto ben fatta di questa legge.

In sostanza, questa legge permette a un disabile di denunciare un comportamento ritenuto lesivo nei suoi confronti. In soldoni, per il web, questa legge permetterebbe di far chiudere siti inaccessibili e incorrere in sanzioni da parte del giudice.

Cosa vuol dire questo?

Secondo un collega, questa legge è liberticida e mina la libertà di azione su internet, a sfavore di chi, per esempio, ha un sito per hobby. Sicuramente questa legge, intesa come strumento di prevenzione, non di offesa, non vuole uccidere la libertà di internet, però è da ricordare come costruire un sito non sia uno sport, ma un lavoro serio, che deve essere fatto da professionisti. Un esempio che ritengo sempre valido è questo:

Fare un sito è come fare una casa, chiamerete un professionista per farla, non il primo che smanaccia con il cemento.

Quindi, professionisti, rendere accessibili e usabili è un dovere nostro e un diritto per i disabili, perchè anche un disabile può avere passioni, quindi perchè dovrebbe limitarsi a guardare siti istituzionali, regolati sotto la legge stanca? Il metodo di pensare “è casa mia, faccio come mi pare” non può quindi essere tollerato, tanto più da chi si ritiene e si proclama un professionista del settore.

Pareri legali

Sto chiedendo pareri legali su questa legge, giusto perchè non si sa mai, ed è bene essere informati in maniera corretta. Vi terrò informati tramite questo blog.

Spesso un designer viene chiamato a fare un lavoro fuori dagli schemi, perchè quel designer è bravissimo, è un talento nato, e quindi sicuramente può pensare fuori dagli schemi.
Questa mentalità è sbagliata, il pensare di non dare indicazioni e di ottenere allo stesso tempo un design eccezionale.

Il pensare fuori dagli schemi è in realtà qualcosa di assolutamente sbagliato, perchè non ci sono limiti di creatività, questo è vero, ma non ci sono neanche basi “ideali” sulle quali partire. 

Lavorare dentro i box

Costruirsi delle scatole, non è un fatto così brutto. Lavorare dentro le scatole, ci permette di uscirne davvero. Per pensare fuori dagli schemi, bisogna prima averne.
In definitiva, negli anni le scatole sono state progressivamente abbandonate, mentre non c’è niente di male ad averne, spesso quasi si condanna chi ha le “scatole”.
Chi le crea queste scatole? Fondamentalmente un brainstorming, il cliente, in definitiva, le idee. Un buon brainstorming porta idee, porta riflessioni, porta le giuste “scatole”.

Un piccolo consiglio.

Un paio di critiche, i corsi potevano essere molto più avanzati, ma probabilmente sono stati pensati per essere compresi da tutti, anche chi si avvicina al mondo del web, e il fatto che i libri sono stati assegnati in base solo al numero dei corsi fatti non al tempo degli stessi (noi abbiamo fatto due corsi lunghi da 100 minuti e uno corto da 50, equivalenti di 5 corsi corti).

Buono il fatto che gli attestati di partecipazione rilasciati valgono da crediti universitari.

Ecco le impressioni dei corsi che abbiamo fatto (in ordine cronologico):

Delineare il perimetro dello sviluppo accessibile

Michele Diodati ha tenuto questo corso, un’introduzione generalistica a tutto il mondo dell’accessibilità, la sua storia, le linee guida del W3C. Ottimo e ben spiegato ma troppo generico, è stato accennato tutto e niente, nel senso che Diodati ha preferito toccare molti elementi senza entrare nello specifico di ognuno. Personalmente credo che se avesse parlato più approfonditamente della legge Stanca, nessuno si sarebbe lamentato.

[Link]

La ricerca avanzata: da cenerentola del web a sfida della progettazione

questo seminario è stato indubbiamente il più interessante dei tre, il più tecnico e anche complicato. Tenuto da Cristina Lavazza e Andrea Fiacchi si è parlato del tema della ricerca avanzata nei siti web, di come sia stata sottovalutata e di come stia tornando alla ribalta. Un ottimo corso, molto ben tenuto devo dire. Si è parlato inoltre di come progettare un form di ricerca che sia usabile, integrato e fiore all’occhiello del sito.

[Link]

Layout con i CSS: dalla struttura alla realtà

Il seminario di Gabriele Romanato forse è stato un pò sotto le aspettative: in 50 minuti ha spiegato come creare un documento xhtml e css validi, ma il seminario non mi ha convinto del tutto. Romanato va molto veloce a spiegare e credo che chi non avesse già conoscenze tecniche medio/alte non lo seguiva molto.

[Link]

In generale una bella esperienza (non solo per la penna con la scritta Web Senza Barriere), Tor Vergata è molto bella, gli addetti gentili e i relatori molto stati preparati.

Chiaro esempio di questo sono i siti della serie “Future Of...” come ad esempio questo.

Partendo dal logo e dalla persona raffigurata sotto ci si sposta verso destra tramite la numerazione e dalla sidebar si scende al contenuto.

Iniziamo a desrivere questo metodo, che si forma usando le lettere della parola A-I-D-A.

A: A sta per Attenzione, cattura l’attenzione dei tuoi visitatori come prima cosa quando capitano sull’homepage. Dagli quello che cercano.

I: I sta per Interesse, sono quelle informazioni che fanno restare il visitatore sul tuo sito. Per esempio mostrando i pregi e le caratteristiche del prodotto che vendi.

D: Desiderio, scatena il desiderio di comprare nei tuoi visitatori, perchè dovrebbero avere questo prodotto.

A: Azione, compra! Progetta un comodo sistema per arrivare a comprare il tuo prodotto, altrimenti tutti gli sforzi saranno inutili e gli utenti abbandoneranno il sito, frustati.

I’ve found several limitations using the Veerle system for the expressionengine titles, so i developed another one that works well.

First of all, all your pages created by you (contact form, about...) must have something like this at the top:

So, the About title can be used in the <title>.

Next we have:

And that’s all folks!

Presentare il portfolio come file da scaricare
Mi è capitato, per leggere un portfolio, di dover scaricare un file rar, che conteneva il portfolio vero e proprio. Io volevo vedere quel particolare portfolio quindi ho atteso che finesse il download di quei 5mb, e poi ho aperto il file. Impensabile per un cliente, per quanto bravo sia quel designer se guardo il portfolio è per raffrontarlo con altri artisti, quindi o lo vedo subito (i lavori) oppure passo oltre, e in quel caso si tratta di un potenziale cliente perso sul nascere.

La pagina del portfolio è interamente in flash, oppure in formato doc, oppure..
Esistono tanti formati oltre l’html. Purtroppo questi sono abusati. Un portfolio deve essere tassativamente in formato html, con i thumb dei lavori grandi, in bella vista (non solo il logo che poi magari è linkato alla pagina vera e propria), e una descrizione del lavoro svolto. Un portfolio in flash va bene se si sviluppano solo siti in flash. Un portfolio in formato doc o simili invece denota semplicemente grave una mancanza di professionalità. I portfoli fatti con pdf vanno bene, specie se il portfolio è anche il curriculum (io preferisco tenere separate le cose).

La pagina del portfolio contiene informazioni “sconvenienti”
Per sconvenienti intendo del tipo: “Purtroppo questo sito non è più online”, “L’attuale versione del sito è stata fatta dal cugino del figlio del presidente”. Le informazioni sul portfolio dovrebbero essere solamente una breve descrizione del lavoro, i servizi svolti per quel sito (metti che ho fatto solo due banner?), e l’url. Informazioni aggiuntive possono essere l’anno ad esempio, ma è tutto contorno.

Non separare le tipologie di lavori
Io sono un graphic designer. Come tale mi occupo non solamente di siti web ma anche di poster ad esempio. Categorizzare i lavori, ad esempio dividendoli in “Siti web”, “Poster” ecc, aiuta la navigazione e la leggibilità della pagina.

Su ItalianWebDesign, sta venendo fuori una discussione sul lavoro del webdesigner. Non si è riflettuto su una cosa però. Facciamo sempre quello che ci chiede espressamente il cliente? Sappiamo dire di no?

La guerra

Parlo di guerra, perchè di guerra si tratta. Non tutti i clienti capiscono il nostro lavoro, non ci avrebbero assunti altrimenti, ma nonostante tutto, molti pretendono di metter bocca nella faccenda. 

Ogni tanto toccherebbe ricordare a questi clienti, che se ci hanno assunti, è perchè probabilmente sappiamo fare il nostro lavoro. Il problema è che spesso, il designer assunto non riesce a far trasparire dal design l’immagine dell’azienda. Un sito, ad un’azienda, serve solo ad una cosa: vendere. Non importa che sia bello o brutto, ma solo che assolva il suo scopo. Per un designer una cosa del genere spesso è inconcepibile, si tende a far lavori “belli” ma poco “utili” a fini pratici. La guerra è guerra, se il sito non vende, i soldi per lo sviluppo del sito sono assolutamente immeritati.

I compromessi del mestiere

Non si può sempre avere la moglie ubriaca e la botte piena, ma in alcuni casi, i compromessi ci salvano un lavoro altrimenti fallito. Andare incontro alle esigenze del cliente, assecondarlo entro i limiti del giusto (quello che è giusto lo sappiamo dalla nostra esperienza), anche sapere dire di no, può portare a un lavoro ben riuscito graficamente, che riesca ad assolvere lo scopo primario del sito, che ricordo non è farlo sembrare bello, ma solo “utile” per l’azienda.

Eppure molti hanno ancora paura di usare questo formato per costruire siti web. Vuoi perchè non lo hanno mai usato, vuoi perchè ie6 non supporta le trasparenze delle png.

Ma oggi questo non è più un problema, ci sono diversi pngfix in giro per il web, alcuni più efficaci di altri, ma che hanno tutti lo stesso obiettivo: migliorare la compatibilità di questo formato.
E nonostante tutto continua a non essere usato, ho visto pochissimi siti in giro per il web che usano le png per il layout, e questo è male, il png è un formato come tutti gli altri, solo standard.

PNG Fix

Quella delle trasparenze legate alle png è stata una delle cose più discusse e temute anche, volendo, in questi anni.

24 ways ci viene incontro con un pngfix javascript che funziona molto bene, senza starmi qui a dilungare sulla cosa.

Come tutti i pngfix si tratta di uno script basato su javascript che usa degli hack per estendere il supporto a ie6 e inferiori.

E quindi..

Il png è un formato migliore rispetto agli altri, mantiene tutta la qualità delle immagini, e si, pesa un poco di più ma se le immagini sono piccole la differenza è risibile.

Muovetevi e scegliete il png!

Ma prima di tutto, perchè avviene questo?

I due cervelli

Emisfero destro e sinistro non sono uguali, infatti, l’emisfero sinistro ha il controllo della parola e del pensiero “razionale” mentre l’emisfero destro controlla ciò che può essere definito come “istintivo” e “creativo” . Il problema principale sta nel fatto che l’emisfero sinistro ha il controllo, è quello di maggiore influenza, quello che usiamo di solito. Quello che i nostri studenti non devono usare. Quando insegnamo loro le cose, le recepiscono e le elaborano con l’emisfero sinistro, e sempre con questo emisfero le provano a mettere in pratica. L’emisfero sinistro però non è in grado di sostenere la creatività, quindi il lavoro finale risulterà insoddisfacente anche dopo molte lezioni di teoria.
Badare bene, ogni persona ha un proprio stile e soffocarlo non porta niente di buono. La cosa giusta è indirizzare questo stile verso qualcosa di effettivamente corretto e maturo da un punto di vista grafico.

Sviluppare e lavorare con l’emisfero destro

Il modo migliore di insegnare qualcuno ad avere a che fare con l’arte e il design sono degli esercizi pratici per far arrivare lo studente nel giusto e corretto stato mentale quando si deve lavorare. A questo viene in soccorso Disegnare con la parte destra del cervello, di Betty Edwards. In questo libro si presenta un metodo che io ho trovato molto utile per far imparare il design. Una volta capito il metodo insegnare sarà molto più gratificante e semplice. Comunque, anche senza libro si possono preparare dei vari esempi e dei metodi magari più personalizzati per ogni persona, così da far venire fuori il massimo potenziale da ognuno.
Ma comunque disegno e design, sebbene facciano parte della sfera artistica non sono strettamente correlati, sebbene disegnare possa portare il proprio gusto artistico ad un livello superiore così da “sbloccare” delle porte immaginarie e diventare sempre più bravi.

Conclusioni

Imparare a sviluppare l’emisfero destro del proprio cervello è importante per chiunque faccia un lavoro di tipo artistico, sebbene ora i programmi come photoshop quasi inibiscano queste capacità elevando persone comuni al quasi livello di designer navigati.
Dobbiamo fornire ai nostri allievi il giusto metodo di studio, liberandoci di preconcetti tipici della nostra coltura, esempio lampante le maestre alle elementari, che vogliono che aumentiamo la creatività mentre ci insegnano materie più razionali come italiano, grammatica, matematica ecc..