1-Capire Utenti e Task

Laurea in ITPS

Progettazione dell'Interazione con l'Utente

Valeria Carofiglioa.a. 2011-12

Capire Utenti e Tasks

(Task-centered system design )

StudiareChi sono gli utentiI loro compiti

Descrizione di utenti e compiti

Obbiettivo

Metodi

Prodotti

Brainstorm designs

Valu

tazi

one

dei t

asks

Psicologia degli oggetti quotidiani

Coinvolgimento dellutenteRepresentazione & metafora

Interazione partecipatoria

Task scenario walk-through

Prototipi testabili

Il progetto di interfacce come processo

Slide idea by Saul Greenberg

Progettazione di sistemi orientati ai compitiDesign partecipatorio

Progetto orientato allutente

Metodi di prototipiz-zazione low fidelity

Prototipi su carta (usa e getta)

Raffinamento del progetto

Progetto delle videate

Linee- guida interfacce

Metodi di prototipiz-zazione high fidelity

Testare lusabilit

Heuristic evaluation

Completamento progetto

Versioni Alpha/beta del sistema

Test sul campo

Visione centrata sul Sistema o sull'Utente

Task-centered system design Cos

Una tecnica che aiuta nella progettazione di sistemi interattivi

e consente la valutazione di interfacce sulla base dei task che un utente effettua nel mondo reale

Come parte del progetto: analisi dei requisiti orientata allutente Requisiti: i task da soddisfare (quali e come)

Come parte della valutazione: chi valuta effettua un walk-through del prototipo, utilizzando i task per generare, step by step, uno scenario che descriva cosa un utente debba fare con il sistema

The Cheap Shop Catalog Store(by Saul Greenberg)

In questo negozio puoi acquistare oggetti scegliendo da cataloghi cartacei

Se trovi un oggetto che ti interessa, devi riempire un form con il codice associato che riportato sul catalogo

Devi poi consegnare questo form compilato alladdetto, che recupera loggetto dal magazzino e te lo consegna.

Infine puoi pagare loggetto che hai scelto.

Item code Amount

Partiamo da un esempio

Screen 1

The Cheap Shop Catalog Store

Screen 1

Al posto loro....E una buona interfaccia?

Procedete di istinto? Vi lasciate guidare dalle apparenze? Giudicate sulla base di altre interfacce che conoscete? Riscontrate problemi (pi o meno gravi)?

Siete sicuri di non aver dimenticato qualcosa?

Siete sicuri della vostra opinione?Come fate a dirlo?

Alternativa: Esistono dei metodi con cui

Determinare sistematicamente se una interfaccia rispecchia i bisogni del suo utente finale

Scoprire sistematicamente bachi nella sua usabilit



Obbiettivo

Metodi

Prodotti

Brainstorm designs

Valu

tazi

one

dei t

asks





Prototipi testabili











Testare lusabilit




Test sul campo

Analisi dei requisitiDal punto di vista del software Esattamente: Quali funzioni dovrebbe avere il

sistema?Dal punto di vista dellutente Esattamente: chi dovrebbe usare il sistema e per

fare che?

Elena Rossi Una persona reale

con vincoli reali che svolge il suo lavoro

Progettazione orientata ai taskDal punto di vista dellutente

chi dovrebbe usare il sistema e per fare che?

Fasi:1. Identificazione: Identificare utenti specifici e definire

task concreti. Validare il tutto. 2. Requisisti: Decidere quali di questi task e utenti devono

essere realmente inclusi nelle fasi di progetto3. Design: Rappresentazione di base dei singoli layout

dellinterfaccia & pianificazione della dinamica del dialogo utente-sistema sui task del passo precedente (scenari).

4. Valutazione mediante Walkthrough (letteralmente Attraversamento)

Raccontare una storia concreta (scenari duso) su ci che un particolare utente potrebbe fare e verificare step-by-step come i task vengono eseguiti, per testare linterfaccia

