Ilaria Mauric

Nuovi dispositivi = nuovi modelli mentali (o viceversa)

Ilaria Mauric — Mon, 14 May 2012 22:17:16 +0000

All’IA Summit 2012, Diego Banchero ha presentato un intervento dal titolo “IA e adaptive design: SHE (Shrink, Hide, Embody) always right” al termine del quale Stefano Bussolon ha chiesto: “Ma quindi a nuovi dispositivi corrispondono nuovi modelli mentali?” Diego ha risposto: “Non ho dati su cui basare la mia risposta, quindi posso solo dire che la mia sensazione è che sia così.”

La slide 38 del keynote di Sylvain Cottong.

Ho provato a pensare a un servizio, sito, app che uso frequentemente su vari dispositivi e mi ha folgorato YouTube. Fino a circa due anni fa non lo consideravo molto e invece ora ne faccio un uso molto pervasivo ed eclettico.

Da desktop

Ascolto musica in sottofondo durante il lavoro, cerco pezzi scoperti in radio, ritrovo vecchi pezzi anche non mainstream, condivido i video su Facebook per farli ascoltare ai miei amici.
Ma cerco e guardo anche contenuti di approfondimento legati al mio lavoro. Ho iniziato ad apprezzare molto le funzioni “Playlist” (che voglio iniziare a organizzare in modo strutturato) e “Guarda più tardi”.

Da smartphone

L’ho usato sempre in mobilità, per esempio in viaggio, per ritrovare un video musicale o un trailer di cui stavo parlando con gli amici. In un paio di occasioni è diventata la radio di viaggio, finché c’era connessione.

Da tablet

Il tablet è un oggetto particolare, versatile e ancora molto giovane, almeno per me. Per ora mi capita raramente di usarlo in mobilità. Per quanto riguarda i video tendo a preferire il mac o la tv.

Da Smart TV

Uso le playlist come sottofondo musicale di alcuni momenti quotidiani passati in casa e come supporto a un’attività professionale: in questi giorni sto imparando a usare un nuovo programma e su Youtube e Vimeo ho trovato diversi videotutorial molto utili. Il bello di vederli in tv potete immaginarlo. Posso mettere in pausa o rivedere un passaggio avendo tutto il mac libero per mettere in pratica con calma quello che vedo in tv, posso cercare altri video correlati per approfondire, il tutto senza perdere le funzionalità utili in questo contesto (cerca video simili, aggiungi ai preferiti, aggiungi a pleylist ecc.).
Quest’ultimo uso di Youtube è stato per me il più recente, sorprendente e soddisfacente.

La mia impressione

La domanda da cui parte questa riflessione è stata fatta alla fine di un talk in cui si parlava di responsive design e quindi il ragionamento può tendere a rimanere limitato a un discorso di vincoli web e mobile. Il mio parere è che nuovi dispositivi propongono intrinsecamente nuovi modelli mentali. Non sono un’esperta di scienze cognitive e teorie della percezione, eppure più ci penso e più credo che sia riduttivo parlare di nuovi dispositivi quando, in questi ambiti, pensiamo di riflesso ai modelli mentali usati dall’utente. Pensiamo a servizi come quelli illustrati da Cottong in apertura del summit: gli obiettivi rimangono gli stessi (ottenere un’informazione, soddisfare un bisogno, risolvere un problema ecc.), ma cambia il modo in cui l’utente può arrivare a ottenere queste cose. In alcuni casi, il servizio si propone di risolvere un aspetto di una questione aprendo possibilità che l’utente non si era neanche mai immaginato, come per esempio il monitoraggio dei progressi delle proprie attività sportive o di avere (e condividere) informazioni “qui e ora” durante un viaggio.

Devo abituarmi a ragionare di nuovi scenari, contesti, tecnologie e connessioni, più che limitarmi a guardare queste cose dal buco della serratura dei vincoli imposti dai vari dispositivi. La risposta alla domanda sui modelli mentali stava nel keynote di Cottong e, a ben vedere, possiamo cogliere l’occasione di rigirare marzullianamente la questione in “A nuovi modelli mentali corrispondono nuovi dispositivi?“. La risposta, oggi, è certamente sì. E sarà così finché la tecnologia non riuscirà ad andare oltre i dispositivi, risparmiandoci tutta questa ridondanza di strumenti e strumentini vari.

Ottimo summit, comunque. Davvero grazie a tutti quelli che si sono fatti in quattro per organizzarlo.

Apps 4 Italy: noi ci proviamo

Ilaria Mauric — Thu, 12 Apr 2012 15:29:00 +0000

Il 30 aprile è il termine ultimo per partecipare ad Apps4Italy, il concorso italiano che invita pubbliche amministrazioni, aziende, sviluppatori, designer e chi più ne ha più ne metta a presentare un’app mobile (o un’idea di app) basata sugli open data. Ho avuto due occasioni per partecipare e se per motivi di tempo ho dovuto dire di no alla prima, la seconda è arrivata in un momento migliore, così non me la sono lasciata scappare. L’invito è arrivato da Smartitaly, indirizzato a me, Emanuele Rampichini e Francesco Fortunati ed è sostenuto da Samsung Italia, che ci ha prestato 2 Galaxy Note.
Foto di Michele Luconi

Tra fonti e materiali vari che ho letto per prepararmi, segnalo la puntata del 31 marzo 2012 dell’ottimo “2024“, il programma radiofonico di Radio24 a cura di Enrico Pagliarini (grazie a Claudio Menzani per avermi fatto scoprire il programma). Dopo 22 minuti, Pagliarini inizia un’intervista di circa mezz’ora a Massimo Fubini di ContactLab sul tema degli open data. Il risultato è un’ottima introduzione all’argomento: con alcuni esempi pratici, Fubini fa capire quali sono i possibili scenari di utilizzo dei dati e il loro eventuale impatto sociale.

