PROGETTARE PER L’UTENTE Corso di Interazione Uomo Macchina AA 2009-2010 Roberto Polillo Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione R.Polillo - Ottobre 2009

Scopo di questa lezione Introdurre, con esempi, il concetto di progettazione centrata sull’utente, per progettare sistemi usabili

Introdurre, con esempi, il concetto di progettazione centrata sull’utente, per progettare sistemi usabili

Temi Che cosa significa progettare L’approccio corretto alla progettazione: un cambiamento di mentalità Livelli di maturità nella progettazione Come possiamo sapere se ci siamo riusciti?

Che cosa significa progettare

L’approccio corretto alla progettazione: un cambiamento di mentalità

Livelli di maturità nella progettazione

Come possiamo sapere se ci siamo riusciti?

Progettazione centrata sull’utente

PROGETTARE vs REALIZZARE PROGETTARE (dal lat. proicere , gettare avanti; in inglese: “ to design ”) “ immaginare, ideare qualcosa e studiare il modo di attuarla” REALIZZARE (dal lat. res , realtà) “ rendere reale qualcosa, attuandola praticamente”

PROGETTARE (dal lat. proicere , gettare avanti; in inglese: “ to design ”)

“ immaginare, ideare qualcosa e studiare il modo di attuarla”

REALIZZARE (dal lat. res , realtà)

“ rendere reale qualcosa, attuandola praticamente”

Progettare Ciò che esiste “ Visione” Bisogni, desideri Ciò che vogliamo che esista Conoscenza della situazione attuale Descrizione della situazione desiderata

Interaction design Utilizzatore Oggetto interattivo Interazione fisica Interazione cognitiva

Progettare sistemi usabili richiede un drastico cambiamento di mentalità rispetto all’approccio progettuale tradizionale

Progettare sistemi usabili richiede un drastico cambiamento di mentalità rispetto all’approccio progettuale tradizionale

L’approccio tradizionale

L’approccio tradizionale Ci chiediamo quali funzioni il sistema deve fornire al suo utente, le progettiamo e le realizziamo

Il nuovo approccio Ci chiediamo quali sono i “casi d’uso” dell’utente rispetto al sistema...

Il nuovo approccio … e progettiamo il sistema di conseguenza. E’ completamente diverso!

Fornisce tutte le funzioni che mi servono: TV, TV satellitare, player DVD, player CD musicali, radio, player e recorder VHS,, player dischi vinile Ma… ogni componente viene comandato separatamente, mediante un pannello di controllo frontale posto sul componente, o da remoto (con uno specifico telecomando – ne servono 5! ) Invece… io desidero usare “servizi” che sono realizzate dalla cooperazione di più componenti (es. guardare un film sulla TV satellitare) e non voglio sapere quali componenti sono coinvolti e come Esempio: il mio sistema HIFI

Fornisce tutte le funzioni che mi servono: TV, TV satellitare, player DVD, player CD musicali, radio, player e recorder VHS,, player dischi vinile

Ma…

ogni componente viene comandato separatamente, mediante un pannello di controllo frontale posto sul componente, o da remoto (con uno specifico telecomando – ne servono 5! )

Invece…

io desidero usare “servizi” che sono realizzate dalla cooperazione di più componenti (es. guardare un film sulla TV satellitare) e non voglio sapere quali componenti sono coinvolti e come

Esempio: il mio sistema HIFI + 48 pulsanti = 320 Telecomando universale circa 200 pulsanti (+ 70 sui pannelli frontali)

Quindi: partire dall’utente

Più precisamente… Dobbiamo analizzare: le sue caratteristiche psico-fisiche e socio-culturali (analisi dell’utente) i suoi bisogni e le sue aspettative in relazione al sistema ( analisi dei bisogni ) Il contesto specifico in cui lo userà (analisi del contesto) i casi d’uso del sistema (con l’analisi dei compiti) e a partire da queste analisi (difficili!) individuare le funzioni del sistema

Dobbiamo analizzare:

le sue caratteristiche psico-fisiche e socio-culturali (analisi dell’utente)

i suoi bisogni e le sue aspettative in relazione al sistema ( analisi dei bisogni )

Il contesto specifico in cui lo userà (analisi del contesto)

i casi d’uso del sistema (con l’analisi dei compiti)

e a partire da queste analisi (difficili!) individuare le funzioni del sistema

