4. Usabilita

Corso di Interazione Uomo MacchinaAA 2013-2014

Roberto Polillo

Corso di laurea in InformaticaUniversità di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

USABILITÀ1

Edizione 2

013-14

Queste slides…

… si basano sul libro “Facile da usare”, dell’autore, dove si trovano tutte le necessarie spiegazioni. Vedi www.rpolillo.it

Queste slide sono disponibili con licenza Creative Commons (attribuzione, non commerciale, condividi allo stesso modo) a chiunque desiderasse utilizzarle, per esempio a scopo didattico, senza necessità di preventiva autorizzazione:

http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it

La licenza non si estende alle immagini fotografiche e alle screen shots, i cui diritti restano in capo ai rispettivi proprietari, che sono stati indicati, ove possibile, nelle didascalie del libro. L’autore si scusa per eventuali omissioni, e resta a disposizione per correggerle.

R.Polillo -Marzo 2014

Un modello dell’interazione:il ciclo di feedback

Il modello di Norman4

Edizione italiana:Donald Norman,“La caffettiera del masochista”Editore: Giunti

Donald A.Norman

VIVAMENTE CONSIGLIATO

Esempio6

Come alzare lo schermo?

1. Formare lo scopo: Voglio riavvolgere lo schermo2. Formare l’intenzione: Voglio premere l’interruttore di riavvolgimento

< Golfo dell’esecuzione: qual è? >

3. Specificare l’azione: Voglio avvicinarmi all’interruttore A e premerlo

4. Eseguire l’azione: Lo faccio

5. Percepire lo stato del mondo: Guardo lo schermo e l’ambiente

6. Interpretare lo stato del mondo: Lo schermo è fermo e la luce è accesa

< Golfo della valutazione: esecuzione: che cosa è successo? >

7. Valutare il risultato: Non ho raggiunto il mio scopo

NOTA: Analisi dell’esempio precedente secondo il modello di Norman

7 R.Polillo -Marzo 2014

Qual è la soluzione migliore?

FAN LIGHT

Quale pomello accende la luce e quale il ventilatore?

Come progettare per la usabilità

Il progettista deve fare ogni sforzo per:

1. Ridurre l’ampiezza del golfo dell’esecuzione

2. Facilitare l’esecuzione delle “azioni”

3. Ridurre l’ampiezza del golfo della valautazione

(fare in modo che le azioni possibili corrispondano in modo

evidente alle intenzioni)

(fare in modo che lo stato fisico del sistema sia interpretabile in modo univoco e immediato)

“affordance”

“feedback”

Affordance

La proprietà di un oggetto d’influenzare, attraverso la sua apparenza visiva, il modo in cui deve essere usato

(Termine introdotto dallo psicologo James J.Gibson

nel 1966, e ripreso poi da D.Norman)

Un oggetto che possiede una buona affordance “invita” chi lo guarda a utilizzarlo nel modo per cui è stato concepito.

Il compito del progettista è progettare oggetti con buona affordance, per ridurre l’ampiezza del golfo della esecuzione

Affordance: esempi13

Affordance ambigua:

suggerisce possibili usi alternativi

Pessima affordance17 R.Polillo -Marzo 2014

Affordance?

Apparecchio radio: esempio 120 R.Polillo -Marzo 2014

Apparecchio radio: esempio 221 R.Polillo -Marzo 2014

Bottoni23

Sliders24

MAC OS 8R.Polillo -Marzo 2014

BOTTONI O TITOLI?

?26 R.Polillo -Marzo 2014

Buona affordance: i pezzi si incastrano solo nel modo corretto

Da Interface Hall of Shame http://bit.ly/Xlo536 R.Polillo -Marzo 201428

29Da Interface Hall of Shame http://bit.ly/Xlo536

L'interfaccia ridisegnata

Da Interface Hall of Shame http://bit.ly/Xlo536 R.Polillo -Marzo 2014

Feedback31

La risposta che otteniamo a seguito delle nostre azioni (in italiano: “retroazione”)

Il progettista deve progettare oggetti che ci diano feedback facilmente percepibili ed interpretabili alle azioni che compiamo su di essi, per ridurre l’ampiezza del golfo della valutazione

“Big Silly Rubber Button”32

Amy Stone, 1997

http://www.mowa.org/work/buttons/bttns5.htmlR.Polillo -Marzo 2014

Feedback: esempio

Arroyo, Bonanni, Selker (MIT), CHI 2005