Perché ci provo

Per vari motivi. Primo: non si può dire di no a un buon team sponsorizzato da Samsung Italia . Secondo: non conoscevo bene il tema e questo concorso mi sta dando l’occasione per aggiornarmi. Terzo: ho iniziato a capire la filosofia e l’etica che stanno alla base della pubblicazione dei dati e mi sembra che possano contenere un enorme potenziale, sotto molti punti di vista (sociale, economico, sanitario, markettaro…).

I nostri primi approcci

Nelle prime idee che ci sono venute abbiamo fatto sistematicamente questi errori: o non usavamo open data esistenti (e noi vogliamo presentare un’app funzionante); oppure li usavamo in modo marginale, non strutturale. All’inizio, la sensazione che ho avuto è di avere davanti tanti pezzi di Lego e di non avere idea della forma che avrei voluto dare alla nostra costruzione.
C’è poi un altro aspetto: non è che in Italia ci siano poi tutti questi gran dati disponibili. Oppure, quando ce ne sono, devo dire che ho avuto dubbi sulla loro utilità e qualità. Comunque, durante i vari brainstorming, Michele (che di opendata ne mastica da un po’) ci ha aiutato a inquadrare il tema e oggi stiamo lavorando su un’idea realizzabile, che ci convince. Se riusciamo a fare quello che abbiamo in mente, io per esempio la userei . Lele e Fra la stanno sviluppando e io, oltre che mettere a punto i dettagli di ux e grafica, penserò al logo e alla presentazione.

Sensazioni

Ho l’impressione che altrove il tema sia più sentito. Per dirne una, qualcuno è già alla terza edizione di contest analoghi ad Apps4Italy. Sembra che ci siamo mossi in ritardo rispetto ad altri Paesi e la sensazione che ho oggi è che non ci sia una grande partecipazione al concorso. Non è un caso che abbiano posticipato la scadenza più volte, mi dice Adri. A meno che non mi stia sbagliando, se è come la penso io, non saprei immaginarmi bene le cause…. Al di là del cronico problema di tempo che abbiamo tutti, gli open data (né tantomeno Apps4Italy) non sembrano in cima alla lista degli argomenti più sentiti tra i miei contatti. Eppure, come dice Fubini in 2024, parliamo di dati che sono un nostro diritto e che possono diventare cruciali per il cittadino. Ma se non sarà obbligatorio (soprattutto per le p.a.) renderli pubblici, il tema rischia di diventare un semplice hype… quindi perché “sbattersi”?

Risorse utili

Escludo quelle già segnalate sul sito Apps4Italy:

Alcuni contest all’estero

Problemi di infotainement low budget e fai da te per casa mia.

Ilaria Mauric — Sat, 25 Feb 2012 07:00:37 +0000

Negli ultimi due anni ho lavorato su alcuni progetti di domotica e infotainement con Videoworks ed e-xtrategy. Mi sono occupata della parte relativa alle interfacce e alla gui, facendo i conti con la struttura tecnologica creata ad hoc dai team con cui collaboro. Questi progetti mi hanno fatto pensare che anch’io potrei provare a connettere i dispositivi di infotainement di casa mia e così ho immaginato quello che mi piacerebbe succedesse, in base a come uso io la mia tecnologia e come vivo i miei spazi. Dato che vorrei cavarmela con qualche centinaio di € di spesa, in questo caso devo pensare io alla parte infrastrutturale e scegliere i prodotti consumer che ci sono sul mercato. Solo che… sono tutt’altro che esperta, anzi!

Casa mia (in affitto) è in un piccolo condominio con 4 nuclei familiari, in una zona silenziosa e tranquilla di un paese sulle colline marchigiane. La casa non è nuova, ma è stata ristrutturata da poco. Non sono stati fatti interventi di ammodernamento, però. Quindi niente predisposizioni per allacciamenti nuovi o cose del genere.

I due ambienti principali in cui vivo di più (da sveglia ) sono la stanza/ufficio (circa 10 mq) e la sala/cucina (circa 25 mq).
I dispositivi della stanza/ufficio sono ben collegati tra loro. Ho una wi-fi (un router d-link di cui sono delusa) che connette tra loro Macmini, MacBook Pro, iPad, iPhone, Samsung WindowsPhone e stampante. Ascolto musica o audiolibri su MacBook o iPad, sempre a volume molto basso. Non ho esigenza di avere delle casse potenti in questa stanza. Mi manca però un backup su tutte le macchine (ora il backup ce l’ho solo su Macmini).

La sala/cucina invece è totalmente scollegata. Il segnale wi-fi arriva bassissimo, ho uno schermo da 24 pollici che collego alla Kinect e un vecchio stereo che mi segue eroicamente dal 1994.

Le mie definition of done sono tre:

accetto che possa essere un po’ complicata tutta la predisposizione, ma alla fine deve funzionare;
non mi interessa l’eccellenza, mi basta una buona qualità;
vorrei spendere al massimo 1500 €.

E queste sono le storie:

vorrei poter diffondere la musica che ho su iTunes nella sala/cucina;
vorrei avere una tv con schermo grande, sia per giocare con Kinect che per guardare la tv o i film (anche online);
vorrei riuscire a connettere la Kinect per provare a giocare online;
vorrei fare tutto questo comprando il minor numero possibile di nuovi dispositivi o telecomandi;
nei limiti del possibile vorrei evitare il problema della ridondanza;
se nel fare tutto questo riesco ad avere un unico backup dei miei mac, sarebbe perfetto.

Ed ecco i dubbi.

