3. Il progetto di esame

transcript

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

Il vostro progetto: deliverable

R.Polillo - Marzo 2013

Progettazione

Realizzazione

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à

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

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

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

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

Il prototipo a bassa fedeltà

Schermate disegnate grossolanamente su foglietti di carta

Esecuzione simulata con un paio di utenti

Iniziate così…

Poi così…

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

Seconda fase

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

Benvenuto nel sistema di controllo degli elettrodomestici.

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

NOME UTENTE

PASSWORD

michele

********

Esempio

Benvenuto nel sistema di controllo degli elettrodomestici.

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

NOME UTENTE

PASSWORD

michele

********

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

Torna al menù principale

Lavatrice

Frigorifero

Lavastoviglie

Esempio (segue)

Lavatrice

generale

Programma di lavaggio delicato a bassa temperatura in corso…

Esecuzione lavoro (interrotto)

10% completato… (in pausa)

Riprendi

dettagli

Torna al menù elettrodomestici

Esempio (segue)

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

Esempio (segue)

Chiamata da

contattoChiamata

da sconosciut

SMS ricevuto

Chiamata persa

Componi numero

Chiama

Indietro

#* 099

Salva Canc

Esempio

Guida turistica su iPhone (dagli studenti)

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

Ultima fase

Prototipo a media fedeltà

Test usabilità(video)

3 Raportodi test

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

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

Ed ora…

Formazione dei gruppi Discussione delle proposte

Buon lavoro!

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

3. Il progetto di esame

Education