Corso di UI/UX Design

Lezione 1 • Principi Fondamentali del Buon Design

Tratta usabilità, accessibilità, coerenza e feedback come principi fondamentali. Gli studenti applicano questi come criteri di valutazione in tutti i lavori successivi.

Lezione 2 • Comprendere UI vs. UX

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

Lezione 3 • Panoramica del Processo di Design

Traccia il flusso di lavoro di design end-to-end dalla scoperta alla consegna. Fornisce una tabella di marcia che gli studenti seguono in tutti i capitoli principali.

Lezione 1 • Metodi di Ricerca Quantitativa

Introduce sondaggi, analisi dei dati e interpretazione dei dati comportamentali. Bilancia i risultati qualitativi con prove misurabili.

Lezione 2 • Pianificazione e Strategia della Ricerca

Insegna come definire gli obiettivi di ricerca, selezionare i metodi e reclutare i partecipanti. Allinea l'ambito della ricerca con i vincoli del progetto.

Lezione 3 • Sintetizzare la Ricerca in Insight

Trasforma i dati grezzi in mappe di affinità, personas e mappe di percorso. I risultati confluiscono direttamente nell'ideazione e nell'architettura dell'informazione.

Lezione 1 • Pattern di Navigazione e Menu

Tratta pattern di navigazione globali, locali e contestuali per web e mobile. Gli studenti selezionano i pattern in base al volume dei contenuti e al contesto d'uso.

Lezione 2 • Card Sorting e Tree Testing

Insegna il card sorting aperto e chiuso per convalidare i raggruppamenti di categorie. Il tree testing verifica la navigazione prima che inizi il design visivo.

Lezione 3 • Principi di Architettura dell'Informazione

Spiega organizzazione, etichettatura, navigazione e ricerca come pilastri dell'IA. Collega le decisioni di IA ai modelli mentali degli utenti emersi dalla ricerca.

Lezione 1 • Flussi Utente e Mappatura dei Task

Definisce i flussi utente come percorsi passo-passo attraverso i task prima che gli schermi vengano disegnati. Garantisce che i wireframe rispondano agli obiettivi reali degli utenti identificati nella ricerca.

Lezione 2 • Tecniche di Schizzo e Ideazione

Introduce lo schizzo rapido, i Crazy Eights e i metodi di miniatura per un'ideazione veloce. Incoraggia la quantità rispetto alla qualità per far emergere diverse opzioni di layout.

Lezione 3 • Collegamento di Prototipi a Bassa Fedeltà

Collega gli schermi wireframe in prototipi cliccabili per i primi test di usabilità. Convalida la navigazione e i flussi di task prima di investire nel design visivo.

Lezione 1 • Gerarchia Visiva ed Enfasi

Guida all'uso di dimensione, peso, contrasto e posizione per dirigere l'attenzione dell'utente. Gli studenti applicano la gerarchia per garantire che le azioni critiche siano immediatamente visibili.

Lezione 2 • Layout, Griglie e Spaziatura

Spiega le griglie a colonne, le griglie di base e i token di spaziatura per layout coerenti. Collega le decisioni di layout al ritmo visivo e alla gerarchia dei contenuti.

Lezione 3 • Teoria del Colore e Sistemi di Colore UI

Insegna la psicologia del colore, i rapporti di contrasto e la costruzione di una palette di colori UI. Gli studenti creano sistemi di colore accessibili che soddisfano gli standard di contrasto.

Lezione 4 • Tipografia nel Design dell'Interfaccia

Tratta la selezione dei caratteri tipografici, la scala tipografica, l'interlinea e la leggibilità per gli schermi. Le scelte tipografiche influenzano direttamente l'usabilità e la percezione del brand.

Lezione 1 • Documentare e Mantenere i Sistemi

Guida alla scrittura di linee guida per l'utilizzo, esempi di cose da fare/da non fare e versionamento per i componenti. La documentazione consente ai team di adottare il sistema senza l'intervento del designer.

Lezione 2 • Anatomia di un Design System

Definisce i token di design, i componenti, i pattern e la documentazione come livelli del sistema. Stabilisce perché i sistemi riducono l'incoerenza e accelerano la produzione.

Lezione 3 • Componenti Responsive e Adattivi

Tratta come i componenti si adattano alle diverse dimensioni dello schermo utilizzando l'auto-layout e i vincoli. Garantisce che il sistema funzioni in contesti mobile, tablet e desktop.

Lezione 1 • Costruire Prototipi ad Alta Fedeltà

Applica i componenti del design system per creare prototipi interattivi pixel-perfect. I prototipi replicano il comportamento reale dell'app per test di usabilità credibili.

Lezione 2 • Test e Perfezionamento del Prototipo

Guida il test strutturato di prototipi ad alta fedeltà per identificare i fallimenti dell'interazione. I cicli di perfezionamento colmano il divario tra il prototipo e il prodotto finale.

Lezione 3 • Micro-Interazioni e Animazione

Insegna i cicli trigger-feedback, le curve di easing e le linee guida sulla durata per l'animazione UI. Gli studenti progettano animazioni che guidano l'attenzione senza causare distrazione.

Lezione 4 • Design dell'Interazione Gesto e Tocco

Tratta i pattern di swipe, pinch, tap e pressione prolungata per interfacce mobile e touch. Gli studenti progettano flussi basati sui gesti che risultano naturali e scopribili.

Lezione 1 • Fondamenti di Test di Usabilità

Definisce i test moderati vs. non moderati e quando applicare ciascun metodo. Stabilisce il test come un'attività continua, non come un controllo della fase finale.

Lezione 2 • Scrivere Piani di Test e Task

Insegna come scrivere task basati su scenari che rivelino problemi reali di usabilità. Task ben scritti evitano di influenzare i partecipanti e producono dati validi.

Lezione 3 • Analizzare e Riportare i Risultati

Trasforma i dati delle sessioni in problemi classificati per gravità e raccomandazioni prioritarie. I report comunicano i risultati agli stakeholder che non erano presenti.

Lezione 4 • Facilitare Sessioni di Usabilità

Tratta le tecniche del moderatore per mantenere le sessioni neutre e produttive. Gli studenti fanno pratica con l'osservazione, la presa di appunti e l'approfondimento senza pregiudizi.