Tecniche grafiche speciali I - Prof. Alessandro Maculotti
Obiettivi
La domanda del mercato per prodotti e servizi digitali coinvolge oggi una molteplicità di figure altamente specializzate: UX Designer, UI Designer, Visual Designer, Content Strategist, UX Researcher, Product Designer sono solo alcuni dei ruoli che collaborano nella definizione e nello sviluppo di un’esperienza completa. In questo contesto, diventa fondamentale conoscere un metodo progettuale versatile, capace di integrare ricerca, progettazione e prototipazione in un flusso coerente e condivisibile. L’obiettivo del corso è fornire agli studenti gli strumenti teorici e pratici per validare, prototipare e presentare un’idea progettuale, producendo output chiari e strutturati da consegnare ai team di sviluppo. Il software utilizzato è Figma, una piattaforma di progettazione collaborativa in forte crescita, impiegata da startup e grandi aziende per la creazione di interfacce, la collaborazione in tempo reale e il design system management. Al termine del corso lo studente è in grado di condurre una breve analisi del problema e definire gli obiettivi UX, mappare user flow e casi d’uso, progettare wireframe a bassa e alta fedeltà, costruire componenti riutilizzabili con variabili e auto-layout, realizzare un prototipo interattivo che simula una navigazione reale, eseguire micro-test di usabilità e iterare sulle evidenze, preparare handoff per lo sviluppo con asset ottimizzati. Il deliverable finale include un file Figma organizzato, un prototipo condivisibile, un mini design system con regole tipografiche, colori e componenti chiave, oltre a una breve presentazione che argomenta scelte e metriche di successo.
Programma
- Introduzione sull'Ux design Come progettare una User Experience impeccabile - Strumenti per la ricerca: personas e test di usabilità I design pattern e le guidelines Wireframing, - Paper prototyping e strumenti per testare la tua idea Look & Feel: guida pratica all'utilizzo dei colori, spazi e della tipografia nell'UI Design - I test di usabilità moderati - Presentare la tua idea agli stakeholders - Panoramica del software Figma dei comandi base - Progettazione interfaccia grafica di un app esistente (esercitazioni in classe) - Figma: componenti e assets - Figma: auto-layout e constrains - Figma: animazioni e prototipi - Pubblicazione demo e su dispositivo mobile - Figma: developer mode per l'hands off