Spesso, invece…

Esempio: il mio sistema HI-FI (segue) ANALISI DELL’UTENTE Caratteristiche socio-culturali: lingua cultura abitudini esperienze … Caratteristiche psico-fisiche: sistema percettivo sistema cognitivo disabilità …

Caratteristiche socio-culturali:

lingua

cultura

abitudini

esperienze

…

Caratteristiche psico-fisiche:

sistema percettivo

sistema cognitivo

disabilità

…

Esempio: il mio sistema HI-FI (segue) ANALISI DEL CONTESTO TV TV DIVANO SISTEMA HIFI MIA SCRIVANIA PRANZO

ANALISI DEI CASI D’USO: Molto spesso: Vedere il telegiornale delle 20,30 Vedere i programmi satellitari alle 21 Spesso: Ascoltare CD audio (mentre lavoro al computer) Raramente: Ascoltare CD audio (dal salotto) Vedere videocassette Esempio: il mio sistema HI-FI (segue)

ANALISI DEI CASI D’USO:

Molto spesso:

Vedere il telegiornale delle 20,30

Vedere i programmi satellitari alle 21

Spesso:

Ascoltare CD audio (mentre lavoro al computer)

Raramente:

Ascoltare CD audio (dal salotto)

Vedere videocassette

Esempio: il mio sistema HI-FI (segue) LA SOLUZIONE (diversa da quella fornita) TV TV DIVANO SISTEMA HIFI MIA SCRIVANIA PRANZO Web radio Azione telecomando

I casi d’uso

La nozione di “caso d’uso” Un caso d’uso è un insieme di interazioni finalizzate a uno scopo, fra l’utente (o più utenti) e il sistema Un caso d’uso ha un nome e una descrizione (informale, a parole)

Un caso d’uso è un insieme di interazioni finalizzate a uno scopo, fra l’utente (o più utenti) e il sistema

Un caso d’uso ha un nome e una descrizione (informale, a parole)

Esempi NOME DESCRIZIONE Chiama l’ascensore al piano ..... Seleziona canale televisivo ..... Acquista prodotto ..... Prenota volo ..... Iscriviti al forum ..... Spesso, verbo + complemento oggetto

NOME DESCRIZIONE

Chiama l’ascensore al piano .....

Seleziona canale televisivo .....

Acquista prodotto .....

Prenota volo .....

Iscriviti al forum .....

Casi d’uso e funzionalità Non bisogna confonderli, sono due cose completamente diverse - In un caso d’uso il soggetto è l’utente Es.: Ascoltare un CD - Una funzionalità è una prestazione realizzata dal sistema Es.: caricamento del CD Un caso d’uso viene realizzato solitamente mediante più funzionalità del sistema

Non bisogna confonderli, sono due cose completamente diverse

- In un caso d’uso il soggetto è l’utente Es.: Ascoltare un CD

- Una funzionalità è una prestazione realizzata dal sistema Es.: caricamento del CD

Un caso d’uso viene realizzato solitamente mediante più funzionalità del sistema

Esempio: cellulare

Descrizione di un caso d’uso Esempio

Diagrammi dei casi d’uso ATTORE : CASO D’USO : Utente Acquista prodotto significa: L’Utente invoca il caso d’uso Acquista prodotto

Esempio

In sintesi: Progettazione centrata sull’utente UCD: User Centered Design Mettere l’utente al centro del processo di progettazione

Universalità vs personalizzazione L’usabilità di un sistema è relativa a una situazione specifica (… un HIFI usabile per me può essere poco usabile per altri) Come può un progettista progettare un sistema usabile per tutti? Non può. Può però cercare di soddisfare le esigenze più diffuse (individuazione di utenti-tipo ), e fornire la possibilità di personalizzare il sistema

L’usabilità di un sistema è relativa a una situazione specifica (… un HIFI usabile per me può essere poco usabile per altri)

Come può un progettista progettare un sistema usabile per tutti?

Non può.

Può però cercare di soddisfare le esigenze più diffuse (individuazione di utenti-tipo ), e fornire la possibilità di personalizzare il sistema

Interdisciplinarietà dell’Interaction Design (ID) Psicologia (studia i processi mentali dell’uomo) Linguistica (ne studia il linguaggio) Sociologia (ne studia i comportamenti sociali) Ergonomia (studia l’interazione con gli strumenti di lavoro) Marketing (studia i fenomeni di mercato) Informatica (studia le possibilità dei computer)