Time Capsule o Airport Express? Entrambi dovrebbero amplificare il debole segnale del router d-link. Time Capsule mi risolve il problema del backup. Airport Express dovrebbe risolvermi l’ascolto della musica se compro uno stereo wireless. Non mi sembra che esista un accessorio che faccia tutt’e tre le cose (amplificazione wi-fi, iTunes e backup). Escluderei di ascoltare musica sulla TV (quindi niente Apple TV). (NB: mi vengono in mente accessori Apple perché ho molti dispositivi Apple a casa e perché li conosco abbastanza bene).
quale Smart TV LCD, 3D Full HD da 40 o 46 pollici scelgo? È da un po’ che penso al modello di tv e me ne sono state consigliate diverse. Sony per i colori naturali; Samsung perché mi dicono essere il miglior prodotto sul mercato; LG perché è più accessibile e ha gli occhialetti 3D senza batteria (costano 10 € l’uno rispetto agli 80 € delle altre tv). Qualcuno mi ha suggerito di valutare anche un proiettore, ma non ho lo spazio e mi sembra una scelta eccessiva. A conti fatti e visto l’uso che intendo farne, credo che una LG sia più che sufficiente.
per il sistema di amplificazione, non so capire quale sia il modello che risolva il mio problema. Se dovessi davvero comprarlo, vorrei che diventasse anche un sistema di dolby surround per la TV, oltre che consentirmi di ascoltare la mia libreria iTunes. Do per certo che al mio orecchio poco esigente l’effetto sonoro sarà molto buono e soddisfacente, considerando anche che vivo in un condominio… questo per dire che non saprei distinguere il suono di un Bose da 2000 € da quello di un Libratone da 700.

Il grosso dubbio sta quindi su come risolvere il potenziamento wi-fi, l’ascolto della musica ed eventualmente il backup.

Qualcuno ha già risolto problemi analoghi o sta usando prodotti di questo tipo?

Adattivo e responsivo: che significa?

Ilaria Mauric — Mon, 19 Dec 2011 21:10:03 +0000

Nel 2011 abbiamo assistito al boom definitivo degli smartphones e dei tablet. Non starò qui a tediarvi con infografiche e statistiche. Il trend è talmente chiaro… e io stessa da tempo faccio i conti con questi nuovi contesti di utilizzo.
Per me vuol dire imparare a ragionare secondo nuovi paradigmi e imparare anche un nuovo vocabolario (anche se ho scoperto che di responsività si parlava già da molto, ma molto tempo).
Ho un dubbio… diciamo “linguistico” che ho provato a fugare grazie ad alcuni articoli e libri che cito in fondo. Avevo anche scritto un tweet in cui chiedevo se qualcuno conoscesse la differenza tra le due definizioni “adaptive design” e “responsive design” (e ci sarebbe anche il “reactive design”). Qualcuno mi aveva suggerito di avventurarmi nel territorio dei “sistemi complessi” (?). Così ho deciso di scrivere questo post.

For a Future-Friendly Web

Quando posso parlare di adaptive design (design adattivo) e quando di responsive design (design responsivo)? sembra una questione di lana caprina, ma come diceva qualcuno, le parole sono importanti. C’è un sovrapporsi di significati che mi hanno reso difficile il tentativo di alzare la nebbia. Per ora i contorni che ho individuato io sono questi, ma fatemi sapere se li trovate scorretti, oppure se in altri ambiti (sviluppo, ingegneria o altro) vengono usati diversamente.

Design adattivo

Su Treccani ho trovato questa definizione per “adattivo“:

“adattivo agg. [der. di adattare sul modello dell’ingl. adaptive «capace di adattamento»]. –
1. In psicologia e in etologia, che riguarda l’adattamento o che favorisce il processo di adattamento: facoltà, difficoltà adattive.
2. Nella tecnica dei controlli automatici si parla di controllo a. quando gli interventi sul sistema controllato sono effettuati tenendo conto non solo dello stato del sistema, ma anche di tutti i parametri che caratterizzano l’efficacia del controllo.”

Ipotizzo che un design adattivo è tale se il risultato si adatta alle caratteristiche del dispositivo (in origine avevo scritto “ai limiti imposti da…” ma voglio vietarmi di parlare di limiti).
Nella frase finale di questo post, Zeldman limita la definizione all’aspetto visuale (tra l’altro parla di responsive e non di adaptive design). Il rischio di confondere il termine “visuale” con “decorativo” mi sembra ancora alto, quindi preferisco pensare al design adattivo come a un approccio progettuale che include contesto, architettura delle informazioni e interfaccia, oltre all’aspetto puramente grafico.

Design responsivo

La definizione italiana di responsivo direi che porta fuori strada. Per quello che riguarda questo ambito specifico, preferisco rifarmi alla definizione inglese da Wordreference:

“responsive, adj.
responding readily and positively.”

Puro e semplice. Applicato al nostro contesto, qualcuno sostiene che la responsività sia un aspetto dell’adattività; altri usano i termini esattamente al contrario. Su questo non sono davvero riuscita a trovare la risposta definitiva. Trattandosi di parole e contesti d’uso nuovi, non posso neanche rifarmi a chissà quale ricerca semantica, quindi per ora ipotizzo che il termine responsivo sia da associare alla risposta del sistema, in conseguenza di un design concepito come adattivo. In questo senso, potrei sostituire il termine design con “layout” e quindi parlare di “layout responsivo”, restringendo il campo dalla teoria (adattività) a una delle pratiche (responsività). Ma temo di aver schematizzato troppo.
Faccio un esempio: se il mio progetto di design adattivo richiede che una griglia di immagini sia presentata come un tile di foto se sono su desktop e come un coverflow se sono su tablet, allora creerò due layout responsivi ad hoc, a seconda cioè della risposta del device (sto navigando da un browser desktop? allora carico il layout a tile. Sono su Safari per iPad? allora carico il layout coverflow con supporto delle gestures).

