Esempio di prototipo di carta

71
ILPROGETTO DI ESAME: Un esempio Corso di Interazione Uomo Macchina AA 2009-2010 Roberto Polillo Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione 1

description

Corso di Interazione Uomo Macchina del Prof.R.Polillo - Università di Milano Bicocca - DISCO - AA. 2009-2010: Esempio di progetto realizzato dagli studenti

Transcript of Esempio di prototipo di carta

Page 1: Esempio di prototipo di carta

ILPROGETTO DI ESAME:Un esempio

Corso di Interazione Uomo MacchinaAA 2009-2010Roberto Polillo

Università di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

1

Page 2: Esempio di prototipo di carta

Progetto Uniportal

Autori: Giuseppe MagnoGiuseppe PoglianiGiuseppe Maggi

Corso di laurea: InformaticaData: 24 ottobre 2009

2

Page 3: Esempio di prototipo di carta

Contenuto delle slides

1. Requisiti2. Schizzi preliminari3. Prototipo di carta4. Compiti per il test di usabilità5. Domande agli soggetti del test6. Video dei test (prototipo di carta)7. Rapporto di test (prototipo di carta)

3

Page 4: Esempio di prototipo di carta

1. Requisiti

4

Page 5: Esempio di prototipo di carta

Requisiti di prodottoUniPortal

• Autori: – Giuseppe Magno– Giuseppe Pogliani– Giuseppe Maggi

• Corso di laurea: Informatica• Data: 24 ottobre 2009

Corso di Interazione Uomo MacchinaAA 2009-20010

Page 6: Esempio di prototipo di carta

Indice• Parte Prima: Generalità• Descrizione generale del prodotto• Obiettivi del prodotto• Utenti• Contesti d’uso• Scenari d’uso• Fattibilità tecnologica• Parte Seconda: Posizionamento • Situazione attuale• Analisi della concorrenza• Posizionamento competitivo• Parte Terza: Requisiti• Casi d’uso• Analisi dei compiti• Requisiti per la esperienza utente• Altri requisiti• Riferimenti

Page 7: Esempio di prototipo di carta

Parte Prima: Generalità

Page 8: Esempio di prototipo di carta

Descrizione generale del prodotto

• Applicazione per iPhone che permette di consultare:

– avvisi della propria facoltà– date dei prossimi appelli– libretto universitario– orari di ricevimento / contatti professori– orario accademico e locazione delle aule

Page 9: Esempio di prototipo di carta

Obiettivi del prodotto

– realizzare un’applicazione per la consultazione veloce delle informazioni essenziali che servono durante la giornata di uno studente

– rendere a misura di “iPhone” le informazioni richieste da uno studente

– raccogliere in un solo posto informazioni provenienti da diversi siti

Page 10: Esempio di prototipo di carta

Obiettivi del prodotto 2

– recapitare tramite “Push” gli avvisi della propria facoltà.– caricare automaticamente le informazioni dal SIFA e

incrociarle con gli altri siti.– guidare lo studente tramite mappa e tracciamento GPS

attraverso le aule dell’università.

Page 11: Esempio di prototipo di carta

Utenti

• - Applicazione destinata agli studenti dell’Università Milano-Bicocca.

• - Lo studente deve essere già in possesso di un iPhone per poter usufruire dell’applicazione.

• - Uno studente solitamente ha bisogno di poche informazioni, essenziali ma varie volte al giorno.

• - Uno studente mediamente è in grado di utilizzare questo tipo di applicazioni.

Page 12: Esempio di prototipo di carta

Contesti d’uso

• - Interno e esterno dell’università durante la giornata universitaria di uno studente.

- Saltuariamente presso altri luoghi come casa, hotspot wifi, viaggio (tramite rete mobile).

- Potenzialmente accessibile ovunque ci sia un accesso a internet.

Page 13: Esempio di prototipo di carta

Scenari d’uso

• - Studente che arriva la mattina in università, apre l’applicazione, controlla l’orario e si dirige all’aula.

• - Studente che scopre tempestivamente l’avviso di una lezione spostata o soppressa per indisposizione del professore attraverso la sezione “Avvisi” dell’applicazione.

• - Studente che, durante una pausa studio, scopre di avere delle richieste da fare al professore: usa l’applicazione per controllare l’orario di ricevimento.

Page 14: Esempio di prototipo di carta

Scenario d’uso 1 - Marco• Marco si trova nell'aula dove dovrebbe esserci lezione ma, dopo il quarto

d’ora accademico, non è ancora presente il professore in aula.• Marco avvia l’applicazione UniPortal sul suo iPhone e seleziona la sezione

