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.

SCONTISTICHE E AGEVOLAZIONI

EARLY BIRD: -10%
La promozione per chi ha le idee chiare, per chi sa quale percorso formativo può arricchire il suo futuro e non vede l’ora di tornare in aula.

Deadline candidatura: 30 novembre 2024

Deadline per l’invio del contratto sottoscritto e pagamento dell’acconto della quota di partecipazione: 14 dicembre 2024

FAMILY SUPPORT: -50%
Un’opportunità da regalare a fratelli e sorelle: la spinta che serve per convincerli a investire nel loro futuro.

FRIEND TO FRIEND: -20%
Un’opportunità da regalare a un’amica o un amico per fare della formazione la base della sua crescita.

BACK TO SCHOOL: -30%
L’agevolazione per chi si è già affidato a POLI.design e Polimi, per chi vuole tornare a studiare e costruire il proprio futuro.

POLI.NETWORK: -50%
Una promozione pensata per consolidare il legame e l’identità fra le persone che sono parte del Politecnico di Milano.

MORE THAN ONE: -15%
Uno sconto per chi vuole perfezionare le sue competenze, per chi punta sempre sulla formazione, non una ma due o tre volte. Quindi:

• Per coloro che acquistano due Corsi, la riduzione è pari al 15% sulla quota di partecipazione al percorso formativo più economico
• Per coloro che acquistano tre Corsi, la riduzione è pari al 15% sulla quota di partecipazione ai due percorsi formativi più economici

BUSINESS BOOST
Lo sconto pensato per le realtà che sanno riconoscere nella formazione un fattore decisivo di crescita.

La riduzione “Business Boost” consente di accedere a uno sconto variabile sulla quota di partecipazione di due o più dipendenti ai Corsi in catalogo. L’ammontare dello sconto, nello specifico, è pari a:

• 15% sulla quota di partecipazione per l’iscrizione del secondo dipendente
• 20% sulla quota di partecipazione per l’iscrizione del terzo dipendente
• 25% sulla quota di partecipazione per l’iscrizione dal quarto dipendente in poi

Inoltre, le aziende che acquistano più di un Corso per due o più dipendenti nel medesimo anno solare possono accedere a un ulteriore sconto del 10% sul totale.

Faculty

Faculty Edizioni passate

Eugenia Valentini
Product designer
Belka