Scheda insegnamento

Prerequisiti

Alfabetizzazione informatica e disponibilità a seguire un percorso in cui teoria e pratica sono fortemente interconnesse. È inoltre richiesta la comprensione della lingua italiana orale e scritta al livello B2 del QCER. Se necessario, e in particolare se segnalato nei colloqui in ingresso, gli studenti devono avvalersi del servizio di tutorato linguistico alla pari offerto dall'Ateneo.

Obiettivi formativi - Risultati di apprendimento attesi

Conoscenze e comprensione

• Apprendere i fondamenti teorici dell'architettura dell'informazione, con particolare attenzione a tassonomie, gerarchie e poligerarchie,
• Comprendere i principi della user experience e del design della navigazione,
• Conoscere i diversi livelli dell'organizzazione dell'informazione: dalla macro-architettura del sito alla micro-architettura della singola pagina.

Capacità di applicare conoscenza e comprensione

• Acquisire le competenze necessarie alla progettazione e implementazione di architetture informative efficaci,
• Saper applicare i principi teorici attraverso l'uso di WordPress come sistema per la gestione strutturata dei contenuti, sfruttando custom post-type, tassonomie personalizzate e l'editor Gutenberg,
• Progettare menu di navigazione e sistemi di wayfinding efficaci,
• Organizzare l'architettura della singola pagina attraverso strutture a blocchi gerarchiche.

Competenze trasversali

• Autonomia di giudizio: essere in grado di valutare criticamente soluzioni di architettura dell'informazione e di progettare sistemi informativi a misura di persona,
• Abilità comunicative: essere in grado di argomentare scelte progettuali relative all'organizzazione dell'informazione e di presentare razionali di design in modo organico,
• Capacità di apprendimento: i principi teorici e le tecniche apprese costituiranno una base metodologica applicabile a diversi contesti e strumenti.

Contenuto del corso

L'insegnamento di Architettura dell'informazione e user experience design si articola in due fasi integrate:

Fase teorica

• Fondamenti di architettura dell'informazione: organizzazione, etichettatura, navigazione e ricerca,
• Design della navigazione: principi e linee guida per la progettazione di menu efficaci,
• Menu di navigazione: posizionamento, struttura, ampiezza e profondità,
• Tassonomie e folksonomie: gerarchie, poligerarchie e sistemi di classificazione,
• Searching vs browsing: complementarietà e stili cognitivi,
• Livelli dell'architettura: macro-architettura (struttura del sito) e micro-architettura (struttura della pagina).

Fase applicativa

• WordPress come applicazione pratica di architettura dell'informazione,
• Custom post-type come implementazione di diverse tipologie di contenuto strutturato (es. Opere, Autori, Eventi, Manoscritti...),
• Tassonomie personalizzate come implementazione concreta di gerarchie e poligerarchie,
• Relazioni tra custom post-type e tassonomie: costruzione di sistemi poligerarchici,
• Progettazione di menu di navigazione e sistemi di wayfinding in WordPress,
• Editor Gutenberg come strumento di micro-architettura: organizzazione gerarchica dei contenuti a livello di pagina attraverso blocchi, gruppi e pattern,
• Block patterns e template parts come esempi di design patterns e riuso strutturato,
• Content management e SEO come conseguenze di una corretta architettura dell'informazione.

L'attività didattica sarà prevalentemente di tipo laboratoriale con lezioni frontali iniziali dedicate ai fondamenti teorici, in cui risulterà comunque fondamentale l'interazione continua fra docente e allievi. La parte laboratoriale si concentrerà sull'applicazione pratica dei principi teorici attraverso WordPress.

Metodi didattici

Per studenti frequentanti

L'attività didattica si articolerà in:

1. Lezioni frontali sui fondamenti teorici di architettura dell'informazione e design della navigazione,
2. Attività laboratoriale in cui gli studenti applicheranno i principi teorici attraverso esercitazioni su WordPress, con particolare attenzione a:

• Progettazione e implementazione di custom post-type,
• Creazione di tassonomie personalizzate e loro relazione con i CPT,
• Costruzione di sistemi di navigazione,
• Organizzazione dell'architettura della pagina tramite l'editor Gutenberg (blocchi, pattern, strutture gerarchiche),

3. Analisi e discussione critica di casi di studio.

Durante l'attività laboratoriale, gli studenti saranno invitati a cimentarsi in esercitazioni su tematiche fornite dal docente, partendo dalla progettazione dell'architettura informativa (sia a livello di sito che di pagina) per arrivare alla sua implementazione pratica.

Per studenti non frequentanti

Gli studenti impossibilitati a frequentare dovranno comunque svolgere un'attività assimilabile a quella svolta in aula. Sono perciò tenuti a contattare il docente entro le prime 2 settimane di corso in modo da essere indirizzati verso un analogo lavoro metodologico e progettuale. I progetti potranno essere sottoposti al docente durante il ricevimento o via mail. Lo studente non frequentante avrà inoltre un carico bibliografico superiore (vedi sezione "Testi di riferimento").

Verrà utilizzata la piattaforma digitale LOL.

Agli studenti che abbiano depositato in Segreteria certificazioni di disabilità o DSA si consiglia di contattare all'inizio del corso il/la docente, anche attraverso la Commissione per le differenze e l'inclusione (differenze-inclusione@unistrapg.it) per concordare misure compensative e/o dispensative di adattamento della didattica.

Metodi di accertamento

Per studenti frequentanti e non frequentanti

L'esame consiste in una prova orale articolata in:

1. Presentazione e discussione degli elaborati progettuali realizzati dallo studente,
2. Domande di tipo teorico sui fondamenti di architettura dell'informazione e design della navigazione,
3. Domande di tipo pratico sull'applicazione dei principi attraverso WordPress:

• Custom post-type e tassonomie personalizzate,
• Organizzazione dei contenuti e sistemi di navigazione,
• Architettura della pagina tramite Gutenberg,

4. Discussione critica delle scelte progettuali operate.

La valutazione terrà conto di:

• Solidità delle conoscenze teoriche,
• Capacità di applicare i principi teorici nella pratica,
• Qualità progettuale degli elaborati (coerenza tra architettura informativa e implementazione),
• Capacità critica e argomentativa.

Per gli studenti con certificazioni di disabilità o DSA le modalità d'esame saranno concordate in relazione alle specifiche esigenze, sentito il parere della Commissione per le differenze e l'inclusione.

Testi di esame

Per studenti frequentanti

• Luca Rosati (2019), Sense-making. Organizzare il mare dell'informazione e creare valore con le persone, UXUniversity,
• Enrico Bisenzi (2023), INCLUSIVE DESIGN – obblighi normativi e opportunità espressive, distribuito su Archive.org in licenza CC BY-NC-SA.

Per studenti non frequentanti

Oltre ai testi per frequentanti è richiesto, in aggiunta:

• Luca Rosati (2018), Architettura dell'informazione: Guida alla trovabilità, dagli oggetti quotidiani al Web, Apogeo,
• Un manuale su WordPress da concordare con il docente.

Testi di consultazione e approfondimento

• Steve Krug (2014), Don't Make Me Think, Revisited, New Riders.

Altre informazioni

La partecipazione alla parte laboratoriale in aula non sostituisce l'esame orale in quanto non prevede valutazione da parte del docente, ma è condizione indispensabile per il raggiungimento degli obiettivi formativi e per l'acquisizione delle competenze pratiche necessarie.

Il ricevimento degli studenti si effettuerà dal lunedì al venerdì, previo appuntamento, concordando con il docente tramite mail salvatore.paone@unistrapg.it giorno e orario.