PROGRAMMA DEL CORSO
ui/ux design E PROGRAMMAZIONE
PROGRAMMA DEL CORSO
ui/ux design E PROGRAMMAZIONE
Cos'è il UI/UX Design? Differenze tra User Interface (UI) e User Experience (UX)
Il ruolo del designer UI/UX nel ciclo di sviluppo di un prodotto
Esempi di buone pratiche: Analisi di interfacce e esperienze utente ben progettate
Strumenti e risorse per il UI/UX Design: Introduzione a strumenti come Figma, Adobe XD, Sketch e App di IA
Architettura dell’informazione: strutturazione e organizzazione dei contenuti, creazione di sitemap e flowchart
Wireframing: Introduzione ai wireframe a bassa fedeltà.
Uso di strumenti come Figma per creare mockup semplici
Elementi di design visivo: Tipografia, colori e spaziatura
Principi di design: gerarchia visiva, coerenza e contrasto
Design per la responsività: creazione di layout per diversi dispositivi (desktop, tablet, mobile)
Introduzione ai grid system
Prototipazione di UI: c
reazione di prototipi ad alta fedeltà con interazioni base
Accessibilità nel design: principi dell’accessibilità (WCAG)
Come progettare interfacce inclusive per utenti con disabilità
Testing e miglioramento dell’usabilità: tecniche di testing: A/B test, heatmap, test di usabilità
Interpretazione dei risultati e iterazione del design
Progettazione per siti web: creazione di layout per landing page, pagine informative e interattive
Progettazione per applicazioni: Progettazione di interfacce per app mobili
Design Handoff: come preparare i progetti per gli sviluppatori, uso di strumenti come Zeplin e Figma per l’handoff
Collaborazione tra designer e sviluppatori: comunicazione efficace per integrare design e sviluppo, gestione di revisioni e iterazioni
Introduzione alla Programmazione; che cos'è la Programmazione e l'IA?
Linguaggi di programmazione: Introduzione a Scratch, Python e Tecniche Web
Che cos'è Scratch, Interfaccia, Sprite, Blocchi colorati e Script
Output usando il Movimento, Aspetto e Suono, Gestire il flusso di programma, Manipolare i dati, Logica e scelte
Che cos'è Python - Installare Python e usare IDLE
Variabili, Dati, Logica, Ramificazione, Input, Output, Cicli, Funzioni, Librerie
Basi del Web, Editor di Codice,
Basi di HTML, Form e hyperlink, Basi di un buon Sito Web
CSS - Fogli di Stile a cascata, Selettori CSS, Stili CSS, Layout Responsive
JavaScript - Variabili e tipi di dati, Logica, Ramificazione; Input, Output, Cicli, Funzioni,
Debugging, JS orientato agli oggetti, Librerie e FrameWork, Interfaccie grafiche per l'Utente
TORNA AL CORSO