Design System: Setup e primi passi

Il design system è una libreria organizzata di buone pratiche di progettazione, di design pattern, ed elementi di interfaccia riutilizzabili.

La realizzazione di un design system aiuta le aziende ad essere più efficienti e coerenti nella realizzazione dei loro prodotti digitali, contribuendo così, nel migliorare la User experience dei prodotti e la crescita del business.

L’obiettivo di questa giornata di workshop è di apprendere come, realizzare un design system, partendo da un’interfaccia esistente e imparando a riconoscere e utilizzare i design pattern per realizzare una libreria UI in Sketch.

Programma

Analisi

Vedremo come condurre un Audit su un’interfaccia esistente, facendo attenzione a tre aspetti:

• Identificare i comportamenti principali

• Identifichiamo le caratteristiche e i comportamenti principali dell’applicazione e dei componenti di interfaccia.

• Raggruppare gli elementi

• Raggruppiamo gli elementi in gruppi logici in modo da trovare ridondanze ed errori.

• Identificare i Pattern

• Identifichiamo i Pattern del prodotto in modo da creare la nostra libreria di elementi riutilizzabili.

Design

Utilizzeremo il software Sketch per realizzare il Design system e vedremo come gestire:

• Colori

• Tipografia

• Spaziature e griglie

• Libreria di icone

• Layout

• Componenti di interfaccia

Permettendo così ad ogni partecipante di realizzare il suo Design system minimo in Sketch.

Di cosa hai bisogno?

• Sketch (puoi scaricare la versione demo)

...e il tuo laptop!

Dove?

La giornata di workshop si svolgerà a Milano @Ibuildings c/o Regus in via Santa Maria Valle 3.

Quando?

Giovedì 24 Maggio - dalle 9 alle 18*

*Accredito dalle 9.00 alle 9.20. Inizio corso h 9.30.