Riadattata da Lewis, C. and Rieman, J. (1993) Task-Centered User Interface Design: A Practical Introduction. http://hcibib.org/tcuid/

Fase1:IdentificazioneIdentificare utenti specifici

e definire task concreti

Livelli di Descrizione degli Utenti

Essere umano dotato di abilit specifiche (percepisce, interpreta, decide.....)

..con specifiche formazioni, storie, culture... (Maria Rossi)

Come si relazionano con gli altri... (nelle comunit di interesse)

In base alla funzione che esercitano (nella comunit di interesse)

Persone e Ruoli

Persone Ruoli

P1

P2

P3

P4

R1

R2

R3

R4

R5

1 persona, 1 ruolo

1 persona con pi ruoli

Pi persone con lo stesso ruolo

Identificare utenti specifici....

Entrare in contatto con la gente reale che potrebbe essere un utente potenziale del nostro sistema e caratterizzarla

Categorie-prototipo Casi estremi

by Fiorella deRosis

Identificare utenti specifici.... (cont.)

Caratterizzazione dellutenza potenziale

In funzione del tipo di interazione con il sistema: Diretti: interagiscono con il sistema Indiretti: ricevono output generati da altri utenti

In funzione della frequenza duso del sistema: Primari: utilizzano frequentemente il sistema Secondari: lo utilizzano soltanto in modo occasionale

In funzione del livello di esperienza: Inesperti Esperti

Nota: in generale, oppure per ciascuno dei task inclusi nellapplicazione.

... e definire task concreti

Apprendere i task reali dellutenza potenziale

Articolare esempi di task concreti che potrebbero essere svolti dalla utenza potenziale o che il sistema dovrebbe includere,

Fatelo in maniera dettagliata!!!

Task di routine Non frequente ma importante Non frequente e incidentale

Articolare esempi di task concreti

Esempio di task 1 (gi visto)

Anita Rossi, che ha un figlio che inizia a muovere i suoi primi passi, vuole acquistare un passeggino ad ombrello di buona qualit (lo preferirebbe rosso, ma anche blu andrebbe bene)

Sfoglia il catalogo e sceglie passeggino JPG (costo $98. item code 323 066 697).

Lo paga in contanti e lo usa immediatamente.

Anita un cliente nuovo di questo negozio, un utente diretto, e secondario (?) Ha poca dimestichezza con i computer:

dice che usa la tastiera digitando un tasto per volta, molto lentamente

JPG Stroller. This well made but affordable Canadian stroller fits children between 1-3 years old. Its wheels roll well in light snow and mud.

$98.

Red: 323 066 697Blue: 323 066 698

Analisi dellesempio 1Anita corrisponde alla tipologia di utenza

che ci aspettiamo: il cliente Molti clienti entrano e accquistano per la prima volta un congruo numero di loro:

non ha dimestichezza con il computer, quindi forse compie errori nella formulazione dellordine, e deve ripetere loperazione

non un dattilografo di alto livello.

Tipi di task sistematici ed importanti Molti utenti selezionano un solo item Un congruo numero di loro paga in contanti Come anita, la gente spesso ha una idea generale di ci che

vuole comprare ma decide solo dopo che ha visionato i prodotti disponibili

... e definire task concreti (cont)

Come identificare i task

Calandosi nellambiente di chi realmente deve usare il sistema (il futuro utente)

Osservandolo nel contesto reale del suo lavoro Intervistandolo mentre svolge il suo abituale lavoro Seguendolo nel corso della sua giornata ......


Come identificare buoni esempi di task

1. Descrivere cio che lutente vuole fare ma non sa come fare Nessuna ipotesi/assunzione sullinterfaccia a questo punto Nessuna descrizione sui dettagli di come il sistema futuro eseguir i

task Questa descrizione pu essere usata per valutare le alternative di

progetto 2. Essere molto specifici

Descrizione concreta: Dire esattamente cosa lutente vuole fare Specificare le informazioni che, in qualche modo, lutente vuole

inserire come input e quelle che deve ricevere come output, di ogni task