avvisi.• Nella sezione avvisi Marco nota subito tra i titoli uno che spicca, dato che

nota nel titolo dell'avviso il nome della materia che deve seguire.• A questo punto Marco seleziona l’avviso e lo legge per intero.• Nell'avviso si dice che la lezione odierna della materia è stata annullata.• Marco ora può lasciare l’aula, sicuro che il professore non arriverà, e può

recarsi in aula studio per studiare nelle ore buche che ha appena scoperto di avere.

Page 15: Esempio di prototipo di carta

Scenario d’uso 2 - Ada

• Ada arriva la mattina in università e non si ricorda dove ha lezione quindi avvia l’applicazione UniPortal sul suo iPhone e seleziona la sezione Calendario delle lezioni.

• A questo punto Ada si trova davanti la lista delle lezioni della giornata ordinate per orario di inizio.

• Ada da un rapido sguardo alle lezioni e scopre che dalle 11:30 alle 13:30 ha lezione in un’aula in U9, edificio che non frequenta abitualmente e che quindi non conosce.

• Ada seleziona la lezione che si dovrà tenere in U9, in modo da poter avere qualche informazione in più.

• Selezionando la lezione e visualizzando le informazioni complete, Ada ha a disposizione anche un pulsante per poter visualizzare la mappa che localizza l’aula.

Page 16: Esempio di prototipo di carta

Scenario d’uso 3 - Woz• Finita la prima lezione della mattina, Woz si deve recare in U9, all’aula stabilita.• Visto che si trova all’esterno dell’università, una volta selezionato il comando

per trovare il percorso adatto, il sistema localizza Woz tramite il segnale GPS e con le informazioni ricavate dal GPS traccia il percorso migliore tra Woz e l’aula.

• Woz si reca quindi con successo all’edifico.• All’interno dell’edificio, che Woz non conosce, l’iPhone si aggancia alla WiFi.• Woz non riesce a trovare l’aula e decide di consultare ancora UniPortal.

Page 17: Esempio di prototipo di carta

Scenario d’uso 3 - II parte• Woz riesegue le operazioni indicate prima fino alla localizzazione del percorso.• Qui il sistema vede che non è disponibile un segnale GPS (perché la muratura

scherma le trasmissioni dei satelliti) mentre è disponibile un segnale WiFi.• Tramite il segnale WiFi il sistema riesce a localizzare a che hotspot è connesso

Woz.• Viene quindi proposta una mappa INTERNA dell’edificio che mostra il percorso

dalla posizione attuale (anche se approssimativa) fino all’aula.• Woz raggiunge l’aula in tempo per la lezione.

Page 18: Esempio di prototipo di carta

Scenario d’uso 4 - Steve• Steve sta studiando in università e si accorge che alcune cose non gli sono

chiare.• Non è più periodo di lezioni per poter chiarire in classe i suoi dubbi quindi

decide di contattare il professore del corso.• Steve apre l’applicazione UniPortal dal suo iPhone e cerca il professore nella

lista dei professori.• Trova il contatto email del professore e invia un’email direttamente dal suo

iPhone.• La risposta del professore non arriva entro la fine della giornata e Steve

rimanda ad un altro giorno il chiarimento dei suoi dubbi.

Page 19: Esempio di prototipo di carta

Fattibilità tecnologica– Apple iPhone:

– http://www.apple.com/iphone– Apple iPod Touch:

– http://www.apple.com/ipodtouch– Apple XCode iPhone: SDK

– http://developer.apple.com/iphone/– Tecnologia wireless: rete unimib dell’università– Tecnologia Push– SIFA e Disco: API pubbliche per l’accesso ai dati richiesti.– rete mobile per l’accesso in mobilità

Page 20: Esempio di prototipo di carta

Parte Seconda: Posizionamento

Page 21: Esempio di prototipo di carta

Situazione attuale• - L’università Milano-Bicocca non ha nessuna applicazione

dedicata alla piattaforma iPhone.• - Diverse università statunitensi e alcune europee adottano la

tecnologia dell’iPhone con applicazioni dedicate (e gratuite).• - Dato che lo scopo è medesimo le applicazioni seguono tutte

un modello comune: – La maggior parte delle applicazioni possiede una sezione news, una

sezione mappe e una sezione per l’elenco dei corsi.

Page 22: Esempio di prototipo di carta

Situazione attuale 2

• - Apple ha il 2,5% del market share totale di cellulari.• - detiene il 30% dello share dei cellulari di tipo Smartphone