Da: SQL Windows

Esempio: feedback facilmente interpretabile?

Una definizione di “Usabilità”

La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d’uso

ISO 9241

“Usabilità” è un concetto relativo39

Ambienti d’uso

Obbiettivi

Utenti

Tre variabili indipendenti:

“Usabilità”40

ISO 9241

“Usabilità”41

l’accuratezza e completezza con cui raggiungo l’obbiettivo

ISO 9241

“Usabilità”42

le risorse spese per ottenere tale risultato

ISO 9241

“Usabilità”43

il comfort e la accettabilità del sistema

ISO 9241

“Usabilità”44

La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d’uso Possiamo definire

delle metriche per“misurare” la usabilità

Un esempio45

LE TRE VARIABILI INDIPENDENTIefficacia

efficienza

soddisfazione

usabilità

Le tre dimensioni della usabilità46

Esempio: metriche per la usabilità della manopola della doccia:

1.efficacia - capacità di regolazione fine (es. Δlitri al sec per ogni giro completo)

2. efficienza – momento torcente

3. efficienza - max numero di giri

4. soddisfazione - gradimento soggettivo (es.voto da 0 a10)

Approfondiamo la definizione

…ma quando?La prima volta che uso il sistema, o dopo che l’ho utilizzato a lungo?

Novizio

Principiante

Competente

Esperto

L’evoluzione dell’utente49

Due concetti importanti50

“Learnability” (“apprendibilità”)facile da imparare (per utenti novizi)

“Memorability” (“memorizzabilità”)facile da ricordare (per utenti occasionali)

Apprendibilità51

Alcuni sistemi sono progettati in modo che utenti novizi possano imparare ad usarli facilmente

Altri danno priorità a un loro uso efficiente da parte di utenti esperti

Altri ancora supportano due modalità d’uso alternative (per novizi e per esperti)

ilità

Focus sull’utente novizio

Focus sull’utente esperto

Profilo di apprendimento52

Memorability53

E’ particolarmente importante per sistemi che vengono utilizzati di rado, ma che richiedono all’utente sicurezza ed efficienza nell’uso

Esempio: sistemi di allarme(l’allarme si verifica di rado, ma quando si verifica devo reagire in fretta, e non ho tempo di consultare manuali)

Sui manuali d’uso54

I manuali d’uso non vengono “mai” letti prima … ma quando conosciamo già il sistema, per risolvere problemi specifici

Quindi, progettiamo le cose in modo da poterne fare a meno …almeno nelle fasi iniziali dell’uso

Chi ha letto il manuale d’uso del proprio cellulare prima di fare le prime telefonate?

“Ho una regola semplice per individuare il cattivo design.

Tutte le volte che trovo indicazioni su come usare qualcosa, si tratta di un oggetto progettato male”

Donald Norman

Perché i manuali d’uso non vengono letti

“Adesso non ho tempo, me la cavo lo stesso senza”

“Non troverò mai il tempo – se dovessi leggerli tutti…”

“Quando mi serve, non ce l’ho mai a portata di mano”

“Non trovo mai l’informazione che mi serve”

“E’ scritto in modo incomprensibile”

Learnability e memorability: le sfide57

Ogni sistema dovrebbe permettere all’utente principiante di imparare ad utilizzarne almeno le funzioni base senza necessità di addestramento o di manuali d’uso

Ogni sistema dovrebbe essere facile da ricordare, in modo che l’utente occasionale possa tornare a usarlo dopo qualche tempo senza bisogno consultare il manuale

4. Usabilita

Education

Transcript of 4. Usabilita

