Corso di Interazione Uomo-Macchina

Documenti analoghi
Alcuni termini dell interazione. Modelli di interazione. Il ciclo di esecuzione/valutazione obiettivo. Il modello di Donald Norman

Corso di Interazione Uomo-Macchina Paolo Bottoni

#siti usabili. good web design VS bad web design

Università degli Studi di Verona. Algoritmie Diagrammidiflusso. Gennaio Sergio Marin Vargas. Dipartimento di Biotecnologie

lezione ERGONOMIA DESIGN Human-Centered Design

Cos è e cosa vuol dire IUM

LABORATORIO DI INFORMATICA

Il linguaggio di programmazione Python

Elementi di informatica e web. a.a. 2017/2018 Guido Fusco - Michela Paola Cortese 1

Introduzione alla programmazione strutturata

Liceo Marie Curie (Meda) Scientifico Classico Linguistico PROGRAMMAZIONE DISCIPLINARE PER COMPETENZE

POLO INFORMATICO PER LA DISABILITA

Modularizzazione del software

UNIVERSITÀ DEGLI STUDI DI VERONA LAUREA IN SCIENZE DELLA COMUNICAZIONE

Architettura degli elaboratori

Scrivere il software. Scrivere il software. Interprete. Compilatore e linker. Fondamenti di Informatica

Informatica 3. LEZIONE 10: Introduzione agli algoritmi e alle strutture dati

INFORMATICA. Scienza dei calcolatori elettronici (computer science) Scienza dell informazione (information science)

lezione ERGONOMIA DESIGN Human-Centered Design riduzione dell errore

Algoritmo. La programmazione. Algoritmo. Programmare. Procedimento di risoluzione di un problema

FONDAMENTI DI INFORMATICA

Metodologie e modelli di progetto

Lo sviluppo del progetto informatico

Introduzione alla programmazione

Informatica. Come si risolve un problema?

Introduzione al Calcolo Scientifico

Linguaggio C: introduzione

ELABORAZIONE DELLE INFORMAZIONI (ALGORITMI E LINGUAGGI DI PROGRAMMAZIONE)

Problemi, algoritmi, calcolatore

Accessibilità & Tecnologie Assistive. Barbara Leporini ISTI CNR, Pisa

6 - Blocchi e cicli. Programmazione e analisi di dati Modulo A: Programmazione in Java. Paolo Milazzo

Grafica ed interfacce per la comunicazione. Scienze della Comunicazione A.A.2013/14

Reti Logiche e Architettura dei Calcolatori

Teoria dell Informazione

CLASSE PRIMA COMPETENZA CHIAVE EUROPEA COMPETENZE DI BASE IN SCIENZE E TECNOLOGIA

MODELLO e RAPPRESENTAZIONE

Salvatore Cuomo Prolusione

Il codice dell'amministrazione digitale

MANIFESTO DEGLI STUDI DEL CORSO DI LAUREA IN INFORMATICA (CREMA)

CORSO DI PROGRAMMAZIONE E INFORMATICA GENERALE 1

CORSO DI PROGRAMMAZIONE

TECNOLOGIE PER L INCLUSIONE: PROSPETTIVE E DIFFICOLTA

Elementi di Informatica

Interfacce, UX e tv. Emmanuel Mazzucchi

INTERAZIONE UOMO-MACCHINA

Fondamenti di Informatica

Formare documenti accessibili a tutti

Liceo Scientifico " C. CATTANEO " PIANO DI LAVORO DI INFORMATICA. CLASSE 3 LSA SEZ. B e D

CORSO DI FINANZA AZIENDALE

INFORMATICA Lezione 6

Progettazione di siti Web

Lez. 8 La Programmazione. Prof. Pasquale De Michele (Gruppo 2) e Raffaele Farina (Gruppo 1) 1

INFORMATICA PER LE SCIENZE UMANE a.a. 2015/2016

Corso di Laurea in Informatica Basi di Dati a.a

PROBLEMI ALGORITMI E PROGRAMMAZIONE

Materiale didattico. Sommario

Corso di laurea in Ingegneria Meccatronica Controlli Automatici e Azionamenti Elettrici

Programmazione C Massimo Callisto De Donato

PROGETTO DSA: Redigere slide DSA-friendly

Transcript:

Corso di Interazione Uomo-Macchina Paolo Bottoni Lezione 2: Usabilità Lucidi tradotti e adattati dal materiale presente sul sito http://www.hcibook.com/e3/resources/ e http://www.robertopolillo.it

Corso di Interazione Uomo Macchina AA 2010-2011 Roberto Polillo Corso di laurea in Informatica Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione USABILITÀ 2

Terminologia dell interazione dominio area di lavoro sotto studio es. Progetto grafico / Modello industriale compito attività finalizzata a scopi es. Creare logo aziendale / Definire planimetria impianto obiettivo cosa si vuole ottenere in un determinato istante es. Creare triangolo rosso / Creare zona protetta procedura come realizzare obiettivo in ultima analisi in termini di operazioni e azioni es. selezionare strumento di riempimento, clic su triangolo / selezionare da palette, posizionare nell area IUM Lezione 2: Usabilità 4

