Corso di Interazione Uomo MacchinaAA 2012-2013

Roberto Polillo

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

IL PROGETTO D'ESAME1

R.Polillo - Marzo 2013 Edizione 2

012-13

Il progetto

Realizzazione del prototipo di un'applicazione mobile usabile (smartphone, tablet), proposto dagli studenti e approvato dai docenti

No programmazione, ma semplici strumenti di prototipazione

Progettazione centrata sull'utente, processo di progettazione iterativo, con test di usabilità e scenari d'uso

In gruppo (di 4), ripartendosi i compiti

R.Polillo -Marzo 2013

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

R.Polillo -Marzo 2013

Il vostro progetto: deliverable

R.Polillo - Marzo 2013

6

Req

uisi

ti

Progettazione

Realizzazione

Test

1. Requisiti

3. Protipo lo-fi

4. Protipo med-fi

RevisioneEsame

2. Video-scenario

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

Prima fase

Documento dei

requisiti

Prototipo a bassa fedeltà

1

Revisione

Slides PowerPoint(utilizzare l'apposito template)

Prototipo di cartaeseguibile

Videoscenario

Video max 3 minuti

Alle revisioni devono partecipare TUTTI

i componenti del gruppo

Presto(aprile)

Il documento dei requisiti

Sintetico ma completo, ben strutturato, Userete un template PowerPoint molto semplice,

da personalizzare

R.Polillo -Marzo 2013

Documento dei requisiti: template

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 Analisi dei compiti Requisiti per la esperienza utente Altri requisitiRiferimenti

R.Polillo -Marzo 2013

Verrà valutato su forma e contenuti (chiarezza, proprietà di linguaggio, sinteticità/esaustività, originalità)

Concept video scenario

Un 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

R.Polillo -Marzo 2013

Esempi di video-scenario

R.Polillo - Marzo 201311

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

R.Polillo -Marzo 2013

Il prototipo a bassa fedeltà

Schermate disegnate grossolanamente su foglietti di carta

Esecuzione simulata con un paio di utenti

R.Polillo -Marzo 2013

Iniziate così…

R.Polillo -Marzo 2013

Poi così…

R.Polillo -Marzo 2013

R.Polillo - Marzo 201316

POP: Prototyping on PaperR.Polillo -

Marzo 201317

App per iPhone / iPad

Le schermate del prototipo vengono fotografate e linkate

POP: Prototyping on PaperR.Polillo -

Marzo 201318

La prima revisione

Deliverable:- Requisiti- Video scenario- Prototipo di carta

R.Polillo -Marzo 2013

Seconda fase

R.Polillo -Marzo 2013

Prototipo a media fedeltà

2Revisione

Alle revisioni devono partecipare TUTTI

i componenti del gruppo

• Prototipo cliccabile, realizzato con PowerPoint o altro strumento adatto (no HTML): 30-40 slides

• Schermate disegnate con forme, colori e proporzioni del prodotto finale

• Usare templates e stencils del device scelto, disponibili in rete

R.Polillo -Marzo 2013

Login

Benvenuto nel sistema di controllo degli elettrodomestici.

Ti preghiamo di autenticarti, inserendo il tuo nome utente e la password.

NOME UTENTE

PASSWORD

OK

michele

********

HELP

Esempio

R.Polillo - Marzo 201322

Login

Benvenuto nel sistema di controllo degli elettrodomestici.

Ti preghiamo di autenticarti, inserendo il tuo nome utente e la password.

NOME UTENTE

PASSWORD

OK

michele

********

HELP

R.Polillo - Marzo 201323

HELP

ElettrodomesticiSeleziona uno dei link o delle icone sottostanti per accedere alle funzionalità:

Torna al menù principale

Lavatrice

Frigorifero

Lavastoviglie

Esempio (segue)

R.Polillo - Marzo 201324

Lavatrice

HELP

generale

Programma di lavaggio delicato a bassa temperatura in corso…

Avvia

Esecuzione lavoro (interrotto)

10% completato… (in pausa)

Riprendi

dettagli

Torna al menù elettrodomestici

1

Esempio (segue)

R.Polillo - Marzo 201325

HELP

Lavatricedettagligenerale

Produttore: Ariston

Modello: Lavasciuga 2000

Installata il 18/07/2002.

Driver aggiornato al 16/10/2002.

Ore di funzionamento: 92.

Interventi tecnici: nessuno.

Media interventi: non disponibile.

Torna al menù elettrodomestici

2

Esempio (segue)

R.Polillo - Marzo 201326

Chiamata da

contattoChiamata

da sconosciut

o

SMS ricevuto

Chiamata persa

R.Polillo -Marzo 2013

Componi numero

Chiama

Indietro

1 2 3

4 5 6

7 8

#* 099

Salva Canc

R.Polillo -Marzo 2013

R.Polillo -Marzo 2013

Esempio

Guida turistica su iPhone (dagli studenti)

R.Polillo -Marzo 2013

Suggerimenti

Tenete sempre presenti gli obiettivi del prototipo, e concentratevi sugli aspetti importanti, lasciando perdere i dettagli irrilevanti (es. messaggi di errore, login, …)

Un prototipo PowerPoint è di tipo “usa e getta”: non lasciatevi prendere la mano

Deve permettere un test di usabilità significativo, quindi...- deve essere navigabile- deve funzionare- non deve contenere meta-commenti

R.Polillo -Marzo 2013

Ultima fase

R.Polillo -Marzo 2013

Prototipo a media fedeltà

Test usabilità(video)

3 Raportodi test

Esame

Breve documento(template sul sito)

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

R.Polillo -Marzo 2013

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

R.Polillo -Marzo 2013

Ed ora…

Formazione dei gruppi Discussione delle proposte

Buon lavoro!

R.Polillo -Marzo 2013

Per la prossima volta….

Faremo una revisione insieme di un progetto di un gruppo dell'anno scorso

Scaricate requisiti e prototipo a media fedeltà da qui:http://bit.ly/WBYmWA

Analizzatelo e fate i vostri commenti, ne discutiamo in aula domani

R.Polillo -Marzo 2013