6 persone per 7 ore a tu per tu con Francesco Improta

Questo corso affronta due concetti chiave nel campo del design di prodotti digitali: i Design Systems e l'Atomic Design.

Imparerete a costruire un Design System coerente e ben organizzato, che apporta uniformità e coerenza a qualsiasi prodotto digitale. Esploreremo anche l'Atomic Design, un approccio per creare interfacce modulari.

Nel corso, approfondiremo il processo di creazione di un Design System, dalla definizione degli stili base alla costruzione di componenti e pattern. Vi presenteremo anche vari strumenti e tecniche per adottare l'Atomic Design.

Il corso è pratico e coinvolgente, con esercizi che vi permetteranno di mettere in pratica quanto appreso. È perfetto per i designer di prodotti digitali che vogliono approfondire le loro competenze e per chi vuole migliorare l'efficienza e la coerenza dei propri progetti.

Argomenti trattati

• Design system
• Atomic Design
• Design tokens
• Style guides

Cosa imparerete

• Cos'è un *design* *system*? Esploriamo la sua struttura e gli elementi chiave che lo compongono;
• Il processo di progettazione di un *design system,* dalle fasi preliminari alla realizzazione e manutenzione;
• Sfruttare al meglio le potenzialità dei *design tokens* l'ingrediente essenziale di un buon sistema di design;
• Documentare un sistema di design: come creare una guida di stile dedicata a coloro che lo utilizzeranno;
• Organizzare e svolgere esercitazioni di co-design con i portatori di interesse del progetto.

Il corso è destinato a designer di prodotti digitali di qualsiasi qualifica (UX, UI, Product, Content, Service), Design Lead, Product Owner e Developers.

Cosa portare

Per le prove pratiche che si svolgono durante i momenti teorici, è consigliato, ma non obbligatorio, portare il proprio computer e avere un account su software come Miro o Figma.

Organizzazione del workshop

• Mattina

• Evoluzione del design di prodotti digitali
• Cos’è e come si progetta un Design System
• Esercitazione 1 - Design Audit: inventario degli elementi che compongono l’interfaccia di un prodotto digitale
• Design tokens

• Pomeriggio

• Style guides e documentazione di un design system
• Atomic design: una metodologia al servizio della progettazione modulare
• Esercitazione 2 - Atomic Clustering: organizza gli elementi di un’interfaccia secondo categorie modulari
• Strumenti e risorse
• Q&A

Materiali didattici

• Dispense con le slide del corso