... e definire task concreti (cont)Come identificare buoni esempi di task

3. Descrivere un lavoro completo (in termini di tutti gli aspetti di un task)

Per forzare il progettista a considerare come linterfaccia lavora nella sua interezza: Descrivere task e sotto-task in ordine di come vengono eseguiti

Considerare linformazione di input/output durante il dialogo Da dove vengono le informazioni? Dove vanno ? Cosa succede dopo?

Da non fare!!! Creare una semplice lista di cose che il sistema deve fare Individuare un sotto-task indipendente da altri sotto-task



4. Dire chi sono gli utenti Nome, caratteristiche.... specificare cosa conoscono

Perch? Un progetto di successo fortemente influenzato da ci che

lutente sa il riflesso degli interesse reali di un utente Consente al progettista di individuare i task che descrivono le

funzionalit nel contesto reale delle persone


5. Valutare ci che stato fatto Far circolare le descrizioni tra gli utenti e correggerle se

necessario Chiedere agli utenti se

Riscontrano omissioni di qualche genere Vorrebbero apportare correzioni Chiarimenti Suggerimenti


E se non ci sono utenti e/o task reali?

La stessa tecnica pu essere usata per evocare una risposta dagli utenti finali previsti

1see Sato and Salvador, interactions 6(5)

E se non ci sono utenti e/o task reali?

Descrivere linsieme atteso degli utenti e/o dei task

Saranno utenti e/o task assunti

A tempo debito, quando se ne avr informazione verificarne la correttezza

Modificarli, se necessario

Partiamo dallalista di task per Anita Rossi


Evidentemente non tutti questi task saranno

automatizzati!!

Entrare nel negozio Cercare un catalogo Scegliere il/i prodotto/i Cercare il computer Effettuare un ordine

Inserire le informazioni personali Inserire il nome

Selezionare il campo nome Digitare il nome ...

..... Inserire il/i codice/i degli oggetto/i selezionato/i Inserire le quantit Inserire il costo per ogni oggetto scelto Inserire il costo totale completare lordine

Cancellare lordine Prendere dal magazzino l/gli oggetto/i scelto/i

Attendere lgli oggetto/i al banco Ritirare l/gli oggetto/i

Pagare l/gli oggetto/i scelto/i Pagare in contanti

Usare l/gli oggetto/i immediatamente

Alcuni task derivano direttamente dalle

carattersitiche dellutente

Fase2:Requisiti

Requisito: propriet richiesta o auspicabile del prodotto

Decidere quali di questi task e utenti devono essere realmente inclusi nelle fasi di

progetto

RequisitiA che tipo di utenti indirizzata linterfaccia

Raramente i progetti sono orientati a tutti I tipi di utenza individuata!

Specificare il perch dellesclusione/inclusione degli utenti Per quali task realizzata linterfaccia?

Raramente i progetti realizzano interfacce per tutti i task pensati!

Specificare e motivare la lista dei task da includere nel progetto in termini di:

Da includere assolutamente: es. utenti tipici Dovrebbe essere incluso, se possibile: es. utenti atipici Potrebbe essere incluso: es. Se non induce grossi cambiamenti, se

semplice da includere... Escludere

Requisiti The Cheap Shop Catalog Store

Entrare nel negozio Cercare un catalogo Scegliere il/i prodotto/i Cercare il computer Effettuare un ordine

Inserire le informazioni personali Inserire il nome

Selezionare il campo nome Digitare il nome ...

..... Inserire il/i codice/i degli oggetto/i selezionato/i Inserire le quantit Inserire il costo per ogni oggetto scelto Inserire il costo totale completare lordine

Cancellare lordine Prendere dal magazzino l/gli oggetto/i scelto/i

Attendere lgli oggetto/i al banco Ritirare l/gli oggetto/i

Pagare l/gli oggetto/i scelto/i Pagare in contanti

Usare l/gli oggetto/i immediatamente

In rosso sono marcati alcuni dei task da includere

assolutamente

