Design System

Corso

Dalle più importanti aziende pubbliche fino alle agenzie che operano nel settore dei servizi, ogni realtà deve garantire consistenza ed efficienza nel processo di progettazione e sviluppo dei propri prodotti digitali, assicurando un’esperienza agile e, al tempo stesso, consolidando la propria brand identity. I Design System permettono di costruire supporti migliori in modo più veloce. Possono servire tanto alle start-up che vogliono standardizzare e ottimizzare il rilascio di nuove funzionalità del proprio prodotto, quanto a una grande organizzazione che vuole unificare il linguaggio del proprio ecosistema di touchpoint digitali contenendo tempi e costi di sviluppo. Tuttavia, non si tratta di strumenti privi di complessità, prima fra tutte la necessità di allineare le figure del team digitale affinché utilizzino e aggiornino i componenti.

Questo corso breve, in collaborazione con Belka, punta a trasferire rapidamente una conoscenza avanzata sulla pratica dei Design System — base che dovrà poi essere integrata con competenze specifiche e trasversali nel mondo delle professioni, come quelle di esperti UX, UI, Project Manager, Product Manager e sviluppatori. Il programma introduce i fondamenti teorici e le buone pratiche necessari per impiegare i Design System nella propria organizzazione o in quella dei propri clienti. Inoltre, offre gli strumenti per orientarsi su Figma, software che é diventato lo standard del settore per la progettazione di design system lato design.

I partecipanti matureranno le competenze per velocizzare i flussi di lavoro e per gestire le altre figure coinvolte nel processo di progettazione dell’esperienza digitale.

Strutturato in sei moduli, il programma formativo guarda ai principali aspetti che sono alla base dei Design System.

• Audit di progettazione e censimento per individuare incoerenze, ridondanze e inefficienze
• Standardizzazione dei componenti
• Creazione delle foundation (regole, design token via Figma variables, standard e principi dell’esperienza)
• Creazione dei componenti con Figma
• Documentazione e organizzazione dell’handoff
• Mantenimento dei componenti e della libreria del Design System

Gallery

Didattica

Obiettivi Formativi

Il Corso in Design System punta a:

• fornire le basi teoriche e le buone pratiche sulla base delle quali introdurre i Design System nella propria organizzazione o in quella dei propri clienti;
• dotare di strumenti pratici gli studenti, con focus sulle funzionalità di Figma, software più utilizzato a livello professionale per la costruzione di Design System;
• sperimentare con esercitazioni pratiche mirate le nozioni apprese, per acquisire padronanza degli strumenti e mettere in condizione il professionista di velocizzare il proprio flusso di lavoro e quello delle altre figure coinvolte nel processo di progettazione dell’esperienza digitale.

Piano Didattico

Il corso ha una durata di 16 ore, per un totale di 2 giornate. Le lezioni si svolgeranno dalle ore 9:30 alle ore 18.30.

Moduli Didattici

MODULO 1 – AUDIT DI PROGETTAZIONE / CENSIMENTO 
Un prodotto che cambia velocemente, nel corso del tempo potrebbe arrivare ad avere tanta incoerenza. Una pluralità di elementi di interfaccia, che necessitano quindi di un controllo più attento. In questo contesto, l’audit di progettazione rappresenta una fase cruciale in cui si analizza in modo approfondito il prodotto digitale con lo scopo di individuare eventuali incoerenze, ridondanze, inefficienze dei componenti.

MODULO 2 – STANDARDIZZAZIONE 
Un design system in cui lo stesso componente viene chiamato in 10 modi diversi sarà difficile da capire. In questa fase definiamo cosa si intende per standardizzazione con particolare attenzione al naming convention da adottare in fase di progettazione.

MODULO 3 – CREAZIONE DELLE FOUNDATION 
Le foundation stabiliscono le regole, gli standard e i principi guida che plasmeranno l’intera esperienza dell’utente. Si tratta quindi un processo cruciale che getta le basi per una coerenza visiva e un’esperienza utente fluida.

MODULO 4 – CREAZIONE DEI COMPONENTI 
Durante questa fase, si dà avvio alla creazione dei componenti e alla definizione delle regole di progettazione. Per farlo utilizzeremo le diverse funzionalità messe a disposizione da Figma, come le booleans, le variant e le swap instance, per ottimizzare la creazione dei componenti.

MODULO 5 – DOCUMENTAZIONE E ORGANIZZAZIONE DELL’HANDOFF 
Al fine che i nostri componenti nel design system non rimangano solo dei pixel su Figma, dobbiamo documentarli bene in modo tale che chi sviluppa abbia tutte le informazioni utili per farlo. La documentazione risulta vantaggiosa per altri progettisti che dovranno utilizzare i componenti già realizzati.

