Progettazione di Interfacce e Valutazione dell’Usabilità
fabio.paterno at isti.cnr.it
Orario: Mercoledì 12.00 -13.30 e Venerdì 10.15 - 11.45
Luogo: Palazzo Ricci, Lab1
Anno Accademico 2011 - 2012 - I Semestre
Laurea Magistrale in Informatica Umanistica ed Informatica - Università di Pisa
Lo scopo del corso è di apprendere i concetti di base ed i metodi principali per progettare e valutare interfacce utenti, più in generale, applicazioni interattive, caratterizzate da usabilità ed accessibilità. Verranno considerati anche vari strumenti automatici in grado di supportare i metodi considerati. Alla fine del corso lo studente dovrebbe essere in gradi di progettare e valutare autonomamente sistemi interattivi caratterizzati da buona usabilità.
Nella prima parte del corso si inizierà con esempi di interfacce difficili da usare, per introdurre i concetti e gli aspetti che si devono tenere presente quando si progettano interfacce utenti. Poi, si passerà a vedere come usare questi concetti in concreto nella progettazione ed implementazione dei dialoghi e le presentazioni forniti da applicazioni interattive, con esempi ed esercizi. Si fornirà particolare attenzione alla progettazione di siti web, interfacce adattabili ed adattive, applicazioni multimodali, interfacce per dispositivi mobili e telefoni cellulari. La seconda parte del corso verrà dedicata a come valutare l’usabilità di applicazioni interattive considerando vari metodi, da quelli basati su ispezione dell’interfaccia seguendo criteri predefiniti a quelli che si basano su informazioni empiriche, includendo tecniche remote, dove utenti e valutatori lavorano in siti e/o tempi differenti. Si finirà il corso considerando anche l'accessibilità, come evolvono le tecnologie per supportarla, ed i relativi metodi e criteri di valutazione.
In the first part of the course, examples of user interfaces difficult to use will be given, followed by basic concepts and aspects to take into account when designing user interfaces are introduced. Then, the focus will shift on how to use such concepts in the concrete design and implementation of dialogues and presentations provided by interactive applications, with additional examples and exercises. Particular attention will be paid on the design of web sites, adaptable and adaptive user interfaces, multimodal applications, and interfaces for mobile devices and cellular phones. The second part of the course will be dedicated to usability evaluation of interactive applications considering various methods ranging from interface inspections based on predefined criteria to the methods that are based on empirical information, including remote techniques where users and evaluators are distant in space and/or time. Lastly, attention will be paid to accessibility, how technologies supporting it are evolving, and the associated evaluation methods and criteria.
21/09 1 Introduzione
Illustrazione struttura del Corso. Importanza della progettazione e valutazione di applicazioni interattive. Evoluzione delle problematiche. Concetti di base.
Lettura: Interazione Uomo-Computer: Un Introduzione, Fabio Paternò, Mondo Digitale, N.4, Dicembre 2004.23/09 2 Criteri per il design di interfacce visuali.
Criteri per il design. Tecniche orientate alla comunicazione. Le variabili grafiche. Organizzazione di una struttura visuale. Errori comuni. I principi della Gestalt e le interfacce grafice. Esempi positivi e negativi.
30/09 3 Analisi di Applicazioni di Tecniche per il Visual Design a Siti
Web
7/10 4 Visualizzazione dell'informazione
Rappresentare informazione. Identificare presentazioni che supportano efficacemente i task. Accesso e navigazione tra i dati. Overview+Details. Focus+Context. Fisheye. Semantic Zoom. Magic Lens. Tree Maps. Tag Clouds.
14/10 5 Analisi e Progettazione Concettuale
Progettazione centrata sull'utente. Requisiti. Scenari. Modalità per strutturare scenari. Card Sorting. Use Cases. Analisi dei compiti. Modellazione delle attività logiche da supportare. ConcurTaskTrees. Esempi.
19/10 6 Esercizi con CTTE
Esercizi di modellazione dei task di applicazioni interattive con strumenti automatici (CTTE).
21/10 7 Gli aspetti da considerare quando si progettano applicazioni interattive
Classificazioni delle tecniche di interazione. Selezione delle tecniche di interazione più idonee per supportare i task da eseguire. Composizione efficace di tecniche di interazione. Quando abilitare e rendere percepibile una tecnica di interazione. Linguaggi astratti, concreti, ed implementativi. Esempi di linguaggi per descrivere interfacce utenti. (MARIA, HTML5) ;
26/10 8 Esercizi con MARIAE
Esercizi di progettazione e sviluppo di interfacce con MARIA
28/10 9 Progettare Siti Web
Introduzione ai Siti Web. Tipi di utenti. Scopi comunicativi. La User Experience nel Web. Errori nella progettazione dei Siti Web. Progettare la navigazione. Struttura logica. La Progettazione Concreta nei Siti Web. Aspetti da considerare. Esempi. Ajax e usabilità.
2/11 10 Interfacce Utenti Adattabili e Adattive
I concetti di base. Agenti. Cosa e come si può adattare in un'interfaccia utente. Differenze tra adattabilità ed adattatività. Modelli di Utente. Come e Quando realizzare Interfacce Adattive. Esempi di interfacce adattabili e/o adattive in applicazioni di uso comune.
4/11 11 Esercizi su Interfacce Utenti Adattabili/Adattive
8/11 12 Progettazione Interfacce Multimodali
Il sistema cognitivo umano. Scelta dei media. Presentazioni Multimediali. Classificazione di strutture di presentazioni. Interfacce Vocali e Suoni. VoiceXML. Interfacce Multimodali. X+V. HTML Speech. Esempi.
11/11 13 Progettazione interfacce per telefoni cellulari
Il Contesto di Uso. L'accesso Web tramite cellulari. Touch-based interaction. Relazioni tra tasks e accesso tramite dispositivi desktop e mobili. I Browsers per i cellulari (Safari, Opera, Nokia, ...). Usabilità nell'interazione con dispositivi mobili. L'adattamento di contenuto desktop per accesso da dispositivo mobile, possibili approcci e tipi di regole di adattamento
F.Paternò, HANDIMATICA 2010 - La tecnologia, oggi e domani, in tutti gli ambiti di vita
16/11 14 Esercizi di progettazione di interfacce per telefoni cellulari
23/11 15 Interagire con Dispositivi Mobilli
Motivazioni. I possibili sensori. Aspetti da considerare. Tecniche per la localizzazione. Uso di tag (RFID o NFC). Criteri di progettazione per applicazioni mobili. Applicazioni Mobili dipendenti dal contesto di uso. Esempi (come guide museali). Interfacce Utenti Multi-dispositvi.
25/11 16 Usabilità e Test Empirici
Introduzione. Motivazioni. Concetti di base. Caratteristiche a seconda del dominio applicativo. User Experience. I possibili tipi di approcci alla valutazione dell'usabilità. Come organizzare un test di utente. Aspetti da considerare. Le possibili metriche nell'usabilità. I laboratori di usabilità. Tecniche basate su feedback dell'utente.
30/11 17 Valutazione dell’Usabilità basata su Ispezioni
Criteri da considerare nella valutazione. Valutazione euristica. Cammini cognitivi. Guidelines. Esempi di applicazione e esercizi.
2/12 18 Esercizi di Valutazione di Usabilità19 Analisi delle Interazioni dell'Utente con il Supporto di Strumenti Automatici
Analisi dei Video, Valutazione Remota dell'Usabilità, Sistemi di Logging, Analisi dei log. Analisi degli Utenti. WUP, Sistemi di Eye Tracking.
7/12 20 Valutazione dell’Accessibilità di Siti Web
Accessibilità. Screen Readers, Guidelines per l'Accessibilità ed Usabilità quando si interagisce tramite screen readers. Esempi. Accessibilità nelle applicazioni mobili, Flash, Ajax scripts, Evoluzioni negli standard per l'Accessibilità: WAI/ARIA
16/12 21 Esercizi di Valutazione di Accessibilità di Siti Web
---------------------------------------------------------------------------------------------------------------------------
L'esame consiste nello svolgimento di un progetto ed un orale. Se durante il corso si fanno le esercitazioni in modo sufficiente non c’è bisogno di fare il progetto. Le esercitazioni corrette vanno consegnate entro il 9 Gennaio, ma solo gli studenti che hanno fatto correttamente almeno la metà delle esercitazioni entro la fine del corso possono mandare esercitazioni tra la fine del corso ed il 9 Gennaio.
L'argomento del progetto non può essere un semplice sito Web per sistema desktop. Lo scopo del progetto è di mostrare di saper applicare i concetti discussi a lezione, quindi i progetti possono essere o un applicazione multi-dispositivi (accedibile sia tramite sistema desktop e mobile) od un applicazione multimodale (che usa sia grafica che voce per l'interazione) od un applicazione per dispositivi mobili dipendente dal contesto.
Il progetto deve essere accompagnato da una relazione che deve spiegare le scelte progettuali fatte da parte di ciascun studente secondo i vari aspetti visti a lezione. Essa deve contenere le seguenti informazioni: obiettivi; applicazioni simili; scenari d'uso, analisi dei compiti, spiegazioni delle scelte progettuali e dei criteri applicati per supportare i compiti identificati, dettagli su come si è progettato la presentazione, la navigazione ed i contenuti dell'interfaccia e le caratteristiche dei dispositivi per i quali è stata progettata; se vi sono livelli di adattabilità od adattività (opzionale); se vi sono aspetti di multimodalità o multimedialità (opzionale); tecniche di implementazione usate; valutazione dell'usabilità (spiegare il metodo, il perchè della scelta del metodo, i risultati). Ricordarsi di includere il nome dell'autore nella prima pagina e di numerare le pagine.
Progetto e relazione devono essere inviate al docente almeno una settimana prima dell'orale.
L'orale è diviso in due parti: una discussione sul progetto svolto ed alcune domande relative al programma del corso (per rispondere alle domande è sufficiente studiare i lucidi e gli appunti di lezione). Lo scopo è di verificare l'apprendimento dei concetti principali discussi durante il corso.
L'esame si tiene nella stanza del docente al CNR: Edificio B, Entrata 17, Piano secondo, Stanza I 94
---------------------------------------------------------------------------------------------------------------------------
Progetto Duranti: Relazione ed Implementazione
Progetto Spano: Relazione ed Implementazione
Progetto Piras: Relazione ed Implementazione
Progetto Ghiani: Relazione - Implementazione
Progetto Zappone: Relazione ed Implementazione
Progetto Ricotta: Relazione ed Implementazione
---------------------------------------------------------------------------------------------------------------------------
F. Paternò Interazione Uomo-Computer: Un Introduzione, Mondo Digitale, N.4, Dicembre 2004.
F. Paternò (2008) Interfacce Utenti Multi-Dispositivi. In: Human Computer Interaction. Fondamenti e Prospettive. Polimetrica Publisher, Italy, pp. 217-252. Code (printed): ISBN 978-88-7699-145-5
Lucidi delle lezioni
A.Dix, J.Finlay, G.Abowd, R.Beale, Human-Computer Interaction. Prentice Hall Europe.
K.Mullet, D.Sano, Designing Visual Interfaces, Prentice Hall.
J.Nielsen, Usability Engineering, Academic Press.
R.Polillo, Facile da Usare, Apogeo.
F.Paternò, Model-Based Design and Evaluation of Interactive Applications, Springer Verlag.
---------------------------------------------------------------------------------------------------------------------------
Si danno tesi di laurea sugli argomenti del corso
Si preparerà un sito web del corso che raccoglierà i vari progetti.
Si cercherà di preparare un testo specifico contenente il relativo materiale didattico.
---------------------------------------------------------------------------------------------------------------------------
Questa pagina è stata modificata l'ultima volta il 6 Gennaio 2012