La cosa fondamentale è che non devono esistere due versioni di uno stesso contenuto. E qui potrei addentrarmi in altre definizioni (progressive enhancements e via dicendo). Mi fermo qui.

Fonti

Le letture che sto facendo sono queste:

Responsive web design di Ethan Marcotte
Mobile first di Luke Wroblewski

e gli articoli / slide da cui sono partita questi:

“Responsive & Adaptive Design” su Lullabot Ideas di Jared Ponchot
“Responsive design. I don’t think that word means what you think it means.” su Zeldman del già citato Jeffrey Zeldman
“On adaptive vs. responsive web design” su Easy Designs Blog di Aaron Gustafson
“Responsive web design” di Thomas Byttebier su Slideshare

Spero che mi aiuterete a fare più chiarezza.
Ne approffitto per fare gli auguri a tutti!

Dopo lo UXCamp e l’Agile Day 2011: l’usabilità delle parole e la semantica del visual design.

Ilaria Mauric — Mon, 28 Nov 2011 23:04:11 +0000

Qualche settimana fa ero in viaggio in auto e stavo impostando il tragitto su un navigatore non mio (io non ce l’ho). Avevo provato diversi itinerari prima di decidere e sistematicamente incappavo nello stesso errore, quando dovevo rispondere a questa domanda:

Ho risposto correttamente la prima volta che ho letto la schermata, perché non l’avevo mai vista e quindi sono stata attenta al messaggio. Tutte le altre volte che me la sono ritrovata davanti, ho sbagliato la risposta. Per ordinare al navigatore di fare una cosa, dovevo dirgli cosa NON volevo ottenere. Questa cosa può funzionare fino a quando l’utente non conosce il sistema, perché quando lo conosce non legge più il contenuto e procede per automatismi. Raramente, se non mai, mi è capitato di imbattermi in un errore così grossolano di copy e di ux. Alla terza volta, mi sono ripromessa di scriverci un post. Non solo perché si tratta di un errore di progettazione che genera nell’utente un forte disappunto, ma anche perché intuivo che sotto sotto, se ci avessi ragionato bene, avrei toccato temi come l’importanza del linguaggio, del tono e non so cos’altro.

L’usabilità delle parole

Sono passate settimane e il post mi rimaneva lì e nel frattempo sono andata allo UXCamp (Firenze) e all’Agile Day (Roma). Allo IAD ho ascoltato Yvonne Bindi, che ha parlato di usabilità delle parole. Nel suo intervento ha citato anche questo esempio del navigatore, oltre a molti altri casi eclatanti di cattivo uso delle parole sulle interfacce di qualsiasi tipo. Nelle sue slide c’è tutto quello che avrei voluto dire e molto di più.

Spero che il video sia presto disponibile sul canale Vimeo dell’Italian Agile Day.

Bucce di banana

Dopo il suo intervento, ho ripensato a quante bucce di banana come quelle da lei citate abbiamo davanti, quando progettiamo. Un esempio evidente l’ho vissuto proprio il giorno prima allo UXCamp. Nel pomeriggio abbiamo avuto circa un’ora e mezza per fare un esercizio di progettazione. L’obiettivo era di arrivare a una proposta di interfaccia per quello che secondo le nostre squadre era il punto più debole del sito Trenitalia. Più o meno tutti (mi sembra) ci siamo ritrovati a ripensare al form di ricerca e alla pagina dei risultati. Con così poco tempo, c’è stato un po’ un bombardamento di idee e ripensamenti, e quindi non è che alla fine siamo riusciti a proporre chissà quali soluzioni risolutive clamorose… eppure c’è stato un piccolo dettaglio di cui ho fatto tesoro e che in qualche modo mi è rimasto tatuato in testa. Nel nostro form di ricerca, l’idea era di semplificare e velocizzare al massimo la scelta della data e dell’orario. Doveva essere possibile inserire partenza, arrivo, scegliere il “quando” (ora, domani o una data dal calendario che avrebbe aperto anche un pannellino per scegliere l’orario) e poi avviare la ricerca. Il primo schizzo uscito fuori era un qualcosa di simile a quello che vedete sotto.

A questo punto Andrea si è accorto subito dell’ambiguità della parola “Ora”, perché significa “Adesso” (quello che volevamo noi), ma anche “Orario”. Ed ecco che una soluzione semplice risulta inusabile per colpa di una piccola parola equivoca. Un esempio di cattivo copy degno di essere incluso nelle slide di Yvonne!

Il visual design nella progettazione delle interfacce.

Chi ha seguito il livestream su Twitter, saprà già che un altro ottimo momento ce l’ha offerto Nicolò Volpato a Firenze. Quanti di noi si sono trovati a dover ribattere a una frase del tipo “Alla fine la grafica è una scelta soggettiva”? Cosa che, ok, sarà anche vera, se il visual design è splendido e corretto ma al cliente proprio non piace lo stile… ma in certe situazioni dobbiamo saper ribattere che non è esattamente così. Un visual design scorretto può ribaltare e devastare gli obiettivi e i pesi di un’interfaccia che su wireframe erano chiarissimi. Può condizionare l’opinione dell’utente non solo sulla parte visiva ma, di riflesso, anche funzionale del sito o dell’app (o quello che è).
E poi Nicolò legge Zeldman e Norman, come me
Il cuore del suo intervento sta nell’aver definito chiaramente il ruolo del visual design, che non è semplice decorazione ma costruzione di significati e obiettivi, toni ed emozioni.

Queste sono le slide di Nicolò.

Linee guida per i siti delle P.A.