Un modello dell interazione: il ciclo di feedback 5

Il modello di Norman Attese Concentrato su visione interfaccia da parte utente Obiettivo nel quadro di compito generale 6

Uso del modello di Norman Identificazione cause non usabilità Golfo dell esecuzione formulazione azioni utente azioni permesse da sistema Golfo della valutazione attese utente su cambiamento di sistema presentazione effettiva stato IUM Lezione 2: Usabilità 7

Donald A.Norman Edizione italiana: Donald Norman, La caffettiera del masochista Editore: Giunti 8

Esempio Come alzare lo schermo? IUM Lezione 2: Usabilità 9

11

a) b) 12

Quale pomello accende la luce e quale il ventilatore? FAN LIGHT 13

Come progettare per la usabilità Il progettista deve fare ogni sforzo per: 1. Ridurre l ampiezza del golfo dell esecuzione (fare in modo che le azioni possibili corrispondano in modo evidente alle intenzioni) affordance 2. Facilitare l esecuzione delle azioni 3. Ridurre l ampiezza del golfo della valutazione (fare in modo che lo stato fisico del sistema sia interpretabile in modo univoco e immediato) feedback 14

Affordance (offerta) La proprietà di un oggetto d influenzare, attraverso la sua apparenza visiva, il modo in cui deve essere usato 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 (Termine introdotto dallo psicologo James J.Gibson nel 1966, e ripreso poi da D.Norman) 15

Affordance: esempi 16

17

18

Affordance ambigua: suggerisce possibili usi alternativi 19

Pessima affordance 20

21

22

Apparecchio radio: esempio 1 23

Pulsanti 25

Sliders MAC OS 8 26

? 27

PULSANTI O TITOLI? 28

Buona affordance: i pezzi si incastrano solo nel modo corretto 29

Feedback 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 30

Big Silly Rubber Button Amy Stone, 1997 http://www.mowa.org/work/buttons/bttns5.html 31

Esempio: feedback facilmente interpretabile? Da: SQL Windows 32

Quadro di riferimento di Abowd e Beale Estensione a Norman 4 parti utente ingressi sistema uscite S core Ognuno ha proprio linguaggio specifico interazione traduzione fra linguaggi Problemi interazione = problemi traduzione O output I input U task Attenzione: azioni sempre mediate da sistema di calcolo! IUM Lezione 2: Usabilità 33

Uso del modello di Abowd & Beale Intenzioni utente tradotte in azioni su interfaccia tradotte in alterazioni stato sistema riflesse in presentazione di uscita interpretata da utente Quadro generale per comprendere interazione non ristretta ai sistemi elettronici identifica componenti principali per interazione permette valutazione comparativa di sistemi astrazione IUM Lezione 2: Usabilità 34

Sistemi interattivi Utente Interazione Mondo dei supporti Rappresentazione Attivazione Mondo delle logiche di applicazione Calcolatore IUM Lezione 2: Usabilità 35

Sistemi interattivi visivi Utente Interazione Mondo dei supporti Rappresentazione Attivazione Mondo delle logiche di applicazione Calcolatore IUM Lezione 2: Usabilità 36

Modello di Bottoni et al. Human materialization interpretation I(t) interpretation materialization VIS user VL PL system VL H-INT H-MAT VIS-INT VIS-MAT H-DL H-DL VIS-DL VIS-DL H-DL VIS-DL IUM Lezione 2: Usabilità 37

Una definizione di Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso ISO 9241 38

Una definizione di Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso ISO 9241 39

Una definizione di Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso ISO 9241 40

Una definizione di Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso ISO 9241 41

Usabilità è un concetto relativo Tre variabili indipendenti: Ambienti d uso Utenti Obbiettivi 42

Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso ISO 9241 43

Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso accuratezza e completezza con cui raggiungo obbiettivo ISO 9241 44

Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso risorse spese per ottenere tale risultato ISO 9241 45

Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso comfort e ISO accettabilità 9241 sistema 46

Usabilità 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à ISO 9241 47

Un esempio 48

Le tre dimensioni della usabilità efficacia usabilit à soddisfazione efficienza 49

Esempio: la sveglia di iphone 50

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) 51

Approfondiamo la definizione La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in determinati ambienti d uso ma quando? La prima volta che uso il sistema, o dopo che l ho utilizzato a lungo? 52

L evoluzione dell utente Novizio Principiante Competente Esperto 53

Due concetti importanti Learnability ( apprendibilità ) facile da imparare (per utenti novizi) Memorability ( memorizzabilità ) facile da ricordare (per utenti occasionali) 54

usabilità Profilo di apprendimento Focus sull utente novizio Focus sull utente esperto B A tempo 56

Memorability Importante per sistemi utilizzati di rado, ma che richiedono sicurezza ed efficienza 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) 57

Sui manuali d uso 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 Domanda: chi ha letto il manuale d uso del proprio cellulare prima di fare le prime telefonate? 58

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 59

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 È scritto in modo incomprensibile 60

Learnability e memorability: le sfide 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 di consultare il manuale 61

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. 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.