Wireframe, mockup e visual: quali strumenti per le prime fasi di un design?

Questo Brainpirlo Extra sarà la prosecuzione di una discussione nata su Facebook sul ruolo e l’impiego di wireframe, mockup e visual nella progettazione di una interfaccia applicativa o nel design di un sito web, e di quali figure professionali devono o possono “maneggiare” questi strumenti.

Scopo della serata sarà quello di confrontare le reciproche, diverse esperienze di relatori e partecipanti, scoprire quali sono i “ferri del mestiere” altrui, capire come, quando e perché vengono usati, e tornare a casa con qualche freccia in più al proprio arco di sviluppatore, designer, architetto.

L’appuntamento è per venerdì 22 giugno alle ore 19:30 in Talent Garden.

Vi aspettiamo numerosi!

Scaletta della serata:

19:30 – Aperitivo/Pirlo da Udaberri
20:20 – Tutti in TAG
20:30 – Breve introduzione a mockup/wireframe/comps/moodboard/visual
20:40 – Cristiano Rastelli – “Da un foglio di carta bianca e pennarelli allo studio grafico completo in Fireworks: un caso reale”
21:00 – Sara Girelli  + Daniele Gatti – “Come utilizzo Inkling e altre cose che ho imparato” + “Video-messaggio da quel di Londra”
21:20 – Diego Banchero + Eugenio Minardi – “Un caso di studio sulla UX e navigazione alternativa al modello gerarchico tradizionale”
21:40 –  Walter Franchetti – “Tool di analisi e verifica dell’efficacia di una UX (Crazyegg, Silverbackapp, YouEye, Optimizly) e prototipizazione per mobile tramite proto.io”
22:00 – Domande, risposte, dibattito, trolling, polemiche, discussione, rissa & co. 🙂
A seguire, probabile spuntino/birra da Fermento

Link e slide della serata:

Slide introduttive alle definizioni di Sketch, Mockup, Wireframe, Comp e Visual:  http://www.slideshare.net/webdebs/mockup-wireframe-e-visual-una-breve-introduzione

Alcuni link utili per appofondire il tema (da cui ho preso diverse immagini per la presentazione):
Cristiano Rastelli (Area Web) per i mockup su carta:
Sara Girelli (GDS Studio) per lo sketch su carta:
Daniele Gatti per l’uso dei wireframe nella sua esperienza a Londra:
Diego Banchero + Eugenio Minardi (Wellnet) per uno studio alternativo dell’architettura delle informazioni:
Walter Franchetti (Walter Franchetti) per i tool di analisi/tracking della UX:

Giorgio Mininno (Gummy Industries)ci segnala anche questa presentazione, in tema con l’argomento: http://www.slideshare.net/pkattera/design-process-for-responsive-web-design

Qui altre “definizioni” sui termini utilizzati in ambito ux/interaction/visual design: http://uxmatters.com/mt/archives/2012/06/ux-design-defined.php