Corso di UX/UI

Lezione 1 • Mentalità del Design Centrato sull'Utente

Inquadra il design come un processo di problem-solving incentrato sui bisogni umani. Stabilisce l'empatia come fondamento di ogni scelta progettuale successiva.

Lezione 2 • Principi Fondamentali del Design

Introduce i principi visivi e di interazione che governano interfacce efficaci. Gli studenti applicano questi principi per valutare criticamente prodotti esistenti.

Lezione 3 • Panoramica del Processo di Progettazione

Mappa il flusso di lavoro progettuale end-to-end dalla scoperta alla consegna. Fornisce un modello mentale che gli studenti rivisiteranno durante l'intero corso.

Lezione 1 • Sintetizzare la Ricerca in Insight

Trasforma i dati grezzi in pattern, temi e insight progettuali attuabili. Gli studenti utilizzano il diagramma di affinità e l'analisi tematica per organizzare i risultati.

Lezione 2 • Pianificazione e Strategia della Ricerca

Tratta come definire l'ambito di un progetto di ricerca e selezionare i metodi appropriati. Collega gli obiettivi di ricerca agli obiettivi aziendali e alle domande progettuali.

Lezione 3 • Sondaggi e Indagine Contestuale

Introduce la progettazione di sondaggi e l'osservazione sul campo come strumenti di ricerca complementari. Gli studenti imparano quando ciascun metodo produce i dati più affidabili.

Lezione 4 • Condurre Interviste agli Utenti

Insegna tecniche di intervista strutturate e semi-strutturate per scoprire le motivazioni degli utenti. Gli studenti praticano l'ascolto attivo e le domande neutrali.

Lezione 1 • Pattern e Modelli di Navigazione

Esamina i pattern di navigazione comuni in contesti web e mobile. Gli studenti selezionano e giustificano i pattern in base al volume dei contenuti e ai modelli mentali degli utenti.

Lezione 2 • Card Sorting e Tree Testing

Insegna metodi partecipativi per convalidare i raggruppamenti di contenuti con utenti reali. I risultati informano direttamente la struttura della mappa del sito e le decisioni sull'etichettatura dei menu.

Lezione 3 • Mappe del Sito e Gerarchie dei Contenuti

Guida gli studenti nella creazione di mappe del sito visive che rappresentino tutte le schermate del prodotto e le loro relazioni. Stabilisce un riferimento condiviso per i team di progettazione e sviluppo.

Lezione 1 • Tecniche di Sketching e Ideazione

Introduce lo sketching rapido come il modo più veloce per esternalizzare e confrontare le idee progettuali. Gli studenti praticano l'ideazione orientata alla quantità prima di convergere sulle soluzioni.

Lezione 2 • Anatomia e Componenti del Wireframe

Scompone gli elementi strutturali comuni a tutti i wireframe su diverse piattaforme. Gli studenti imparano a rappresentare contenuti, gerarchia e interazione senza stile visivo.

Lezione 3 • Prototipazione a Bassa Fedeltà e Collegamento

Collega le schermate wireframe in prototipi cliccabili per i primi test di usabilità. Gli studenti imparano a simulare i flussi utente senza un design visivo ad alta fedeltà.

Lezione 4 • Wireframing per Web e Mobile

Applica i principi del wireframing ai contesti web responsive e mobile nativo. Gli studenti producono layout adatti alla piattaforma che rispettano i vincoli del dispositivo.

Lezione 1 • Spaziatura, Layout e Sistemi a Griglia

Introduce i token di spaziatura, le griglie di layout e le regole di allineamento per una composizione UI coerente. Gli studenti applicano la logica della griglia a 8 punti per produrre layout strutturati e scalabili.

Lezione 2 • Design di Schermate ad Alta Fedeltà

Integra tutti gli elementi di design visivo in composizioni di schermate raffinate e pronte per la produzione. Gli studenti applicano la gerarchia visiva per guidare l'attenzione dell'utente e supportare il completamento delle attività.

Lezione 3 • Iconografia e Immagini

Tratta i principi di design delle icone, gli stili di illustrazione e l'uso delle immagini nei contesti UI. Gli studenti selezionano e applicano risorse visive che rafforzano il significato senza aggiungere rumore.

Lezione 4 • Tipografia nelle Interfacce Digitali

Insegna la selezione, la scala e la gerarchia dei caratteri per i contesti di lettura su schermo. Gli studenti creano sistemi tipografici che migliorano la leggibilità e il ritmo visivo.

Lezione 1 • Costruire Componenti UI Fondamentali

Guida gli studenti nella creazione di componenti fondamentali come pulsanti, campi di input e card. Ogni componente è costruito tenendo presenti varianti, stati e accessibilità.

Lezione 2 • Token, Variabili e Tematizzazione

Introduce i design token come strato di connessione tra design e codice. Gli studenti creano strutture di token che supportano la tematizzazione e la scalabilità multi-brand.

Lezione 3 • Mantenere e Scalare i Design System

Affronta le sfide operative per mantenere aggiornato un design system man mano che i prodotti evolvono. Gli studenti imparano i modelli di contribuzione e le strategie di deprecazione per la salute a lungo termine.

Lezione 4 • Introduzione ai Design System

Definisce i design system come fonti uniche di verità per i team di prodotto. Gli studenti comprendono il valore aziendale della coerenza e della riduzione del debito di progettazione.

Lezione 1 • Progettare per il Tocco e i Gesti

Affronta le sfide di interazione uniche dei dispositivi touch e delle interfacce guidate dai gesti. Gli studenti progettano vocabolari gestuali che risultano naturali e facilmente individuabili.

Lezione 2 • Micro-Interazioni e Animazione

Tratta la progettazione di animazioni piccole e mirate che guidano l'attenzione e confermano le azioni. Gli studenti distinguono l'animazione decorativa dal motion design funzionale.

Lezione 3 • Tecniche di Prototipazione ad Alta Fedeltà

Si basa sulla prototipazione wireframe per creare simulazioni interattive realistiche del prodotto finale. Gli studenti utilizzano funzionalità avanzate di prototipazione per replicare flussi di interazione reali.

Lezione 4 • Prototipazione per la Comunicazione con gli Stakeholder

Insegna come adattare la fedeltà e l'ambito del prototipo a diversi pubblici di stakeholder. Gli studenti imparano a usare i prototipi come strumenti di persuasione e allineamento nelle revisioni del progetto.

Lezione 1 • Facilitare Sessioni di Usabilità

Sviluppa competenze di facilitazione per condurre sessioni di usabilità dal vivo senza influenzare il comportamento. Gli studenti si esercitano a rimanere neutrali mentre indagano per una comprensione più profonda.

Lezione 2 • Pianificare e Scrivere Script di Test

Guida gli studenti nella creazione di piani di test strutturati e script basati su compiti. Compiti ben scritti rivelano problemi di usabilità reali senza influenzare i partecipanti.

Lezione 3 • Iterare e Convalidare le Modifiche al Progetto

Chiude il ciclo di progettazione traducendo i risultati di usabilità in revisioni progettuali mirate. Gli studenti convalidano le modifiche attraverso test di follow-up e metodi di confronto A/B.

Lezione 4 • Analizzare e Riportare i Risultati

Converte le osservazioni grezze delle sessioni in risultati di usabilità strutturati e valutazioni di gravità. Gli studenti producono report attuabili che priorizzano i problemi in base all'impatto sull'utente.