Giuseppe Verdi (Le Roncole, 10 ottobre 1813 – Milano, 27 ... · ã? ã V? &? &? & & & # # # # # # # # # # # # # # # # # # # # 4 4 4 4 4 4 4 4 4 4 4 4 44 4 4 4 4 4 4 4 4 4 4 4 4

1 USABILITA Immagini tratte da. 2 Jakob Nielsen (considerato un guru dellusabilità) dice: un prodotto è usabile quando: è facile da apprendere consente.

Istituzione di alta formazione artistica musicale | Saint Louis … · 2017. 4. 20. · 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 Trumpet in Bb 1 Trumpet in Bb 2 Alto Sax Tenor Sax Tenor

Otto Grimm Sinfonie op19, Satz IV, Takt 1-280.pdf · 2 4 2 4 2 4 2 4 2 4 2 4 2 4 2 4 2 4 24 2 4 2 4 2 4 2 4 2 4 Allegro vivace Allegro vivace Allegro vivace Finale Das Kopieren von

MOBILE APP DESIGN - DiUniTocgena/master/2019/usabilita/mobile... · 2018-04-21 · INTERFACE DESIGN • Il vocabolario deﬁnisce interfaccia l’elemento di contatto o di intermediazione

Progettazione e realizzazione di siti web per …lau.csi.it/progettare/usabilita/progettazione_utente...I dispositivi mobili si allineano a questo paradigma portando l’informazione

0)*123)4&&)%#)*1561)$%78) !#$%%&'&(#)&*+%(#,&%#-%(-&.#/$0 · !"#$%&"'()*+),--,./0)*123)4&&")%#")*1561)$%78) 94): 4&&")'";)-")&4)?4@$;4)=;a)4@@%&4b4)")4#;'4)';)c;$;&;4>)#4==#"@"7b4b4)7"&)d;$$e;"#")

viva la vida - Smim.it · PDF fileã ã & # # # # # # # # # # # # # # 4 4 44 4 4 44 4 4 4 4 44 4 4 44 44 4 4 44 4 4 4 4 44 4 4 Flauto 1 Flauto 2 Violino I Violino II Chitarra 1 Chitarra

4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 - SFM Torino · 2019-10-05 · genere b 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 b numero RP163 4438/39 4440/41 4442/43 4444/45 4446/47 4448/49 4450/51

Multi-Effects Processor · 4 8Beats3 4/4 21 Funk2 4/4 38 Rockers 4/4 55 Breaks1 4/4 5 16Beats1 4/4 22 FunkRock 4/4 39 Ska 4/4 56 Breaks2 4/4 6 16Beats2 4/4 23 JazzFunk 4/4 40 2nd

8. Valutare la usabilita'

L’ASCOLTO del CLIENTE (parte 2) - host.uniroma3.ithost.uniroma3.it/facolta/economia/db/materiali/insegnamenti/710... · DIAGRAMMA DI PARETO WORDCLOU D INTERFACCIA, USABILITA' e

OGGETTI STRUTTURE USABILITA Gruppo Farina. Le letture di J. Carelman e di D.A. Norman hanno portato il Gruppo Farina a riflettere su: - oggetti di uso.

Usabilita E Scrittura dei Testi per il web

COPERTINA MONOGRAFIA 1 - Arpa Umbria 1.pdf · 2008-06-19 · .2 ˇ 4 4 0 ˙ . ˙ . ˆ / 4 4 ˙ -ˆ 2 4 . . 4 4 4 4 ˙ 0 . 4 ˙ -˙ ˙.2˘ * 1/.2˘6 . / / ˆ . 0 1 4 , 042 ˙ ˆ 1

cittadelledonne usabilita [ITA]

Ave Maria - Partiture riunitefiles.spazioweb.it/6c/42/6c42b8bd-c831-4ebc-ac90-44e6db34608d.pdf · V? &?? b b b b b b b 4 2 4 2 4 2 4 2 4 2 4 2 4 2 4 3 4 3 4 3 4 3 4 3 4 3 4 3 4 2

Blue tango - Luigi Salamon · B B??? 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 Violini I Violini I Violini II Violini II Viole I Viole II Violoncelli I Violoncelli II Contrabbassi

Bruno Mantovani - L'Autre côtéã ã ã ã V 4 4 4 4 4 4 44 4 4 4 4 4 3 4 3 4 3 43 4 3 4 3 4 2 4 2 4 2 42 4 2 4 2 4 3 4 3 4 3 43 4 3 4 3 4 5 4 5 4 5 45 4 5 4 5 1 1 2 3 4 A. Kubin

Per Settetto di Sax dostagefiles.raffaelemirabelli.webnode.it/200000143-9d79d9e722/DOSTAGE... · bb b b bb bb b b 4 4 4 4 4 4 4 4 44 4 4 4 4 Sax soprano 1 Sax contralto 1 Sax contralto

0)123)4&&)%#)1561)$%78) !#$%%&'&(#)&+%(#,&%#-%(-&.#/$0 · !"#$%&"'()+),--,./0)123)4&&")%#")1561)$%78) 94): 4&&")'";)-")&4)?4@$;4)=;a)4@@%&4b4)")4#;'4)';)c;$;&;4>)#4==#"@"7b4b4)7"&)d;$$e;"#")