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
- http://www.inspireux.com/2010/06/28/50-sketching-resources-for-user-experience-designers/
- http://webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups
- http://viljamis.com/blog/2012/responsive-workflow/
- Pennarelli Copic Ciao (a Brescia si possono acquistare da Vigasio) in vari toni di grigio + Pilot Signpen + Uniball sottile
- Modelli da stampare per la realizzazione di mockup e wireframe su carta (PDF)
- Le slide che mi hanno convinto a buttarmi a disegnare a mano:
- Tavoletta grafica Wacom Inkling
- Libro Sketching User Experience
- CrazyEgg (tracking)
- Optimizely (test A/B)
- Silverback App (usability testing)
- YouEye (user testing)
- proto.io (prototyping per mobile)
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