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: creazione 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