MODULO 6 – MANTENIMENTO COMPONENTI E LIBRERIA DEL DESIGN SYSTEM 
I componenti invecchiano col tempo, potrebbero necessitare di modifiche, a volte non coprono tutti i casi del nostro prodotto. Per questo parleremo anche di quelle che sono le sfide di tutto quello che succede dopo la creazione del design system. Ovvero di come mantenerlo e di come farlo adottare all’interno del team!

Titolo Rilasciato

Al termine del Corso verrà rilasciato l’open badge al Corso in “Design System” da POLI.design.

Sbocchi Occupazionali

Sapere gestire consapevolmente la costruzione di un Design System rappresenta una competenza cruciale tanto per UX e UI Designer (attivamente coinvolti nel disegno dei componenti), quanto per i Developer (che hanno la responsabilità di contribuire alla validazione, all’aggiornamento e al riuso dei componenti, comprendendo le logiche di applicazione e di comportamento). Questo corso breve punta a strutturare rapidamente una conoscenza avanzata sulla pratica dei Design System che deve necessariamente essere integrata con delle competenze specifiche e trasversali nel contesto delle professioni mirate, come ad esempio quelle di esperti UX, UI, Project Manager, Product Manager e sviluppatori.

Il corso intende quindi formare una conoscenza approfondita nell’implementazione di un Design System, fornendo le coordinate metodologiche e strumentali per poterne seguire in prima persona o coordinarne la realizzazione: una “single source of truth” che può essere centralizzata, decentralizzata o ibrida, grazie alla quale dotare la propria organizzazione o il proprio cliente di una libreria aggiornata, scalabile e coerente di atomi, molecole, organismi ed ecosistemi con cui dare vita ai propri touchpoint digitali.

Ammissione

Requisiti

Il corso si rivolge a:

• laureati in possesso di diploma medio superiore o titolo di laurea in Design, Architettura o Ingegneria, o in discipline umanistiche, quali Economia e Scienze della Comunicazione, ai quali intende fornire una significativa integrazione strumentale alla preparazione professionale pregressa;
• professionisti d’agenzia, società o freelance quali UX Designer, UI Designer, Client, Project Manager, Digital Strategist, Developer, Account e Art Director che intendano acquisire competenze piu tecniche e verticali sulla progettazione di un design system;

È richiesto che i candidati abbiano già esperienza lavorativa in ambito User Experience e User Interface, nonché alta confidenza con il software di prototyping Figma. Questo workshop fa per te se hai già costruito con Figma un componente semplice come un pulsante utilizzando autolayout, varianti, properties.

I candidati dovranno inviare i seguenti documenti di selezione:

• copia del Codice Fiscale e documento d’identità
• curriculum che ne descriva in breve il profilo professionale

Costo

Il costo complessivo del Corso è pari a €900 + IVA 22% per ciascuno studente. Tale somma verrà corrisposta in un’unica soluzione alla sottoscrizione della scrittura privata.

Riduzione Alumni

Riduzione del 15% da applicare sulla quota di partecipazione per Ex studenti POLI.design, Studenti immatricolati al Politecnico di Milano e/o laureati presso il Politecnico di Milano

Esoneri Parziali per le aziende

Per le aziende che iscrivono due o più dipendenti il costo sarà di:

• Quota piena per il primo dipendente;
• Sconto del 15% da applicare sulla quota piena per il secondo dipendente;
• Sconto del 20% da applicare sulla quota piena dal terzo dipendente in su.

Esoneri Parziali per le aziende durante il periodo di early bird:
Per le aziende che iscrivono due o più dipendenti il costo sarà di:

• Sconto del 10% da applicare sulla quota piena per il primo dipendente;
• Sconto del 15% da applicare sulla quota piena per il secondo dipendente
• Sconto del 20% da applicare sulla quota piena dal terzo dipendente in su.

Agevolazioni iscrizione a più corsi di POLI.design da parte dello stesso partecipante

Per l’iscrizione ad un secondo corso di POLI.design è previsto uno sconto del 15% sul corso acquistato come secondo corso.
Per l’iscrizione ad un terzo corso di POLI.design è previsto uno sconto del 20% sul corso acquistato come terzo corso.

Le agevolazioni non sono cumulabili.
Tutti gli interessati dovranno effettuare il pagamento e sottoscrivere il contratto entro il 15 maggio 2024.

Faculty

Faculty Edizioni passate

Eugenia Valentini
Product designer
Belka

Partner

Edizione attuale

In collaborazione con