3. Il progetto di esame

Corso di Interazione Uomo MacchinaAA 2013-2014

Roberto Polillo

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

IL PROGETTO D'ESAME3

Edizione 2013-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

2

Scopo di questa lezione

Descrivere gli obiettivi e le modalità di realizzazionedel progetto di esame


3

Il progetto Realizzazione del prototipo di un'applicazione mobile usabile

(smartphone, tablet), proposto dagli studenti e approvato dai docenti

Uso di un toolkit per sviluppo app mobili Progettazione centrata sull'utente, processo di progettazione

iterativo, con test di usabilità e scenari d'uso In gruppo (di 3), ripartendosi i compiti


4

Scelta del progetto

Scegliete un tema che:conoscete bene sia semplicesia tecnologicamente fattibileAbbia caratteristiche innovative

Anche un tema in apparenza banale può portare a un progetto innovativo


5

Il vostro progetto: deliverable


6

Req

uisi

ti

Progettazione

Realizzazione

Test

1. Requisiti

3. Protipo lo-fi4. Protipo med-fi

RevisioneEsame

2. Video-scenario

5. Video test usabilità6. Report test usabilità

2

Il progetto

R.Polillo -Marzo 2013

4Esame

Navigazione a posto

Documento dei

requisitiPrototipo di carta

RevisioneVideo

scenarioPrimo

prototipo (toolkit)

2

1

Secondoprototipo (toolkit)

Test usabilità

(con video)

3

Revis.

Revisione

Alle revisioni devono partecipare TUTTI

i componenti del gruppo

Il progetto: prima fase


Documento dei


RevisioneVideo

scenario 1

Video max 3 minuti

Slides PowerPoint(template)

Paper prototypeeseguibile



Il documento dei requisiti

Parte Prima: Generalità Descrizione generale del prodotto Obiettivi del prodotto Utenti Contesti d’uso Scenari d’uso Fattibilità tecnologicaParte Seconda: Posizionamento Situazione attuale Analisi della concorrenza Posizionamento competitivoParte Terza: Requisiti Casi d’uso Requisiti per la esperienza utente Altri requisitiRiferimenti


Valutato su forma e contenuti

9

Sintetico ma completo, ben strutturato,

Userete un template PowerPoint molto semplice, da personalizzare

Il video scenario Video di max 3 minuti che mostri tipici

casi d'uso del sistema, collocati nel contesto d'uso

Non deve illustrare in dettaglio l'interfaccia utente, ma il "concept" generale: quando, dove e perché si usa

Non interessa la qualità tecnica (usate il telefonino): ciò che importa è la chiara illustrazione del concept del prodotto


10

Esempi di video-scenario


Con prototipo di carta (3’)Applicazione per PDA per incontrare amici all’Università http://it.youtube.com/watch?v=c4-A-9hGn0U

Order processing (2')https://www.youtube.com/watch?v=k0AiPRtcD5w

Videoconferencing col ristorante in macchina (2')https://www.youtube.com/watch?v=ZSMPKIe578w

Orologio intelligente (2')http://www.youtube.com/watch?v=lJLI4Aw897U

Motorola new life forms (3,4')https://www.youtube.com/watch?v=78QBVEJUqXs

(segue) Lampade programmabili (4')

https://www.youtube.com/watch?v=Vf0nLCDcTDc

Recharge your health in car (1') (con disegni)https://www.youtube.com/watch?v=1vYQFt_7OjI


12

Il prototipo di carta Schermate disegnate grossolanamente

su foglietti di carta Fotografate col telefonino Inserite in POP e rese cliccabili Esecuzione simulata con un paio di utenti

SCOPO: MESSA A PUNTO DELLLA STRUTTURA DI NAVIGAZIONE


13

Iniziate così…


14

Poi così…


15

POP: Prototyping on PaperR.Polillo -

Marzo 201416

App per iPhone / iPad / Android: https://popapp.in

2

Il progetto: seconda fase


Navigazione a posto

Documento dei


RevisioneVideo

scenarioPrimo

prototipo (toolkit)

2

1

Revis.Video

max 3 minutiSlides PowerPoint

(template)Paper prototype

eseguibile




2

Il progetto: terza fase


Navigazione a posto

Documento dei


RevisioneVideo

scenarioPrimo

prototipo (toolkit)

2

1


3

Revis.

Revisione

Video max 3 minuti





2

Il progetto: quarta fase


4Esame

Navigazione a posto

Documento dei


RevisioneVideo

scenarioPrimo

prototipo (toolkit)

2

1


Test usabilità

(con video)

3

Revis.

RevisionePrototipo

finale(toolkit)

Video max 3 minuti





Report + videoPrototipo

Il test di usabilità Faremo una lezione sull'argomento Sul prototipo finale deve essere fatto un test di

usabilità strutturato (3 utenti), e descritto in un rapporto di test (template Word sul sito)

Durante il processo di prototipazione possono essere fatti test di usabilità informali, non documentati


21

Il rapporto di test: indice di massimaObiettivi del testMetodologia usata

UtentiCompiti/scenariStrumentazioneModalità di svolgimento

Risultati del testAnalitici, con le misure

Raccomandazioni finaliAnalitiche, con livelli di priorità

Allegati:Eventuali questionari utilizzati


22

Suggerimenti Tenete sempre presenti gli obiettivi del prototipo, e

concentratevi sugli aspetti importanti, lasciando perdere i dettagli irrilevanti (es. messaggi di errore, login, …)

Non stiamo realizzando il prodotto finale, ma un prototipo per definire e verificare l'interfaccia e la navigazione: la elaborazione dei dati non ci interessa: non perdete tempo su questi


23

Ed ora… Formazione dei gruppi Discussione delle proposte

Buon lavoro!


24

Education

3. Il progetto di esame