Psicologia (studia i processi mentali dell’uomo)

Linguistica (ne studia il linguaggio)

Sociologia (ne studia i comportamenti sociali)

Ergonomia (studia l’interazione con gli strumenti di lavoro)

Marketing (studia i fenomeni di mercato)

Informatica (studia le possibilità dei computer)

Livelli di maturità della progettazione

LIVELLI DI MATURITÀ DELLA PROGETTAZIONE PRIMO STADIO: Il prodotto funziona SECONDO STADIO: Il prodotto fornisce le funzioni richieste ( system centered design ) TERZO STADIO: Il prodotto è facile da imparare e da usare ( user centered design ) QUARTO STADIO: Il prodotto è “ invisibile” durante l’uso

PRIMO STADIO: Il prodotto funziona

SECONDO STADIO: Il prodotto fornisce le funzioni richieste ( system centered design )

TERZO STADIO: Il prodotto è facile da imparare e da usare ( user centered design )

QUARTO STADIO: Il prodotto è “ invisibile” durante l’uso

Un prodotto “invisibile” Quando uso un “prodotto invisibile,” penso al compito che sto svolgendo, e non al prodotto Il “prodotto invisibile” diventa visibile solo quando c’è qualcosa che non va

Quando uso un “prodotto invisibile,” penso al compito che sto svolgendo, e non al prodotto

Il “prodotto invisibile” diventa visibile solo quando c’è qualcosa che non va

Esempio

Quale di questi prodotti è più “invisibile”? 1 2 3 4 5

Esercizio Individuare almeno 5 prodotti “invisibili” che usate quotidianamente

Individuare almeno 5 prodotti “invisibili” che usate quotidianamente

In estrema sintesi…

OK, ma da dove devo cominciare? Perchè lo chiamano così? E’ lì che devo cliccare? Perchè lo hanno messo lì? Questi due link sembrano uguali. Perchè? A che cosa serve questo sito?

Esercizio

Esercizio Quale delle due interfacce utente che seguono è più adeguata? Compito : formattare uno o più dischetti Utente : io Contesto : uso tipico di ufficio

Quale delle due interfacce utente che seguono è più adeguata?

Compito : formattare uno o più dischetti

Utente : io

Contesto : uso tipico di ufficio

Soluzione 1

Soluzione 2

“ There are no simple answers, only tradeoffs” Donald A.Norman

Come possiamo sapere se siamo riusciti a progettare un sistema usabile?

Sostanzialmente, due modi Ispezionare il sistema con l’aiuto di esperti di usabilità Condurre prove d’uso con gli utenti Test di usabilità Utenti campione usano il sistema eseguendo compiti tipici in un ambiente controllato, sotto osservazione da parte di esperti di usabilità che raccolgono dati, li analizzano e suggeriscono miglioramenti

Ispezionare il sistema con l’aiuto di esperti di usabilità

Condurre prove d’uso con gli utenti Test di usabilità

Utenti campione usano il sistema eseguendo compiti tipici in un ambiente controllato, sotto osservazione da parte di esperti di usabilità che raccolgono dati, li analizzano e suggeriscono miglioramenti

Sulla carta forse funziona, ma... … provare è indispensabile

Usability lab

Una nuova figura professionale usability engineer

usability engineer

In sintesi… Nel progettare un oggetto interattivo, non basta progettarne le funzioni, dobbiamo progettare l’interazione fra l’oggetto e il suo utente, partendo dai casi d’uso L’obiettivo è di raggiungere la massima usabilità da parte di specifici insiemi di utenti Progettare sistemi usabili è difficile ; richiede competenze e professionalità specifiche, e un atteggiamento multidisciplinare La valutazione della usabilità di un oggetto non può prescindere dall’utente

Nel progettare un oggetto interattivo, non basta progettarne le funzioni, dobbiamo progettare l’interazione fra l’oggetto e il suo utente, partendo dai casi d’uso

L’obiettivo è di raggiungere la massima usabilità da parte di specifici insiemi di utenti

Progettare sistemi usabili è difficile ; richiede competenze e professionalità specifiche, e un atteggiamento multidisciplinare

La valutazione della usabilità di un oggetto non può prescindere dall’utente