(inchiesta RBC Capital Markets)• - iPhone OS è il sistema più usato per accedere a internet in

mobilità (report di AdMod).• --> Risultato: gli utenti di iPhone sono più propensi a fruire

contenuti online

Page 23: Esempio di prototipo di carta

Situazione attuale 3

• - Apple ha un’infrastruttura molto collaudata per la distribuzione di applicazioni che deriva dall’iTunes Music Store: App Store.

• - Il sistema di distribuzione AppStore è l’unico modo ufficiale per installare applicazioni su iPhone.

• - AppStore è accessibile sia da iTunes che da iPhone/iPod Touch.

Page 24: Esempio di prototipo di carta

Analisi della concorrenza

•Sono già presenti varie applicazioni per iPhone di alcune università. Alcuni esempi sono:

– Shenandoah University Mobile: link AppStore– University of Waterloo: link AppStore– DukeMobile: link AppStore– iStanford University: link AppStore

Page 25: Esempio di prototipo di carta

Posizionamento competitivo

PRO CONTROPrima applicazione in Italia di questo tipo

Inesperienza nel campo

Costo di realizzazione ridotto

Meno informazioni rispetto a università più grandi

Applicazione molto semplice e immediata per il reperimento di poche informazioni ma utili per uno studente

Per informazioni più dettagliate bisogna sempre ritornare al sito internet della facoltà

Page 26: Esempio di prototipo di carta

Parte Terza: Requisiti

Page 27: Esempio di prototipo di carta

Casi d’uso

Page 28: Esempio di prototipo di carta

Analisi dei compiti• AVVISI• - lo studente accede al portale tramite login

• - lo studente preme il bottone “Avvisi” in basso• - lo studente legge la lista degli avvisi ordinati cronologicamente• - lo studente nota un pallino vicino ad alcuni avvisi, segno di

mancata lettura• - lo studente clicca sull'avviso col pallino• - lo studente legge l'avviso per intero e può usare le frecce

soprastanti per leggere i precedenti• - lo studente può tornare alla pagina principale di “Avvisi” o

scegliere altre funzioni

Page 29: Esempio di prototipo di carta

Analisi dei compiti• LEZIONI• - lo studente accede al portale tramite login• - lo studente legge l'orario odierno• - lo studente clicca su una lezione a sua scelta che deve ancora

frequentare• - lo studente legge tutte le informazioni in merito alla lezione in

questione• - lo studente clicca su “Trova aula” per visualizzare l'ubicazione

dell'aula della sua lezione tramite mappa• - lo studente torna alla pagina principale di “Lezioni”• - lo studente sceglie altre funzioni

Page 30: Esempio di prototipo di carta

Analisi dei compiti

• MAPPA• - lo studente visualizza, tramite mappa, dove è situata

l'aula della lezione selezionata in precedenza• - lo studente clicca su “Trova percorso” per capire il

percorso più breve per raggiungere l'aula desiderata• - lo studente torna alla pagine principale di Lezioni• - lo studente sceglie altre funzioni

Page 31: Esempio di prototipo di carta

Analisi dei compiti• RICEVIMENTO PROFESSORI• - lo studente accede al portale tramite login• - lo studente preme il bottone “Ricevimento professori” in basso• - lo studente clicca su un professore a sua scelta• - lo studente legge tutti i dettagli inerenti al professore scelto• - lo studente clicca su “Contatta professore” per inviare mail per qualsiasi

necessità• - lo studente clicca su “Trova ufficio” per visualizzare tramite “Mappa”

l'ubicazione dell'ufficio ed eventuale percorso• - lo studente torna alla pagina principale di “Ricevimento professori”• - lo studente sceglie altre funzioni

Page 32: Esempio di prototipo di carta

Analisi dei compiti

• LIBRETTO• - lo studente accede al portale tramite login• - lo studente clicca il bottone “Libretto” in basso• - lo studente verifica lo stato delle materie del suo piano di studi• - lo studente clicca su una materia col pallino verde, che indica

materia passata con voto• - lo studente clicca su una materia col pallino rosso, che indica la

mancata frequentazione della stessa• - lo studente clicca su una materia col pallino giallo, che indica

materia frequentata ma ancora senza voto• - lo studente sceglie altre funzioni

Page 33: Esempio di prototipo di carta

Analisi dei compiti

• DATE APPELLI• - lo studente visualizza tutte le informazioni della

materia di cui deve dare l'appello• - lo studente clicca su “Prenota appello”• - lo studente visualizza la conferma della prenotazione• - lo studente torna alla pagina principale di “Libretto”• - lo studente sceglie altre funzioni

