Syllabus del corso
Area di apprendimento
STUDIO DELLE MODALITA' MEDIANTE LE QUALI SI ATTUA LA COMUNICAZIONE
Studio delle modalità mediante le quali si attua la comunicazione nei contesti digitali, con particolare attenzione ai processi psicologici e sociali che orientano la percezione, l’interpretazione e il comportamento degli utenti. L’area affronta i principi di persuasione, influenza sociale, credibilità, fiducia e formazione degli atteggiamenti, applicandoli alla progettazione di interfacce e contenuti web. Vengono inoltre approfonditi i principali fondamenti del design visivo — gerarchia, colore, tipografia, composizione, leggibilità e accessibilità — come strumenti per guidare l’attenzione, facilitare la comprensione e sostenere una comunicazione digitale efficace ed eticamente consapevole.
Obiettivi formativi
-
Conoscenza e comprensione
Al termine del corso, lo/la studente/ssa avrà acquisito una comprensione critica dei principi psicologici e sociali che influenzano la progettazione delle interfacce web, con particolare attenzione al social web e alla comunicazione mediata digitalmente.
Il corso fornirà conoscenze teoriche utili a leggere e interpretare i processi comunicativi online, e introdurrà i fondamenti del User-Centered Design, ponendo l’utente (e non il sito) al centro del processo progettuale. Verranno approfonditi in particolare i meccanismi dell’influenza sociale e le principali teorie della psicologia sociale rilevanti per la progettazione persuasiva e inclusiva delle interfacce digitali. -
Capacità di applicare conoscenza e comprensione
Lo/la studente/ssa sarà in grado di:
Valutare criticamente la struttura e la funzionalità delle interfacce web alla luce di principi psicosociali;
Progettare interfacce persuasive per il social web, utilizzando consapevolmente tecniche basate su teorie dell’influenza sociale e del comportamento collettivo;
Realizzare pagine e interfacce web, integrando conoscenze teoriche con pratiche di design centrato sull’utente;
Utilizzare strumenti di progettazione e prototipazione digitale, come moodboards, user personas, wireframes e mockup realizzati con software di base come Figma.
-
Autonomia di giudizio
Lo/la studente/ssa svilupperà la capacità di analizzare criticamente le scelte progettuali in contesti digitali, riconoscendo implicazioni comunicative, relazionali ed etiche. Sarà in grado di formulare valutazioni autonome e consapevoli sulle interfacce proposte, proponendo soluzioni migliorative in chiave psicosociale. -
Abilità comunicative
Lo/la studente/ssa saprà presentare e motivare le proprie scelte progettuali, sia in forma scritta che orale, utilizzando un linguaggio tecnico adeguato e riferimenti teorici pertinenti. Sarà in grado di lavorare in team e di comunicare efficacemente con interlocutori anche non specialisti in contesti progettuali collaborativi. -
Capacità di apprendimento
Lo/la studente/ssa svilupperà competenze di apprendimento autonomo, che gli/le permetteranno di aggiornarsi rispetto all’evoluzione delle tecnologie web e dei modelli teorici di riferimento. Sarà in grado di integrare nuovi strumenti digitali e concetti teorici nella propria pratica progettuale, mantenendo un approccio riflessivo e centrato sull’esperienza dell’utente.
Contenuti sintetici
Il modulo di Principi di Psicologia Sociale per il Web Design intende fornire agli studenti una conoscenza integrata del processo di progettazione e realizzazione di un sito web, coniugando aspetti teorici, metodologici e applicativi.
Il corso affronta i principali concetti legati alla progettazione di ipertesti e interfacce web, con particolare attenzione a usabilità, Interaction Design, User Experience, accessibilità, architettura dell’informazione e comunicazione visiva. Parallelamente, vengono approfondite le principali teorie psicosociali rilevanti per il web e il social web, tra cui influenza sociale, persuasione, identità, fiducia, credibilità, appartenenza e partecipazione online.
Il modulo mira a sviluppare la capacità di leggere il design come una forma di comunicazione capace di orientare percezioni, interpretazioni e comportamenti degli utenti. A supporto della dimensione progettuale, gli studenti acquisiranno competenze di base nell’uso di strumenti professionali (e.g., Figma, tramite video corso elearning), finalizzati alla creazione di layout, mockup e prototipi digitali.
Programma esteso
- Fondamenti di usabilità, User Experience e Interaction Design per il web, con attenzione ai criteri di efficacia, efficienza, accessibilità, navigabilità e soddisfazione dell’utente nell’interazione con interfacce digitali.
- Principi di psicologia sociale applicati alla progettazione digitale, con riferimento ai processi di persuasione, influenza sociale, fiducia, credibilità, identità e comportamento degli utenti nei contesti online.
- Progettazione di interfacce web, attraverso l’organizzazione dell’architettura dell’informazione, la definizione della struttura dei contenuti e lo sviluppo di wireframe, mockup e prototipi orientati all’esperienza utente.
- Introduzione a Figma per la creazione di layout e prototipi web, con acquisizione di competenze di base per la progettazione visiva, la costruzione di componenti grafici e la realizzazione di prototipi digitali interattivi.
Prerequisiti
Il corso ha carattere introduttivo e di azzeramento; pertanto, non sono richieste conoscenze pregresse specifiche nell’ambito del web design, della progettazione digitale o della psicologia applicata al web.
È richiesta esclusivamente una minima conoscenza dell’utilizzo dei sistemi operativi, con particolare riferimento alla creazione e gestione di file e cartelle, al riconoscimento delle principali estensioni di file e alle operazioni di base necessarie per organizzare materiali digitali.
Una conoscenza preliminare di base di Figma è gradita, ma non necessaria, e può facilitare lo sviluppo del progetto finale. Allo stesso modo, una minima dimestichezza con l’ambiente WordPress, in particolare con l’uso di template, e con i fondamenti di HTML e CSS può rendere più agevole l’accesso ai contenuti del corso e alle attività progettuali.
Metodi didattici
Le attività didattiche per questo modulo di insegnamento prevedono 14 lezioni in presenza, dedicate sia agli aspetti teorici sia ad attività pratiche. A queste si affianca una serie di video-corsi preregistrati, disponibili online, dedicati a esercitazioni pratiche con Figma e inclusi nel carico didattico complessivo del corso. Nel complesso, l’insegnamento corrisponde a 28 ore, pari a 4 CFU.
Durante le lezioni, la partecipazione attiva di studenti e studentesse sarà incoraggiata attraverso discussioni in aula, attività interattive e momenti di confronto in gruppo. Tale approccio mira a stimolare il pensiero critico, favorire il coinvolgimento diretto e consentire l’applicazione dei concetti teorici a casi concreti e situazioni progettuali reali.
Tutti i materiali didattici, incluse slide, articoli scientifici, registrazioni audio e risorse integrative, saranno resi disponibili sulla piattaforma e-learning del corso, in modo da supportare anche lo studio da parte degli studenti e delle studentesse non frequentanti.
La partecipazione al corso è altamente raccomandata.
Modalità di verifica dell'apprendimento
La verifica dell'apprendimento per questo modulo avverrà attraverso la valutazione di un elaborato progettuale di gruppo (gruppi da 3 studenti per la creazione di un sito web completo e navigabile, moodboard, wireframes and mockup) attraverso il quale si intende verificare il livello tecnico di padronanza dei principi di progettazione grafica e di padronanza degli strumenti raggiunta. La valutazione dell'interfaccia progettuale è parte integrante della valutazione finale dell'insegnamento, facendo media con le valutazioni ottenute nel modulo "Strumenti e Applicazioni del Web".
Gli studenti/le studentesse Erasmus possono contattare il/la docente per concordare la possibilità di studiare su una bibliografia in lingua inglese e/o la possibilità di sostenere l'esame in inglese”
Testi di riferimento
La maggior parte degli argomenti trattati nel corso sarà coperta attraverso le slide presentate a lezione e alcuni capitoli di libro resi disponibili sulla piattaforma e-learning. Fanno inoltre parte dei materiali didattici i video tutorial dedicati all’uso di Figma, finalizzati a supportare le attività pratiche e lo sviluppo del progetto finale.
Per quanto riguarda l’utilizzo di WordPress e Figma, oltre alle attività svolte in aula, saranno indicati video tutorial disponibili online e risorse tratte dalla documentazione ufficiale, utili per approfondire in autonomia gli aspetti tecnici e operativi.
Per gli aspetti teorici relativi al design di interfacce web, sono consigliati i seguenti testi:
Bibliografia consigliata
LIBRO: Beaird J., Persuati C. Web design per creativi, grafici, sviluppatori. Apogeo.
EBOOK GRATUITO: https://www.figma.com/community/file/1483972888251598629/e-book-the-ultimate-guide-to-starting-in-figma
LIBRO: Fabio Satino. Designing and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop
Informazioni dettagliate su eventuali ulteriori materiali didattici saranno pubblicate sulla pagina e-learning del corso.
Sustainable Development Goals
Learning area
STUDY OF THE MEANS BY WHICH COMMUNICATION TAKES PLACE
Study of the ways in which communication takes place in digital contexts, with particular attention to the psychological and social processes that shape users’ perception, interpretation, and behavior. This learning area addresses the principles of persuasion, social influence, credibility, trust, and attitude formation, applying them to the design of web interfaces and content. It also explores the main foundations of visual design — hierarchy, color, typography, composition, readability, and accessibility — as tools for guiding attention, facilitating understanding, and supporting effective and ethically aware digital communication.
Learning objectives
-
Knowledge and understanding
By the end of the course, students will have developed a critical understanding of the psychological and social principles that influence web interface design, with a particular focus on social web environments and digitally mediated communication.
The course provides theoretical tools for analyzing online communication processes, while introducing the foundations of User-Centered Design, which places the user (rather than the website itself) at the center of the design process. Special attention is given to social influence mechanisms and the main theories of social psychology relevant to the persuasive and inclusive design of digital interfaces. -
Applying knowledge and understanding
Students will be able to:
Critically evaluate the structure and composition of web interfaces through a psychosocial lens;
Design persuasive interfaces for the social web, drawing on theories of social influence and collective behavior;
Create web pages and interfaces, integrating theoretical knowledge with user-centered design practices;
Use digital design and prototyping tools, including moodboards, user personas, wireframes, and UI mockups created with basic use of Figma.
-
Making judgements
Students will develop the ability to critically assess design choices in digital environments, recognizing their communicative, relational, and ethical implications. They will be able to formulate independent and informed evaluations of interface proposals and suggest improvements based on psychosocial insights. -
Communication skills
Students will be able to clearly present and justify their design choices, both orally and in writing, using appropriate technical language and relevant theoretical references. They will also be able to collaborate in teams and communicate effectively with non-specialist stakeholders in design-related contexts. -
Learning skills
Students will develop the ability to learn autonomously, keeping pace with the rapid evolution of web technologies and theoretical frameworks. They will be able to integrate new digital tools and theoretical concepts into their design practice, maintaining a reflective and user-centered approach.
Contents
The module Principles of Social Psychology for Web Design aims to provide students with an integrated understanding of the website design and development process, combining theoretical, methodological, and applied aspects.
The course addresses the main concepts related to the design of hypertexts and web interfaces, with particular attention to usability, Interaction Design, User Experience, accessibility, information architecture, and visual communication. At the same time, it explores the main psychosocial theories relevant to the web and the social web, including social influence, persuasion, identity, trust, credibility, belonging, and online participation.
The module aims to develop students’ ability to understand design as a form of communication capable of shaping users’ perceptions, interpretations, and behaviors. To support the design component, students will acquire basic skills in the use of professional tools — e.g., Figma, through an e-learning video course — aimed at creating layouts, mockups, and digital prototypes.
Detailed program
- Fundamentals of usability, User Experience, and Interaction Design for the web, with attention to criteria such as effectiveness, efficiency, accessibility, navigability, and user satisfaction in interacting with digital interfaces.
- Principles of social psychology applied to digital design, with reference to processes of persuasion, social influence, trust, credibility, identity, and user behavior in online contexts.
- Web interface design, through the organization of information architecture, the definition of content structure, and the development of wireframes, mockups, and prototypes oriented toward the user experience.
- Introduction to Figma for creating web layouts and prototypes, with the acquisition of basic skills in visual design, the construction of graphic components, and the development of interactive digital prototypes.
Prerequisites
The course is introductory and designed as a foundation-level module; therefore, no specific prior knowledge of web design, digital design, or psychology applied to the web is required.
Only a basic knowledge of operating systems is expected, particularly with regard to creating and managing files and folders, recognizing the main file extensions, and carrying out basic operations needed to organize digital materials.
A basic preliminary knowledge of Figma is welcome but not required, and may support the development of the final project. Similarly, some familiarity with the WordPress environment, especially the use of templates, as well as basic knowledge of HTML and CSS, may make it easier to access the course contents and complete the design activities.
Teaching methods
The teaching activities for this module include 14 in-person classes, devoted to both theoretical aspects and practical activities. These are complemented by a series of pre-recorded video courses, available online, focused on practical exercises with Figma and included in the overall course workload. Overall, the course amounts to 28 hours, corresponding to 4 ECTS credits.
During the classes, the active participation of students will be encouraged through classroom discussions, interactive activities, and group discussion sessions. This approach aims to stimulate critical thinking, foster direct engagement, and enable students to apply theoretical concepts to concrete cases and real design situations.
All teaching materials, including slides, scientific articles, audio recordings, and supplementary resources, will be made available on the course e-learning platform, in order to support independent study by non-attending students as well.
Taking classes is highly reccomended.
Assessment methods
Learning goals verification includes an in-progress review aimed at setting the design concept for o web site UI. The design review is mandatory for all students.
Learning goals for this module will be evaluated through the devolpment of a group design project (groups of 3 students to create a complete and navigable website, moodboard, wireframes and mockup) that is intended to verify the level attained in the design of graphical interfaces for the web with a particular look at the principles of social psychology
International students (erasmus) can take the exam in English.
Textbooks and Reading Materials
Most of the topics covered in the course will be addressed through the slides presented during classes and selected book chapters made available on the e-learning platform. The teaching materials also include video tutorials on the use of Figma, aimed at supporting the practical activities and the development of the final project.
With regard to the use of WordPress and Figma, in addition to the activities carried out in class, students will be provided with online video tutorials and resources from the official documentation, useful for independently exploring technical and operational aspects in greater depth.
For the theoretical aspects related to web interface design, the following texts are recommended:
Recommended bibliography
Haffly C., Rizzon A. Photoshop per il web design. Apogeo.
Beaird J., Persuati C. Web design per creativi, grafici, sviluppatori. Apogeo.
Detailed information about any additional teaching materials will be published on the course e-learning page.
Sustainable Development Goals
Staff
-
Alessandro Gabbiadini