Per ultimo segnalo anche l’intervento all’UXCamp di Alessandro Violini di e-xtrategy, uno dei colleghi con cui collaboro più strettamente ogni settimana. Ale ha parlato delle linee guida per i siti web delle P.A., tema molto caldo per via del recente aggiornamento della Legge Stanca con le WCAG 2.0. Trovate il resoconto del suo intervento e le sue slide sul sito e-xtrategy. Il suo talk mi è piaciuto non solo per l’esposizione brillante, ma anche perché è riuscito a buttare giù, in modo semplice e veloce, alcuni dei più classici luoghi comuni sull’accessibilità. Bravo!

Dalla progettazione grafica su carta a quella su web.

Ilaria Mauric — Fri, 04 Nov 2011 18:34:24 +0000

Sabato 15 ottobre ero ad Ascoli all’AP Camp, su invito di Fabio Curzi. Grazie a lui e a quelli che sono venuti ad ascoltarci! Mi hanno chiesto di fare un intervento a due, una specie di “duello” tra grafica su carta vs. grafica su web: come cambia l’impostazione di un progetto, quali sono i limiti, le opportunità, i punti di incontro e le differenze. Gli “sfidanti” eravamo io e Cristiano di Schicchero Design, che ha introdotto l’argomento e presentato i punti che lui vede come limiti (non c’è uno sviluppo tridimensionale, sfogliabile, del prodotto finito; il monitor è limitato e non dà un’emozione tattile ecc. ecc.). Mi è piaciuto ragionare su queste cose, ho fatto mente locale su punti che do ormai così tanto per scontati che a volte finiscono per sfuggirmi.

La foto è di Anna Torcoletti.

Alla fine dell’intervento, nei corridoi, mi hanno fatto una domanda tanto precisa quanto vasta: che consiglio darei a un grafico “tradizionale” che voglia affacciarsi al mondo delle interfacce? Ci ho messo un po’ di giorni per trovare una risposta che per me avesse un senso. Ho pensato a quali consigli pratici avrei voluto ricevere io quando ho iniziato, tenendo conto che un grafico che viene dal mondo della carta ha familiarità con programmi come InDesign e Illustrator e conosce Photoshop quanto basta; non è uno sviluppatore, altrimenti avrebbe studiato ingegneria; non ha la minima idea di come funzioni il codice e dubito che gliene importi, in primissima battuta; non ha familiarità con il concetto di user experience e design contestuale; è possibile che non conosca gli rss.

Libri da leggere.

Don’t make me think di Steve Krug: è del 2006, ma i consigli sono tutt’ora molto validi.
Le leggi della semplcitià di John Maeda: segnalatomi dal solito Cristiano, contiene pochi ottimi consigli per la progettazione grafica in generale, che applicati a un progetto web o mobile saranno particolarmente utili.
Progettare siti web standard di Jeffrey Zeldman: anche questo testo è del 2007 ed è un classico. La parte più tecnica sul codice va letta per iniziare a capire la logica, ma è la prima parte quella più interessante per un grafico.
La caffettiera del masochista di Donald Norman: è un testo molto datato, ma è di cultura generale su ghestaltica e percezione e secondo me ogni grafico o progettista dovrebbe averlo letto. In generale tutti i libri di Norman sono preziosi.
Dalla carta al web di Jeffrey Zeldman: questo non l’ho letto ma lo consiglio sulla fiducia per l’autore.

Letture su schizzi e wireframe (fase progettuale)

Imparare a usare Photoshop (e lo so, c’è chi preferisce altri tool)

365 psd: una bella galleria di file photoshop, da scaricare per vedere come’è organizzato (struttura dei livelli, uso dei filtri e degli effetti di livello)
Photoshop Etiquette: una serie di regole da seguire per organizzare i file Photoshop, in modo che il front end web developer non abbia difficoltà a usarlo.

Progettazione grafica con griglie

Designing with grid based approach: qui ci sono una serie di informazioni e link per iniziare a capire la progettazione grafica per il web usando le griglie.
Layout ordinati, questione di griglie e ritmo: Ale spiega come tradurre in codice un layout con griglie. Per chi progetta la grafica, in soldoni, la griglia è un livello su Photoshop fatto da interlinea e colonne, ma è utile capire cosa succede traducendolo in html e css.
960.gs: classico framework (ormai un po’ superato) per disegnare e realizzare progetti con griglie
CSS Grid: framework per la progettazione con griglie adattive. L’adattabilità è un concetto che per chi viene dalla carta è un po’ duro da digerire in fase di progettazione grafica.

Ispirazione

Mediaqueri: una galleria di progetti pensati per adattarsi ai monitor dei vari dispositivi. Lo consiglio non tanto per i progetti proposti quanto per capire il concetto di adattabilità.
Site Inspire: in generale, le gallerie che presentano i siti più creativi mi hanno stufato. Vedo risultati troppo uguali graficamente. Anche tematicamente, i siti segnalati sono sempre quelli (siti personali, portfolio, magazine, moda…). Mancano delle spiegazioni sul perché il progetto sia degno di nota. Site Inspire non risolve queste pecche. Ma per un grafico è comunque sempre utile sapere che ci sono posti dove trovare ispirazione.

L’ultimo suggerimento è stato di imparare a tenersi aggiornati con gli rss. I consigli che ho dato sono il risultato di una pesante scrematura, mi interessava stuzzicare la curiosità di chi mi ha fatto la domanda. Se avete anche voi un consiglio che considerate d’oro (una lettura, un libro, un post o altro) da dare a chi si vuole affacciare a questo mondo, lasciatelo nei commenti!

PWI2011, un bel premio inaspettato.

Ilaria Mauric — Mon, 12 Sep 2011 06:38:16 +0000