Page 34: Esempio di prototipo di carta

Requisiti per la esperienza utente

• Un’applicazione per cellulare/smartphone deve essere di immediata consultazione.

• Lo scopo di questo tipo di applicazioni non è quello di sostituire lo strumento principale ma di agevolare la fruizione delle informazioni in contesti dove un terminale fisso o portatile è meno indicato.

• Per questi motivi l’interfaccia utente deve avere:• - Poche e essenziali informazioni• - Veloce nella consultazione• - Pochi tasti per le poche sezioni disponibili• - Informazioni aggiuntive con interfaccia a cascata tipica dell’interfaccia

iPhone.• - Possibilità sempre offerta di tornare indietro oppure accedere ad un’altra

sezione

Page 35: Esempio di prototipo di carta

Requisiti per la esperienza utente

• Valutazione tramite rapporto sul test di usabilità di 2 prototipi:

• - prototipo iniziale di carta;• - prototipo su PowerPoint.

Page 36: Esempio di prototipo di carta

Riferimenti

• - Portale DiSCo• - Portale SIFA• - Linee guida interfaccia iPhone di Apple

Page 37: Esempio di prototipo di carta

2. Schizzi preliminari

37

Page 38: Esempio di prototipo di carta

38

Page 39: Esempio di prototipo di carta

39

Page 40: Esempio di prototipo di carta

40

Page 41: Esempio di prototipo di carta

41

Page 42: Esempio di prototipo di carta

3. Prototipo di carta

42

Page 43: Esempio di prototipo di carta

43

Page 44: Esempio di prototipo di carta

44

Page 45: Esempio di prototipo di carta

45

Page 46: Esempio di prototipo di carta

46

Page 47: Esempio di prototipo di carta

47

Page 48: Esempio di prototipo di carta

48

Page 49: Esempio di prototipo di carta

49

Page 50: Esempio di prototipo di carta

50

Page 51: Esempio di prototipo di carta

51

Page 52: Esempio di prototipo di carta

52

Page 53: Esempio di prototipo di carta

53

Page 54: Esempio di prototipo di carta

54

Page 55: Esempio di prototipo di carta

55

Page 56: Esempio di prototipo di carta

56

Page 57: Esempio di prototipo di carta

57

Page 58: Esempio di prototipo di carta

58

Page 59: Esempio di prototipo di carta

59

Page 60: Esempio di prototipo di carta

60

Page 61: Esempio di prototipo di carta

4. Compiti per il test di usabilità del prototipo di carta

61

Page 62: Esempio di prototipo di carta

Esegui i seguenti compiti

1) Trova l'aula della lezione di interazione uomo macchina

2) Leggi l'avviso più recente3) Prenotati all'appello di Probabilità e Statistica4) Consulta il libretto5) Contatta il professore "Polillo Roberto"6) Trova l'aula del professore "Polillo Roberto"

62

Page 63: Esempio di prototipo di carta

5. Domande agli soggetti del test di usabilità del prototipo di carta

63

Page 64: Esempio di prototipo di carta

Dati personaliNome: _____________________Età: __ Titolo di studio: _____________________

Livello di conoscenza dell`iPhoneGiudichi di avere una esperienza nell`uso delle applicazioni su iPhone:

scarsa – media – buona – ottima Livello di conoscenza del SifaGiudichi di avere una esperienza nell`uso del Sifa:

scarsa – media – buona – ottima Hai gia` avuto modo di utilizzare il Sifa in qualche occasione?

Si - NoSe si, in quale occasione?Livello di conoscenza del DiSCoGiudichi di avere una esperienza nell`uso del DiSCo:

scarsa – media – buona – ottima Hai gia` avuto modo di utilizzare il DiSCo in qualche occasione?

Si - NoSe si, in quale occasione?

64

Page 65: Esempio di prototipo di carta

65

Page 66: Esempio di prototipo di carta

66

Page 67: Esempio di prototipo di carta

67

Page 68: Esempio di prototipo di carta

6. Video dei test di usabilità del prototipo di carta

68

Page 69: Esempio di prototipo di carta

Test di Samuele: http://www.youtube.com/watch?v=lo-q775tJe0

Test di Daniela: http://www.youtube.com/watch?v=Gu_rg_Am3GY

69

Page 70: Esempio di prototipo di carta

7. Rapporto del test di usabilità del prototipo di carta

70

Page 71: Esempio di prototipo di carta

http://www.slideshare.net/rpolillo/test-usabilit-prototipo-di-carta

71