Progettazione Grafica (Biennio WID)

Cod. Classroom A.a. 2026-27: zue4a7w5

Il web interaction designer opera oggi in un contesto ampio, multiforme e in continua evoluzione, confrontandosi quotidianamente con un mercato e con un pubblico in costante mutamento.
Mentre l’interazione faccia a faccia lascia il passo a esperienze sempre più mediate dagli schermi, la tecnologia diventa pervasiva e trasparente: offre nuove opportunità, modifica gli stili di vita e ridefinisce il modo in cui ci relazioniamo con gli altri, percepiamo le informazioni, costruiamo la nostra esperienza del mondo e di noi stessi. Emergono, al contempo, nuove e importanti questioni etiche.
In questo contesto, la progettazione delle interfacce e dell’interazione richiede competenze sempre più interdisciplinari, presenta sempre nuove sfide e offre opportunità.
Il corso di Progettazione grafica per il biennio specialistico si propone di guidare e affiancare lo studente nel processo di costruzione della propria professionalità, lavorando ai diversi progetti secondo un approccio centrato sull’utente (User-Centered Design) e orientato al progetto (project-oriented).

Il programma costituisce una traccia di lavoro che potrà subire adattamenti in relazione ai progetti che verranno sviluppati e alle caratteristiche del gruppo classe. 

Il corso prevede la realizzazione di 2 progetti, uno per ogni semestre, sviluppato a partire da problemi o contesti reali. Informazioni e dettagli relativi ai progetti e alla metodologia di lavoro verranno presentati e discussi direttamente a lezione e, laddove utile, saranno pubblicati nella classroom del corso all’inizio del semestre di riferimento.
Potranno inoltre essere proposte esercitazioni più brevi.
Il lavoro di progettazione sarà prevalentemente individuale. Sono previste revisioni continue e collettive. Le revisioni costituiscono parte integrante del processo progettuale: saranno occasione per affrontare le criticità dei singoli progetti, confrontarsi sulle scelte e sulle soluzioni e sviluppare progressivamente la capacità critica e argomentativa dello studente.

I temi affrontati durante le lezioni teoriche e/o attraverso la pratica progettuale comprenderanno:

• Le interfacce web: come sono cambiate dal 1993 a oggi.
• Elementi di base del layout e del progetto grafico
  gerarchia visiva, composizione, tipografia, colore, immagini, contrasto...
• Come disporre gli elementi nella pagina / eye tracking.
• Layout: progettare per differenti dispositivi e dimensioni dello schermo.
• Design system e pattern.
• introduzione a Principi, standard e linee guida.
• User-Centered Design, progetto grafico usabile/accessibile ed euristiche.
• Microinterazioni.
• Analisi critica di interfacce web.
• Introduzione all’architettura dell’informazione: alberatura e wireframe.
• Prototipazione.
• Presentazione del progetto.

Altri argomenti potranno essere introdotti, anche in relazione alle caratteristiche del gruppo classe e ai progetti sviluppati durante il corso.
Per le attività di progettazione e prototipazione verrà utilizzato Figma.

_________
Il corso si svolgerà online, sia per la parte teorica che per quella laboratoriale. 
_________
Potranno però essere previsti incontri in presenza, workshop o uscite didattiche, che saranno comunicati attraverso la Classroom del corso e a lezione.
_________

NOTE

Si chiede agli studenti di iscriversi alla classroom.
Qui verrano pubblicate le comunicazioni e gli eventuali materiali per il corso.
Verranno fornite nella classroom le indicazioni e i dettagli sui progetto da realizzare.

BES/DSA e STUDENTI LAVORATORI
se sei uno studente BES/DSA o uno studente lavoratore ti invito a contattarmi fin dalle prime lezioni per trovare insieme le soluzioni migliori per supportare il tuo percorso di studio.

Bibliografia (alcuni disponibili in pdf)

• Don't Make Me Think — Steve Krug
• La caffettiera del masochista — Don Norman
• Just Enough Research di Hall
• Refactoring UI di Wathan & Schoger
• About Face: The Essentials of Interaction Design — Alan Cooper, Robert Reimann
• Progettare con e senza griglia — Timthy Samara
• Thinking with Type — Ellen Lupton
• Grid Systems in Graphic Design — Josef Müller-Brockmann
• The Elements of User Experience — Jesse James Garrett
• Cromorama — Falcinelli

Risorse online

• Usabilità, useit.com
• Nielsen Norman Group, www.nngroup.com
• Interaction Design Foundation, www.interaction-design.org
• UX Design Institute, www.uxdesigninstitute.com
• Usability.gov, www.usability.gov
• Atomic design: https://atomicdesign.bradfrost.com/table-of-contents/
• Apple Human Interface guideline, https://developer.apple.com/design/human-interface-guidelines
• Colour Palette Generator, https://coolors.co
• Material Design, https://m3.material.io
• Ten Usability Heuristics for User Interface Design, https://www.nngroup.com/articles/ten-usability-heuristics
• Eight Golden Rules of Interface Design, https://www.cs.umd.edu/users/ben/goldenrules.html

•  W3C — https://www.w3.org/

Ulteriore bibliografia e risorse online potranno essere indicati sulla classroom o durante le lezioni.