Fase3: Design Rappresentazione di base dei singoli layout

dellinterfaccia & pianificazione della dinamica del dialogo utente-sistema sui

task del passo precedente (scenari).

Pensare allinterfaccia!!Usare i casi d'uso individuati nella fase 2 per definire cosa lutente fa/vede step-by-step

mentre esegue un task

Pianificazione del dialogo quale sequenza di comandi elementari permette di realizzare un

task complesso quando uno stesso task pu essere eseguito in modi diversi, e

come come lesecuzione di ogni comando elementare modifica il layout

dellinterfaccia

Progetto tramite scenari

Screen 1


Screen 1

Progetto tramite scenariPensare allinterfaccia!!

Per effettuare un ordine Sulla videata 1, il cliente inserisce le sue informazioni personali ed il suo primo ordine

Il testo inserito tramite tastiera Il mouse o il tab servono per navigare nelle videate

Per effettuare ulteiori ordini Il cliente passa alla 2a videata:

cliccando su Next Catalog Item oppure usando un tasto funzione

Progetto tramite scenari (cont.) Per completare un ordine

Il cliente seleziona Trigger Invoice oppure Usa un tasto funzione

Il sistema automaticamente invia lordine di trasporto e fatturazione

Il sistema ritorna alla videata 1, vuota Per cancellare lordine

Il cliente non deve inserire alcun input nei successivi 30 secondi (ad esempio va via)

Il sistema cancella tutti i dati delle videate e torna alla videata principale

Input checking Cliccando sul bottone (es next...) tutti i campi devono

essere controllati. Se un campo risulta errato, lampeggia per 3 secondi, e viene

svuotato. Il ciente riempie nuovamente il campo considerato errato.

Fase4: Raccontare una storia concreta (scenari

duso) su ci che un particolare utente potrebbe fare e verificare step-by-step

come i task vengono eseguiti, per testare linterfaccia

Valutazione mediante Walk-through

Buono per il debug delinterfacciaAlgoritmo (da Lewis & Reiman)

Selezionare uno scenario Per ogni task dellutente:

E possibile costruire una storia credibile che motivi le azioni dellutente?

E possibile utilizzare la conoscenza sullutente e la sua caratterizzazione (es. il suo livello di esperienza sul sistema, se motivato...)?

Se no Emerge un problema dellinterfaccia! Annotare il prblema, includere dei commenti Assumere che il problema sia stato risolto

Passare al task successivo

Walkthrough templatePasso del task

Lutente mostra di avere la conoscenza necessaria ?E motivato?

Commenti / Soluzioni

A walkthrough for this exercise is found in Greenberg, S. Working through Task-Centered System Design. in Diaper, D. and Stanton, N. (Eds) The Handbook of Task Analysis for Human-Computer Interaction. Lawrence Erlbaum Associates.

Esempio:The Cheap Shop Catalog Store

(by Saul Greenberg)

The Cheap Shop Catalog Store(by Saul Greenberg)

In questo negozio puoi acquistare oggetti scegliendo da cataloghi cartacei

Se trovi un oggetto che ti interessa, devi riempire una form con il codice associato che riportato sul catalogo

Devi poi consegnare questa form compilata alladdetto, che recupera loggetto dal magazzino e te lo consegna.

Infine puoi pagare loggetto che hai scelto.

Item code Amount

Riprendiamo lesempio

Articolare esempi di task concreti

Esempio di task 1 (gi visto)







$98.

Red: 323 066 697Blue: 323 066 698

Analisi dellesempio 1Anita corrisponde alla tipologia di utenza

che ci aspettiamo: Molti clienti entrano e accquistano per la prima volta un congruo numero di loro:

non ha dimestichezza con il computer, quindi forse compie errori nella formulazione dellordine, e deve ripetere loperazione

non un dattilografo di alto livello.

Tipi di task sistematici ed importanti Molti utenti selezionano un solo item Un congruo numero di loro paga in contanti Come anita, la gente spesso ha una idea generale di ci che

