Course Syllabus
Obiettivi
CONOSCENZA E COMPRENSIONE
- Principi e metodi del basic design
- Fondamenti del design dell'interazione e delle interfacce
- Metodi di design system e atomic design
CAPACITÀ DI APPLICARE CONOSCENZA E COMPRENSIONE
- Analizzare in modo critico artefatti comunicativi interattivi
- Utilizzare linguaggi visivi e metodi di progettazione dell'interazione digitale
- Progettare ecosistemi comunicativi digitali complessi
Contenuti sintetici
Il corso introduce e approfondisce i principi del design dell'interazione e del visual design, con particolare attenzione ai linguaggi visivi e alle loro applicazioni negli ecosistemi digitali complessi.
Saranno affrontati in particolare i seguenti temi:
- composizione spaziale
- tipografia
- colore
- immagini
Programma esteso
LEZIONI FRONTALI
- Progettazione di ecosistemi digitali complessi
- Definizione e sviluppo di un concept
- Teoria della Gestalt
- Griglie e spazio responsive
- Tipografia per il digitale
- Progettare con il colore
- Linguaggi e uso delle immagini
- Interazione, usabilità e interfacce utente
- Ecosystem design
- Atomic design
LABORATORIO
- Ripasso di HTML e CSS3, a partire dai contenuti del Laboratorio di Comunicazione Visiva
- Progettazione e implementazione di interfacce responsive
- Analisi e utilizzo del framework Bootstrap
- Elementi di HTML5 e CSS3
- Introduzione alla Search Engine Optimization
- Elementi di JavaScript per l'utilizzo dei componenti Bootstrap
Prerequisiti
È richiesta la conoscenza di web design, prototipazione, HTML e CSS maturata nei corsi precedenti (ad es. Strumenti e Applicazioni del Web; Principi di Psicologia Sociale per il Web Design).
Sono inoltre richieste capacità organizzative e attitudine al lavoro in team multidisciplinari.
Modalità didattica
Il corso comprende:
- 8 lezioni frontali in presenza, di 2–3 ore ciascuna;
- 20 attività esercitative in presenza, di 2–3 ore ciascuna, svolte in modalità interattiva.
Materiale didattico
Indicazioni dettagliate sui materiali didattici e sulla bibliografia d'esame saranno pubblicate e aggiornate nella pagina e-learning del corso.
Periodo di erogazione dell'insegnamento
Primo semestre.
Modalità di verifica del profitto e valutazione
Non sono previste prove in itinere.
La verifica dell'apprendimento prevede:
- lo sviluppo di un progetto di gruppo, accompagnato da attività meta-progettuali e revisioni dei materiali elaborati durante il corso, alcune delle quali obbligatorie; in alternativa, è possibile svolgere un approfondimento individuale;
- una prova scritta, con domande a scelta multipla e/o aperte, sui contenuti delle lezioni, delle esercitazioni e della bibliografia teorica;
- una prova orale, con discussione critica del progetto e domande teoriche sui contenuti del corso.
La valutazione del progetto è di gruppo. I gruppi devono essere composti da 5–6 persone con competenze eterogenee; non sono ammessi gruppi composti esclusivamente da studenti di Informatica.
La prova scritta e la prova orale concorrono alla valutazione individuale. Per superare l'esame è necessario ottenere una valutazione sufficiente in tutte e tre le componenti. L'accesso alla prova scritta richiede una valutazione sufficiente nel progetto o nell'approfondimento individuale.
Il punteggio parziale iniziale è calcolato come media del voto del progetto/approfondimento e della prova scritta; una prova orale sufficiente può incrementarlo o ridurlo. In caso di insufficienza nella prova scritta o orale, non è necessario sviluppare un nuovo progetto.
Orario di ricevimento
Giovedì, 15:00–16:00.
Per facilitare l'organizzazione, si richiede di annunciarsi via e-mail in anticipo.
Aims
KNOWLEDGE AND UNDERSTANDING
- Principles and methods of basic design
- Fundamentals of interaction and interface design
- Design-system and atomic-design methods
APPLYING KNOWLEDGE AND UNDERSTANDING
- Critically analyse interactive communication artefacts
- Use visual languages and digital interaction-design methods
- Design complex digital communication ecosystems
Contents
The course introduces and explores the principles of interaction design and visual design, with particular attention to visual languages and their application to complex digital ecosystems.
The main topics are:
- spatial composition
- typography
- colour
- imagery
Detailed program
LECTURES
- Designing complex digital ecosystems
- Concept definition and development
- Gestalt theory
- Grids and responsive layouts
- Typography for digital environments
- Designing with colour
- Visual language and the use of images
- Interaction, usability and user interface design
- Ecosystem design
- Atomic design
WORKSHOPS
- Review of HTML and CSS3, building on the Visual Communication Lab
- Design and implementation of responsive interfaces
- Analysis and use of the Bootstrap framework
- HTML5 and CSS3 elements
- Introduction to search engine optimization
- JavaScript fundamentals for using Bootstrap components
Prerequisites
Students are expected to have knowledge of web design, prototyping, HTML and CSS acquired in previous courses (e.g. Web Tools and Applications; Principles of Social Psychology for Web Design).
Organisational skills and the ability to work in multidisciplinary teams are also required.
Teaching form
The course includes:
- 8 in-person, instructor-led lectures of 2–3 hours each;
- 20 in-person, interactive workshop sessions of 2–3 hours each.
Textbook and teaching resource
Detailed information about course materials and the examination bibliography will be published and updated on the course e-learning page.
Semester
First semester.
Assessment method
No mid-term assessments are scheduled.
Assessment consists of:
- the development of a group project, supported by meta-design activities and reviews of materials produced during the course—some of which are compulsory—or an individual in-depth study;
- a written examination, including multiple-choice and/or open-ended questions on topics covered in lectures, workshops and the theoretical bibliography;
- an oral examination, including a critical discussion of the project and theoretical questions on the course content.
The project component is assessed on a group basis. Groups must include 5–6 students with diverse backgrounds; groups made up exclusively of computer-science students are not permitted.
The written and oral examinations contribute to the individual grade. Passing all three components is required to pass the course. Admission to the written examination requires a passing grade in the project or individual study.
The initial partial grade is calculated as the average of the project/individual-study grade and the written-exam grade; a passing oral examination may increase or decrease this result. If the written or oral examination is failed, students are not required to develop a new project.
Office hours
Thursdays, 3:00–4:00 p.m.
To facilitate scheduling, students are kindly asked to notify the instructor by email in advance.
Staff
-
Marco Cremaschi
-
Elia Guarnieri