Sabato 9 settembre ero a Cava de’ Tirreni, accompagnata dall’amico e personal web guru Adriano. C’è stato il Festival Web Italia e la consegna dei Premi Web. Quest’anno c’erano anche i premi speciali per le nuove figure professionali individuate negli skill profiles di IWA. E qui ho preso un premio anch’io come creative information architect del 2011. È stata davvero una piacevole sorpresa, anche perchè non sapevo di essere candidata e sotto osservazione. È proprio vero che le cose migliori arrivano quando meno te l’aspetti.

Non esiste una professionalità come la mia se non lavora in team, con persone aperte al confronto. E non saprei tracciare in modo chiaro il confine tra il mio intervento e quello di qualunque altra persona nel team, durante lo sviluppo di un progetto web o sui nuovi dispositivi. Forse il premio alla fine l’ho preso io proprio perchè penso di aver capito fino in fondo questa cosa.

Ho tre suggerimenti da dare agli organizzatori:

se ho scritto “forse” è perché non mi hanno detto le motivazioni per cui mi è stato consegnato il premio e non conosco le modalità di valutazione. E visto anche il lungo viaggio fatto per ritirarlo, avrei voluto saperlo. La consegna di questi premi speciali è sembrata un po’ disorganizzata, ma di certo è successo perché si tratta di una novità per un festival autorevole e storico come questo.
anche durante la divertente cerimonia serale, avrei voluto conoscere le motivazioni che hanno decretato un sito vincitore rispetto agli altri.
non emerge l’aspetto strategico di un progetto vincitore e questo dà l’impressione che la strategia non venga valutata. Moltissimi progetti candidati mi sembrano avere in comune una presentazione visiva e comunicativa molto curata e a effetto (quindi più epidermica), ma non è chiaro se questi progetti abbiano davvero costituito un successo per il cliente o abbiano risposto a un bisogno degli utenti.

A me sembrano tre punti importanti e spero che PWI trovi il modo di comunicarli meglio: il motivo per cui viene assegnato un premio e il motivo per cui un progetto è stato costruito in quella forma.
Grazie ancora agli organizzatori del PWI2001 e a IWA, per il riconoscimento e per l’esperienza emozionante che mi avete fatto vivere!

Il problema irrisolto della gestione del tempo.

Ilaria Mauric — Thu, 23 Jun 2011 21:10:27 +0000

Da un paio d’anni, insieme a e-xtrategy e a Jacopo Romei, ho iniziato a essere considerata parte integrante del team di sviluppo di un progetto (web o mobile). Do il mio contributo nella scrittura delle storie, partecipo a quasi tutti gli iteration meeting, faccio planning game ecc. ecc. Insomma, mi impegno

Prima di dire qual è la mia più grossa difficoltà oggi, devo scrivere nero su bianco, una volta per tutte, quali sono i benefici più rilevanti che ho trovato finora nel cambiare metodo di lavoro:

migliore comunicazione in tutto il team (cliente incluso)
grande predisposizione al cambio di rotta o a successivi incrementi
migliore comprensione del progetto a monte, discutendo prima obiettivi e richieste.

Scusate se è poco.

Quest’anno, in particolare, ho messo le mani su due lavori che dovevano essere fatti così, non c’era un’altra strada.
Il primo progetto partiva da una richiesta generica del cliente: il classico “abbiamo visto che su iPhone si possono fare queste cose. Vorremmo farlo anche noi, vanno tutti lì. Come possiamo fare?”. Il cliente ha accettato di andare avanti per piccoli incrementi e ora siamo arrivati a consegnare una demo funzionante di un qualcosa che doveva essere il 100% iPhone, e ora è altro (diciamo un 35% iPhone un 65% webapp). Il cliente userà questa demo per tastare il terreno con tutta la sua filiera e cercherà di capire come andare avanti (business plan, test, investimenti ecc. ecc.). A me un risultato del genere sembra un indubbio successo, anche nel caso in cui il cliente decidesse di non proseguire.
Il secondo progetto ci vede al lavoro con un’azienda che sta vivendo un cambio generazionale e un momento di forte rilancio sul mercato. I nostri interlocutori sono in perenne spostamento per promuovere la nuova linea e i nuovi prodotti ed è difficilissimo trovare un momento di incontro con loro. La nostra fortuna è che su web partivano quasi da zero, quindi consegnare poco era comunque un di più. Ora abbiamo prodotto un sito al quale aggiungeremo un pezzetto alla volta. Il nostro interlocutore non sa che stiamo lavorando con un approccio agile, ma vede ugualmente il beneficio di poter chiedere l’aggiunta di un pezzo nuovo o di ripensare in toto a una sezione che avevamo lasciato in attesa.

Quello che sto per scrivere sul problema di calendarizzazione e organizzazione non mi fa avere nessun ripensamento sulla bontà del metodo, voglio essere chiara. È solo un’autentica ammissione di attuale incapacità nel gestire il calendario. E la devo risolvere.

I problemi sono due.

