Corso di UI/UX Design

Lezione 1 • Principi fondamentali del design

Introduce la Gestalt, la gerarchia, il contrasto e l'allineamento come regole visive fondamentali. Applica questi principi a esercizi di critica dell'interfaccia.

Lezione 2 • Il processo di Design Thinking

Presenta il modello di design thinking a cinque fasi come quadro di riferimento per la risoluzione dei problemi. Collega ogni fase ai risultati concreti del lavoro di UI/UX.

Lezione 3 • Storia ed evoluzione del design

Ripercorre il design dalle sue radici nella stampa e nell'industria fino alle interfacce digitali. Contestualizza le pratiche moderne all'interno dei cambiamenti storici.

Lezione 4 • Comprendere UI vs. UX

Definisce l'UI come il livello visivo dell'interfaccia e l'UX come il percorso olistico dell'utente. Stabilisce il vocabolario utilizzato durante l'intero corso.

Lezione 1 • Sondaggi e ricerca quantitativa

Introduce la progettazione di sondaggi, il campionamento e l'interpretazione statistica di base. Affianca i risultati qualitativi con dati utente misurabili.

Lezione 2 • Sintetizzare gli insight della ricerca

Tratta il diagramma di affinità, l'analisi tematica e la prioritizzazione degli insight. Trasforma i dati grezzi in una direzione di design attuabile.

Lezione 3 • Condurre interviste agli utenti

Insegna le tecniche di intervista strutturata e semi-strutturata per scoprire le motivazioni degli utenti. Sviluppa le capacità di ascolto attivo e di porre domande neutre.

Lezione 4 • Creare personas utente e mappe del percorso

Guida gli studenti nella costruzione di personas basate su dati concreti e nella mappatura del percorso utente end-to-end. Questi artefatti comunicano il contesto utente agli stakeholder.

Lezione 1 • Sistemi di ricerca e orientamento

Affronta la UX della ricerca, i filtri, i breadcrumb e gli indicatori di progresso. Garantisce che gli utenti sappiano sempre dove si trovano e come procedere.

Lezione 2 • Progettare mappe del sito e tassonomie

Tratta le strutture del sito gerarchiche, piatte e a stella. Gli studenti creano mappe del sito che riflettono i modelli mentali degli utenti.

Lezione 3 • Card sorting e tree testing

Insegna metodi partecipativi per convalidare i raggruppamenti di contenuti e le etichette di navigazione. Produce decisioni di architettura dell'informazione guidate dai dati.

Lezione 4 • Schemi e menu di navigazione

Esamina gli schemi di navigazione comuni, inclusi top nav, side nav, tab e menu hamburger. Associa gli schemi al dispositivo e al contesto.

Lezione 1 • Tecniche di wireframing digitale

Tratta la creazione di wireframe a media fedeltà utilizzando strumenti standard del settore. Si concentra su griglie di layout, spaziatura e posizionamento dei componenti.

Lezione 2 • Fondamenti di interaction design

Definisce gli obiettivi dell'interaction design, inclusi feedback, affordance e cambiamenti di stato. Collega i wireframe statici ai prototipi dinamici.

Lezione 3 • Schizzi e wireframe a bassa fedeltà

Introduce lo schizzo rapido e il wireframing su carta come strumenti di ideazione veloce. Incoraggia il pensiero divergente prima di impegnarsi con gli strumenti digitali.

Lezione 4 • Costruire prototipi cliccabili

Insegna a collegare schermate e ad aggiungere transizioni per simulare il comportamento reale del prodotto. Produce prototipi testabili per sessioni di ricerca utente.

Lezione 1 • Coerenza visiva e guide di stile

Guida gli studenti nel documentare le decisioni visive in una guida di stile riutilizzabile. Garantisce la coerenza del design tra le schermate di un prodotto.

Lezione 2 • Layout, griglie e spaziatura

Introduce griglie a colonne, griglie di base e sistemi di spaziatura per layout coerenti. Applica le regole di layout a sistemi di design multi-schermo.

Lezione 3 • Teoria del colore e applicazione UI

Tratta modelli di colore, palette, rapporti di contrasto e associazioni emotive. Applica sistematicamente le decisioni sul colore ai componenti dell'interfaccia.

Lezione 4 • Iconografia e immagini

Insegna i principi del design delle icone, la coerenza stilistica e l'uso delle immagini nelle interfacce. Garantisce che gli elementi visivi rafforzino, anziché distrarre, il contenuto.

Lezione 1 • Pianificare uno studio di usabilità

Tratta la stesura di piani di test, la definizione dei compiti e il reclutamento di partecipanti rappresentativi. Garantisce che i test producano approfondimenti validi e affidabili.

Lezione 2 • Analizzare i dati di usabilità

Tratta i tassi di successo dei compiti, l'analisi degli errori, il tempo per compito e la codifica qualitativa. Converte le osservazioni della sessione in problemi di design prioritari.

Lezione 3 • Riferire e agire sui risultati

Guida gli studenti nella stesura di report dei risultati e nella presentazione di raccomandazioni agli stakeholder. Chiude il ciclo tra test e iterazione del design.

Lezione 4 • Fondamenti di test di usabilità

Definisce le dimensioni dell'usabilità, tra cui efficacia, efficienza e soddisfazione. Posiziona il test come un'attività centrale del design, non come un passaggio finale.

Lezione 1 • Linee guida per l'accessibilità dei contenuti web

Tratta i quattro principi delle WCAG: percepibile, utilizzabile, comprensibile e robusto. Associa le linee guida a specifiche decisioni di UI design.

Lezione 2 • Colore e tipografia accessibili

Applica i requisiti di rapporto di contrasto e le dimensioni minime dei caratteri al visual design. Garantisce che i contenuti siano leggibili per persone con diverse capacità visive.

Lezione 3 • Verifica e correzione dell'accessibilità

Insegna metodi di audit automatizzati e manuali per identificare i fallimenti di accessibilità. Gli studenti producono piani di correzione prioritari per interfacce reali.

Lezione 4 • Principi del design inclusivo

Introduce lo spettro delle capacità umane e il modello sociale della disabilità. Riformula l'accessibilità come una qualità del design, non come un obbligo normativo.

Lezione 1 • Documentare e governare un design system

Insegna a scrivere linee guida d'uso, processi di contribuzione e strategie di versionamento. Garantisce che il sistema rimanga accurato e adottato dai team.

Lezione 2 • Metodologia Atomic Design

Applica il modello di atomic design di Brad Frost per suddividere l'interfaccia utente in atomi, molecole, organismi e template. Struttura la gerarchia dei componenti in modo logico.

Lezione 3 • Introduzione ai design system

Definisce i design system come fonti uniche di verità che combinano componenti, schemi e linee guida. Spiega il valore per il business e i guadagni in efficienza del team.

Lezione 4 • Design token e tematizzazione

Presenta i design token come variabili con nome per colore, spaziatura e tipografia. Consente una gestione coerente dei temi e il supporto per la modalità scura.