vuole comprare ma decide solo dopo che ha visionato i prodotti disponibili

Articolare esempi di task concretiEsempio di task 2

Roberta Bianchi sta confrontando i costi della camera da letto di suo nipote, composta da uno scrittorio di legno, una sedia, una letto singolo, un materasso, un copriletto e un cuscino interamente prodotta da fatto da Chicco.

Recupera la descrizione della camera e il costo complessivo che ha ricavato dal catalogo e va a confrontare i prezzi di altri magazzini.

Tre ore dopo, ritorna e decide di comprare tutto tranne la sedia

Paga dalla carta di credito, Chiede che gli articoli vengano trasportati a casa di sua figlia, in

Via TalDeitali no 42, Bari nello scantinato cui si accede tramite la porta posteriore di casa sua.

Roberta anziana e soffre di artrosi

Analisi dellesempio 2Come Roberta

Tutti i clienti sono utenti diretti (primari o secondari) Un ragionevole numero di clienti del negozio anziano e

svolge attivit fisiche con difficolt. E forse poco esperto nelluso dei computer

Un modesto numero di loro effettua confonti sui costi dei prodotti proposti nel neogozio, forse perch hanno tempo a disposizione e reddito basso

Tipi di task meno frequenti, ma ancora importanti

anche se lacquisto fatto da Roberta sembrerebbe molto grosso in termini di costo complessivo, il numero di articoli comprati non insolito.

Di norma articoli di grossa dimensione vengono consegnati dal magazzino.

La maggior parte dei clienti paga con carta di credito se acquista grandi quantit di prodotti, in termini di costo complessivo

Articolare esempi di task concretiEsempio di task 3

Claudio Verdi, unico commesso del negozio, riceve una lista di 9 prodotti da un cliente che si rifiuta di usare il computer.

I prodotti sono: 4 sedie di pino, 1 tavolo di pino, 6 tovagliette, 6 forchette

modello lor, 6 cucchiai modello , 6 cucchiaini da t modello lor, 6 coltelli modello lor, 1 triciclo della chicco, una palla rossa

Dopo aver visto il totale il cliente dice a claudio di voler acquistare tutto tranne le 6 tovagliette

Il cliente decide di aggiungere una palla blu alla lista Il cliente inizialmente si propone di pagare con la carta di

credito, poi decide di pagare in contanti Il cliente dice a Caludio che vorrebbe ricevere la merce a casa

sua dopo due giorni Tutto questo accade mentre altri 6 clienti attendono il loro

turno.

Claudio lavora in quel negozio da una settimana . E ha completato solo in parte il suo periodo di formazione

Analisi dellesempio 3Questo task introduce un nuovo tipo di utente:

il negoziante Poich il negozio cambia di frequente lo staf, la figura di un

nuovo negoziante comune Dunque Claudio un utente che appartiene ad una categoria

di utenti rari, ma comunque importanti.

Tipi di task meno frequenti ma ancora importanti

Il task abbastanza tipico: aiutare un cliente dopo che ha fatto un selezione di oggetti

Tipicamente i negozianti affermano che i clienti spesso cambiano idea (su oggetti o modo di pagare)

Raramente i clienti specificamno una data di consegna, pi frequentemente chiedo la consegna appena possibile



Obbiettivo

Metodi

Prodotti

Brainstorm designs

Valu

tazi

one

dei t

asks





Prototipi testabili











Testare lusabilit




Test sul campo

Immaginiamo di aver passato le fasi non evidenziate

e di aver costruito il nostro primo prototipo

Siamo qui

Screen 1


Screen 1

Il prototipo

Consideriamo lesmpio 1 di taskEsempio di task 1 (gi visto)







$98.

Red: 323 066 697Blue: 323 066 698

Walkthrough template (originale by Saul Greenberg )

Passo del task



Task number: ____

Inserire il nome

Nessuna motivazione Lobiettivo di anita comprare un passeggino. Lei potrebbe essere riluttante ad inserrire le infomazioni personali per paura che i suoi dati vengano utilizzati senza permesso.