continuerò ad avere clienti per i quali l’approccio agile non funziona. Almeno per me. Per usare la metafora di Jacopo, non tutti i progetti sono fluidi come un progetto di sviluppo software. Nel mio caso, per esempio: un logo è un logo, per farla breve. Non posso fare oggi un lettering e domani aggiungere a matita un’idea che tra un anno il cliente può cambiare. Una fiera è una fiera, una modifica a un progetto web non agile ha i suoi tempi e così via… ci sono consegne che non possono non essere finite. La disciplina e limpidezza di un approccio agile (per lo meno così come l’ho vista impostare da Lorenzo), prevede un tot di lavoro a settimana, oltre al quale più di quello non posso dare. Il cliente chiede di più o vuole avere le cose? Significa che bisogna aumentare le forze (cioè il tempo dedicato o le persone). È qui viene il primo problema: trovare altro tempo, lo sappiamo tutti, non è affatto semplice. Trovare altre persone immediatamente assorbibili nel progetto è cosa davvero rara. È molto difficile far combaciare la fluidità di un progetto con il tempo (che è per definizione finito) o le persone.
mi è cambiato totalmente il rapporto riunioni tempo (prima ero a un 30 % – 70%, ora è esattamente il contrario). Ma non è tanto questo cambio di rapporto che mi ha sconvolto, quanto l’impossibilità di fare un calendario reale dei lavori. Quando sono su un progetto non agile, devo “fisicamente produrre cose” e devo farlo entro un certo tempo. Se un cliente mi dice che tra 2 mesi ha una fiera e io ho 2/3 settimane di lavori da fare per lui unite a varie urgenze, giuro che non capisco come posso incastrare le cose.
In un progetto agile ho spesso dei momenti di stand-by (non devo fare niente, ma devo partecipare a tutto). Poi arriva un momento in cui devo fare di più ed è una legge di Murphy che questo momento si incastri con le fasi più acute o urgenti degli altri progetti non agili.

Finora mi sembra che per risolvere questi punti sia importante lavorare con un network con competenze molto simili, capace di lavorare nello stesso modo fluido con cui ha lavorato il team. Ma il rischio è di sentirsi rispondere “picche”.

Il risultato è che…

…invece che fare le mie 8 ore di lavoro utopistiche, mi è letteralmente esploso il calendario (ovvio che ne sono contenta, ma così non è sostenibile). E dato che i progetti di sviluppo sono potenzialmente infiniti, questa cosa mi sta bloccando. Non riesco a vedere una soluzione realistica a questo problema. A oggi, sto dicendo di no a quasi tutti i nuovi progetti.

PS1: non attaccatevi al “quasi”, il mio discorso vuole essere pragmatico. Ci sono partner o clienti a cui semplicemente non puoi dire no.
PS2: non vorrei ridurre le risposte a un semplice “significa che le cose ti vanno bene, che ti lamenti? basta che scegli”. Non la farei così semplice, non è questo il punto del mio post e spero che si sia capito. Devo capire se questo è un primo segnale di un ripensamento più importante, cioè di nuove scelte.

[OT] Ritornata dalla Croazia… Supern(u)ova!

Ilaria Mauric — Thu, 09 Jun 2011 05:49:19 +0000

Ed eccomi qui, reduce dal trasloco e dal ponte del 2 giugno al Supernova. Sono un po’ cotta, ma ho tenuto botta molto meglio di quanto credevo. Sono salita sul traghetto esattamente il giorno dopo aver finito il trasloco e avrei giurato che le mie attività sull’isola di Pag si sarebbero ridotte a una: 4 di spade in spiaggia. E invece…

… sono crollata alla prima serata

Scherzi a parte, il viaggio sul traghetto è confortevole, la welcome bag era piena di tanti gadget, tra cui la maglietta con lo splendido logo del festival e 2 pacchetti di cracker.
Venerdì l’abbiamo passata sulla spiaggia di Zrce, curiosamente somigliante a un lago circondato da montagne brulle, tanto che ci è sembrato di fare il bagno in Trentino ^_^
Ma l’acqua… non era un lago no. È un mare fresco e pulitissimo. Dalle 15 iniziava a sentirsi la musica dall’Aquarius e alle 18 la festa era in pieno svolgimento, complice il sole alto.

Il primo momento clou

Timo Maas e Kaplan Project: una rivelazione. Conoscevo qualche pezzo di Timo Maas e i suoi remix mi sono sempre piaciuti. Ma non conoscevo Alessandro Lentati+Barbara Tajariol, aka Kaplan Project. Vederli mixare immagini live al ritmo electro mi ha paralizzato per quasi due ore. È stato un privilegio poter fare ad Alessandro i complimenti dal vivo sul traghetto del ritorno, e scoprire che non è solo bravissimo, ma anche molto gentile e alla mano. Caro Alessandro (e Barbara), avete una nuova fan (#sapevatelo).

Dovrei abbinare al momento clou anche la cena prima del concerto, a base di pesce del giorno. Ottimo, ma ci aspettavano al varco e ci hanno staccato le orecchie! Così impariamo ad ordinare a braccio…

Bello anche tornare a casa alle 5 della mattina, svegliarsi alle 10, andare a prendersi una pasta in panetteria al centro di Novalja, bersi un cappuccino e poi schiaffarsi in spiaggia sotto un nuovo sole cocente. Sabato mattina abbiamo scelto la spiaggia di Babe, vicino a Novalja. Qui, dopo i primi metri di fondale roccioso, ti aspetta una sabbia morbida e un’acqua non troppo alta. Quello che è alto è il godimento che si prova nel fare svariati bagni in un mare così!

Il secondo momento clou

We love: gotici, malinconici, sperimentali. Giovanissimi e bravissimi. Hanno iniziato all’una e mezza e si sono presentati incappucciati di bianco e truccati d’argento. Entrambi, lui e lei, cantano con queste due voci lontane, divorate dalla musica. E intanto suonano strumenti che dire analogici è poco: una melodica e soprattutto un oggetto non meglio identificato, fatto da una scatola e una barra di metallo. Anche loro hanno curato molto l’abbinamento con le immagini e non potevano che scegliere un mix di video rétro e animazioni geometriche.

Sul mio canale YouTube ho caricato qualche video delle performance di Timo Maas e We Love, se vi va andate a vederveli.

Ellen Alien: così così. Forse mi aspettavo di più, forse se l’è tirata un po’ e non ha voluto suonare in coda ai We Love senza la sua attrezzatura completa (quindi si è creato un buco di 10 minuti)… il risultato è stato che quando aveva cominciato a prenderci la mano, io ero nel mondo dei sogni (e comunque erano di nuovo le 4,30 della mattina, con sveglia alle 9 per tornare). #perdire

Comunque, anche sabato sera abbiamo abbinato dell’ottimo pesce unito a un assaggio di cevapcici e rasnici, a un prezzo molto più abbordabile. L’unico problema della cena è che non avevamo più posto per le teglie cariche di scampi e grigliata. Non ci siamo fatti mancare niente!

Le cose da migliorare

Considerando che questa è stata la prima edizione e tutto il mazzo che si sono fatti i ragazzi dello staff, secondo me va valutata come esperienza sicuramente riuscita ma anche con ampi spazi di miglioramento e di riflessione (e fino a qui è quasi ovvio).

Per me, i miglioramenti vanno fatti qui:

gli accordi con l’accoglienza turistica croata: la Croazia del 2 giugno sembra essere ancora in preparazione dell’estate. Non sono riuscita a trovare un gelato in spiaggia, per dirne una. Inoltre al nostro arrivo ci hanno consigliato un braccialetto che ci avrebbe dato libero accesso a tutti gli autobus dell’isola. La speranza era quella di potersela girare un po’, ma nella realtà c’erano solo 2/3 autobus che facevano avanti e indietro tra Novalja e Zrce, quindi non siamo riusciti a vedere il resto dell’isola. Inoltre, il tipo che ci ha venduto i biglietti è stato scortese diverse volte. Infine, i nostri appartamenti erano ottimi e molto carini, ma altri nostri compagni di viaggio non sono stati così fortunati.
il viaggio è comodo, ma lungo. E l’ultimo pezzo in pullman da Zara a Novalja stronca. Non sarebbe male trovare una località più facilmente raggiungibile, magari proprio Zara o Spalato. Oppure ci vorrebbe un ponte più lungo.
l’Isola di Pag è grande, ma ne abbiamo vista solo un pezzo: sarebbe davvero bello dislocare eventi in giro per l’isola invece che chiuderli dentro l’Aquarius. Ma mi rendo conto che questa cosa è davvero difficile.

E la riflessione principale è stata questa: c’era un’altissima percentuale di uomini e molti non sembravano interessati a un festival così di nicchia. Diciamo che se alcuni si fossero trovati alla sagra dei cevapcici forse non avrebbero colto la differenza. E qui abbiamo fatto una riflessione di massa su come portare la gente a un festival. Prima di confrontarmi con i miei compagni di viaggio, non avevo mai pensato a quante implicazioni e difficoltà comporta l’organizzazione di un evento così. La cosa che ho capito finora è che organizzare un festival e portarci tanta gente è più semplice che portarci la gente giusta. Tanta gente la puoi portare facendo gli sconti comitiva, dando gli omaggi donna, ecc ecc. Ma questo non garantisce che il pubblico capisca, apprezzi e soprattutto ritorni a vedere performance come quelle di Timo Mass + Kaplan Project o dei We Love. Paolo ha sottolineato che se non sono appassionato di una cosa, l’unico modo che ho per provare a farla è ricevere un consiglio da una persona di fiducia. È forse è mancato proprio questo passaparola.

Bando alle ciance, grazie ad Amatori, Adriano, Jonathan e gli amici ed ex-colleghi Marzia, Paolo, la Riccia e Oscar, che mi hanno fatto passare una vacanza che non dimenticherò. Spero che Amatori trovi le forze per riprovarci di nuovo.

[DISCLAIMER] il pacchetto Large (viaggio + soggiorno + festival) mi è stato offerto da Amatori Tour Operator, a scanso di equivoci tutto quello scrivo corrisponde a quello che penso e nella più totale trasparenza mi sono sentita libera di scrivere com ho vissuto la vacanza.

[OT] Stacco tutto e vado al Supernova Festival

Ilaria Mauric — Wed, 18 May 2011 07:30:38 +0000

Qualche settimana fa ricevo una telefonata dall’amico Adriano: “Perché non vieni con me e Jonathan al Supernova?”. E che cos’è?, gli faccio io. Adri mi spiega che il ponte del 2 giugno ci sarà questo grande festival di musica elettronica.

Mi dice che suoneranno Timo Maas…

Ellen Allien e molti altri.
Non è che sia di quelle persone che riesce a tirare tardi tre notti di fila, ma Adriano mi spiega che il tutto si svolgerà nell’isola di Pag. Finalmente ho un’occasione imperdibile per andare a scoprire un pezzo di Croazia in più, cosa che finora non sono mai riuscita a fare dato che i miei parenti vivono in Istria.

Saranno 4 giorni mica da ridere. Il programma è fitto e la musica inizia al pomeriggio. Se conosco un pochino Adriano e Jonathan, mi sa che riusciremo a vederci nelle ore serali! Io voglio andarci non solo per la musica, ma anche perché ho l’occasione di scoprire un piccolo pezzo di Croazia che non conosco e di godermi un mare semplicemente splendido.

Puoi seguire gli aggiornamenti del festival qui:
Web: http://www.supernovafestival.com/
Facebook: http://www.facebook.com/Supernovafest
Twitter: http://twitter.com/Supernovafest
Youtube: http://www.youtube.com/supernovafestival
Blip: http://blip.fm/Supernovafest
Mixcloud: http://www.mixcloud.com/supernovapodcast/

Per chi viene, ci vediamo lì. Per chi ci sta pensando, i biglietti li trova qui.

[DISCLAIMER] il pacchetto Large (viaggio + soggiorno + festival) mi verrà offerto da Amatori Tour Operator, a scanso di equivoci tutto quello che scrivo corrisponde a quello che penso e nella più totale trasparenza mi sentirò libera di scrivere come vivrò la vacanza.