NOTA: domandare al Cheap Shop le ragioni dellinserimento del nome

Selezionare il campo nome

Manca conoscenza: Alice non sa come selezionare il campo nome

Ci si aspetta che Alice clicchi sul campo nome ed inserisca il suo nome. Ma Alice un utente inesperto e potrebbe non sapere che deve fare quanto detto. Potrebbe inoltre non voler procedere per tentativi (data la sua inesperienza, potrebbe temere di fare gravi errori!!)POSSIBILI SOLUZIONI:a) Pre selezionare il primo campo dellinterfacciab) Posizionare una guida rapida testuale per queste operazioni elementari vicino alla postazione del computer

Walkthrough template (cont)Passo del task



Task number: ____

Digitare il suo nome

Manca conoscenza: Alice non conosce il formato

Alice lenta a digitare il suo nome. Deve fare qualcosa che non motivata a fare (rispetto al suo goal) e che non sa come fare

NOTA: deve digitare Alice Rossi oppure Rossi Alice?

Passare al campo successivo

Manca conoscenza: Alice potrebbe non sapere come usare il tasto tab o il mouse, dato che non esperta nelluso dei computer

Inserire dati:

Da Phone a City

Manca conoscenza: Alice non conosce i formati Mancanza di motivazione:

Alice potrebbe essere sempre meno motivato: continua ad inserire dati che ritiene abbiano poco a che fare con il suo acquisto

NOTA: il numero di telefono include il prefisso internazionale? La provincia va inserita con abbreviazione o per esteso?....

Walkthrough template (cont)Passo del task



Task number: ____

Digitare lindirizzo a cui consegnare

Task non effettuato Alice vuole usare il passeggino immediatamente, dunque questo indirizzo non serve a nulla. Alice potrebbe pensare di essere li a completare una form sbagliata. E desistere dal completarla

NOTA: Lordine delle informazioni non rispecchia il naturale ordine dei campi: ad esempio linidirizzo viene fornito prima della citt (usualmente)

Inserire la data di oggi

Manca di motivazione(e di conoscenza sul formato)

Alice si potrebbe domandare a che serve inserire la data di oggi. Il sistema dovrebbe gi conoscerla.

Inserire dati della carta di credito

Task non effettuato Alice vuole pagare in contanti. Potrebbe non voler inserire i suoi dati (inutili) per paura di truffe (un rischio inutile).

NOTA: Il campo in questo caso inutile; Inoltre sarebbe meglio chiedere infomazioni sulla modalit di pagamento alla fine della richiesta dellordine (come spesso accde nei negozi reali).

Una considerazione conclusivaI task appena analizzati sembra non conribuiscano al task

principale (comprare il passeggino, nel caso di Alice)

Possibile soluzioneQuesta intera parte dellinterfaccia non necessaria

(opzionale: es. se esistesse una mailing list)

Rimuoverla o collocarla in una posizione secondaria(Es. Dopo che latransazione per lacquisto completata)

Attivit in aula

Applichiamo task-centered system

design al "Cheap Shop"

Questa interfaccia funziona meglio?

Valutiamo tramiteWalkthrough



Obbiettivo

Metodi

Prodotti

Brainstorm designs

Valu

tazi

one

dei t

asks





Prototipi testabili











Testare lusabilit




Test sul campo

Immaginiamo di aver passato le fasi non evidenziate

e di aver costruito il nostro primo prototipo

Siamo qui

Prototipi task-centerd

Divesre tecniche(vedremo meglio)

carta - 45 minuti Script di animazioni - 2 ore

Un esempio di script (by Soul Greenberg)

Printing To recall this order, scan the bar code on the printout

Overview del modulo Come sviluppare esempi di task Come usare gli esempi di task per giustificare/motivare il proprio progetto di interfacciaCome valutare il proprio progetto tamite il walkthroughs orientato ai task

1-Capire Utenti e Task

Documents

Transcript of 1-Capire Utenti e Task