Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

50
Giulia Belloni Paola Re Corso di Ergonomia Cognitiva Università degli Studi di Milano Bicocca

description

Moovit è un'innovativa app per il trasporto pubblico milanese. Integra le informazioni di metro, tram, autobus e passante ferroviario. Inoltre, raccogliendo i dati degli utenti, permette di fornire informazioni accurate e aggiornate in tempo reale su eventuali ritardi e cancellazioni.

Transcript of Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

Page 1: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

Giulia Belloni Paola Re

Corso di Ergonomia Cognitiva Università degli Studi di Milano Bicocca

Page 2: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

INTRODUZIONE

1)  Inquadramento teorico 2) Analisi dei competitors 3) Moovit:

- Analisi dell’interfaccia - Analisi dell’usabilità - Concetti teorici applicati al caso in esame - Soluzioni ai problemi individuati

4) Conclusioni

Page 3: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

Davvero una buona alternativa alle app ufficiali per

il trasporto pubblico milanese?

Proporzionalità diretta n°utenti & precisione, accuratezza delle informazioni  

Page 4: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

CONCETTI TEORICI

Ergonomia cognitiva Studia la migliore integrazione tra attività umana, artefatto o strumento e l’ambiente ove l’interazione avviene.

"   Usabilità

"   User experience

Page 5: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

USABILITÀ

"   Efficacia

"   Efficienza

"   Soddisfazione

"   Facilità di apprendimento

"   Facilità di memorizzazione

"   Errori

Page 6: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

USER EXPERIENCE

Ogni aspetto dell’interazione tra utente finale e un’azienda, i suoi servizi, i suoi prodotti.

"   Aspetti pratici, esperienziali, affettivi

"   Utilità, facilità d’uso, efficienza

"   Di natura soggettiva e dinamica

"   Centralità dei bisogni dell’utente

"   Piacevolezza d’uso

"   Architettura dell’informazione & Interfaccia Utente

"   Brand, prezzo, opinioni altrui, reports sui media

Page 7: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ANALISI DEI COMPETITORS Le applicazioni ufficiali per il trasporto pubblico milanese

Page 8: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

iATM App ufficiale di ATM Sistema operativo iOS

Assenza di feedback

Icone poco familiari

Qual è la differenza tra ATM Point e Rivendite?

Realtà aumentata

Page 9: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ATMmobile App ufficiale ATM Sistema operativo Android

Google Play Store,

Punteggio 2,1 su 5:

"   Interfaccia poco

intuitiva

"   Informazioni scarse

Difficile comprendere che permette di accedere al calcolo dell’itinerario

Page 10: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

PRONTO TRENO

"   Interfaccia semplice e intuitiva

"   Necessario login per comprare i

biglietti (possibile solo se già

registrati su Trenitalia)

"   Ricerca tramite numero del treno

"   Poco adatta ai pendolari

(impossibile l’acquisto per tratte

regionali, cosa che invece è

possibile dal sito)

App ufficiale Trenitalia Sistema operativo Android & iOS

Page 11: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

MY LINK È una web-app: utilizzo più scomodo rispetto alle altre applicazioni.

"   Spazio troppo piccolo, rende

difficile l’utilizzo da smartphone

"   La ricerca per numero di treno

non è particolarmente

funzionale

Page 12: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

MOOVIT MOOVIT

Page 13: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

MOOVIT

Cos’è?

È un’applicazione che fornisce informazioni in tempo reale sul trasporto

pubblico grazie alla raccolta di dati degli utenti.

Cosa fa?

"   Consente di pianificare percorsi

"   Fornisce orari di autobus, tram, metro e treni di tutti gli operatori

"   Raccoglie informazioni utili su eventuali ritardi e cancellazioni

Page 14: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ANALISI DELL’INTERFACCIA Home Page

Problemi "   Le icone dei mezzi sono difficili da distinguere "   Pin troppo vicini sono difficili da cliccare

Page 15: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ANALISI DELL’INTERFACCIA Pianifica

Problemi "   Pulsante Cerca poco visibile "   Icona Impostazioni poco chiara "   Funzionalità Aiutaci a migliorare il percorso poco chiara e visibile

Page 16: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ANALISI DELL’INTERFACCIA Navigazione

Problemi

"   L’avviso introduttivo (utile per mostrare l’aspetto social) scompare troppo velocemente

Page 17: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ANALISI DELL’INTERFACCIA

Problemi "   I nomi delle stazioni non sono omogenei (Milano Grecco Pirelli, Garibaldi, Milano

Dateo;

"   Se si deve effettuare un cambio, compare la scritta il percorso non esiste

Orari

Page 18: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ANALISI DI USABILITÀ & USER EXPERIENCE

Moovit è facile e divertente da usare?

Page 19: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

TARGET

5 uomini & 5 donne

Possessori di smartphone

Non utilizzatori di Moovit

Page 20: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

METODOLOGIA

Valutazione Euristica Partecipata Modalità "   Compilazione di un questionario, 7 domande introduttive

"   Svolgimento di 7 task

"   Intervistatore prende nota delle risposte

"   Assenza di cronometro

"   Esploratori e Task Oriented

Page 21: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

METODOLOGIA

Domande introduttive

"   Usi i mezzi pubblici?

"   Con quale frequenza?

"   Quali mezzi utilizzi?

"   Ogni quanto scarichi applicazioni?

"   Hai già usato Moovit?

"   Hai già usato iAtm/AtmMobile, ProntoTreno, MyLink?

"   Hai già pianificato itinerari sul web?

Page 22: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

TASK

Task Cosa si vuole verificare

1

Imposta un itinerario dalla posizione attuale a Via Roberto Cozzi e inizia il

tragitto

Visibilità del pulsante Cerca

2 Inizia il tragitto Facilità di accesso alla componente

social

3Trova gli orari del treno da Milano Porta Garibaldi a

Milano Lambrate

Problematiche dovute all’incoerenza della nomenclatura delle stazioni e

all’impossibilità di visualizzare soluzioni con cambio

Page 23: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

TASK

Task Cosa si vuole verificare

4Trova la fermata del tram più

vicina a te Icone dei mezzi poco chiare

5 Consulta gli orari del tram Difficoltà nel cliccare pin troppo vicini

Page 24: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

TASK

Task Cosa si vuole verificare

6

Invia informazioni riguardanti un percorso alternativo migliore non presente

nell’elenco.

Visibilità della parte social, in particolare della possibilità di

segnalare un percorso alternativo

7Imposta itinerario più breve/con minori cambi o escludi

metro o treno.

Riconoscibilità dell’icona delle Impostazioni

Page 25: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

TASK

Domande conclusive

"   Hai trovato intuitivo l’uso dell’app?

"   Ci sono dei miglioramenti che consiglieresti?

"   La utilizzeresti per i tuoi spostamenti con i trasporti

pubblici?

"   Ti è piaciuta l’app? Ti sei divertito? La scaricheresti?

Soddisfazione & User Experience

Page 26: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

TASK Assegnazione punteggi di gravità

Problema Livello assegnato dagli sperimentatori

1 L’aspetto social dell’applicazione non è facilmente intuibile. 5

2 Se la ricerca comprende l’unione di due linee differenti (sia per metro che per treno)  non viene trovato alcun risultato.

5

3 Le impostazioni non sono facilmente raggiungibili. 2

4 Le icone autobus, metro, treno e tram non sono facilmente distinguibili. 3

5 Pin troppo vicini sono difficili da cliccare 4 6 I nomi delle fermate sono riportati in modi differenti

(Milano Lambrate, Repubblica, Garibaldi) 4

7 Il pulsante Cerca non è facilmente individuabile 4

Page 27: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

RISULTATI DEL QUESTIONARIO Confronto tra le nostre valutazioni e quelle dei soggetti intervistati

Page 28: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

CONFRONTO PUNTEGGI DI GRAVITÁ

Problema Livello assegnato dagli sperimentatori

Media punteggi attribuiti dai

soggetti

1 L’aspetto social dell’applicazione non è facilmente intuibile. 5 4,4

2 Se la ricerca comprende l’unione di due linee differenti (sia per metro che per treno)  non viene trovato alcun risultato.

5 4,3

3 Le impostazioni non sono facilmente raggiungibili. 2 1,8

4 Le icone autobus, metro, treno e tram non sono facilmente distinguibili. 3 3,3

5 Pin troppo vicini sono difficili da cliccare 4 3,8 6 I nomi delle fermate sono riportati in modi differenti

(Milano Lambrate, Repubblica, Garibaldi) 4 4,9

7 Il pulsante Cerca non è facilmente individuabile 4 1,8

Page 29: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

CONFRONTO PUNTEGGI DI GRAVITÁ

0  

1  

2  

3  

4  

5  

6  

Aspe-o  social   Risultato  percorsi  con  cambio  

Impostazioni   Icone  mezzi  simili   Pin  difficli  da  cliccare  

Disomogeneità  nomi  stazioni  

Pulsante  cerca  

medie  m  

medie  f  

sperimentatori  

Maggiore differenza punteggio di gravità

soggetti/sperimentatori

Maggiore differenza maschi/femmine

Maschi, femmine e sperimentatori

Page 30: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

0  

0,5  

1  

1,5  

2  

2,5  

3  

3,5  

4  

4,5  

5  

1   2   3   4   5   6   7  

Punt

egg

io a

ttrib

uito

Domande

utilizza app concorrenti���

non utilizza app concorrenti���

Utenti e non di app concorrenti CONFRONTO PUNTEGGI DI GRAVITÁ

Utenti app concorrenti: abituati a icone più distinguibili Non utenti di app concorrenti: più grave l’impossibilità di cliccare su pin troppo vicini

4 à Icone mezzi simili 5 à Pin troppo vicini  

Page 31: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

MASCHI VS FEMMINE

4/5 maschi usano app concorrenti 4/5 femmine non usano app concorrenti

Page 32: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

PROBLEMI RISCONTRATI DAI SOGGETTI

Problemi già considerati nella valutazione esperta Frequenza Nuovi problemi Frequenza

Non trova la stazione di Milano Porta Garibaldi a causa dei

nomi non omogenei. 10

Non riesce a fermare il tragitto per tornare alla pagina iniziale a

causa dell’icona poco chiara. 6

Non trova immediatamente il pulsante “Cerca” perché si

aspetta di trovarlo in un'altra posizione.

6

Non capisce cosa fare dopo aver selezionato la fermata

perché non viene automatico cliccare su sulla freccia per

tornare indietro.

4

Non trova il pulsante “Impostazioni” a causa dell’icona poco chiara.

5 Cerca di inserire il nome della stazione nello spazio bianco sopra l’elenco delle stazioni.

1

Non riesce a trovare la fermata del tram a causa delle icone

troppo simili. 4

Non trova “Segnala percorso alternativo” 3

Page 33: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ASPETTI POSITIVI

Aspetto Frequenza

Salvataggio delle impostazioni “Casa” “Lavoro” e destinazioni

salvate in precedenza. 5

Possibilità di avere informazioni sui mezzi di trasporto di varie

aziende in un'unica applicazione 5

Navigazione 4

Possibilità di visualizzare gli orari cliccando sull’icona delle fermata

sulla mappa. 3

Possibilità di inserire in automatico la fermata come destinazione 1

Page 34: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

CONCETTI TEORICI Applicati a Moovit e ai risultati ottenuti

Page 35: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

COMPONENTI DI USABILITÀ

" Learnability

"   Efficacia

"   Efficienza

" Memorability

"   Errori

"   Soddisfazione

Quanto è facile per gli utenti imparare a usare Moovit?

L’utente riesce a portare a termine i task?

L’utente impiega uno sforzo cognitivo eccessivo nell’usare l’app?

Quando l’utente riutilizza il prodotto dopo un lungo periodo di inutilizzo, quanto facilmente riesce a riprendere confidenza con il suo funzionamento?

Quanti errori fa l’utente, di che gravità, e con quanta facilità si può rimediare all’errore commesso?

Quanto è piacevole utilizzare Moovit?

Page 36: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ALTRE COMPONENTI QUALITATIVE

Perceived affordances di Donald Norman

Limiti fisici: dimensione schermo, scelta font

Vincoli culturali: gesture, scroll bar

Page 37: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

6 PRINCIPI DEL GRAPHIC DESIGN

"   Convenzioni (icone)

"   Uso di parole (da Naviga a Pianifica)

"   Metafore (mano per fermare l’itinerario)

"   Modello concettuale (meccanismo ripetuto)

"   Visibilità (visibili le parti rilevanti)

"   Feedback (eccezione: “Il percorso non esiste”)

Page 38: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

SOLUZIONI Le nostre proposte per risolvere i problemi riscontrati

Page 39: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ASPETTO SOCIAL POCO VISIBILE

Più visibilità all’aspetto social

Utilizzo quotidiano da parte degli utenti

Maggior numero di dati

"  Visibile all’apertura dell’applicazione

"  Collegamento ai social più importanti

"  Possibilità di aggiungere gli amici

" Gamification

"  Accordi commerciali con Atm/Trenord per sconti su

biglietti e abbonamento

Page 40: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

PIN TROPPO VICINI NON SI RIESCONO A CLICCARE

"  Permettere lo zoom finché un pin si distanzia sufficientemente dall’altro

"  Rendere i pin visibili anche quando si

rimpicciolisce la mappa

Page 41: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

PROBLEMI DELLA SEZIONE PIANIFICA

Pulsante Impostazioni poco intuibile Pulsante Cerca poco visibile

Page 42: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

NOMI DELLE STAZIONI NON OMOGENEI

Disomogeneità nomi Difficoltà nella ricerca

Città Nome

Chiasso

Lecco

Milano Centrale

Milano Porta Garibaldi

Milano Repubblica

Milano Villapizzone

Varese

Page 43: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ICONA “FERMA TRAGITTO” POCO INTUIBILE

Page 44: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

RICERCA DELLE STAZIONI TROPPO IMPEGNATIVA

Elenco delle stazioni troppo lungo Eccessivo impegno nella ricerca

Page 45: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

AVVISO SCOMPARE TROPPO VELOCEMENTE

Inserimento del pulsante per la chiusura del messaggio nella parte superiore destra dell’avviso, affinché sia l’utente a decidere quando chiudere l’avviso e iniziare la navigazione.

Page 46: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

NON VENGONO RIPORTATE SOLUZIONI CON CAMBIO

Messaggio di errore “Il percorso non esiste”

L’utente crede che non sia possibile raggiungere

quella stazione/fermata

Page 47: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

ICONE DEI MEZZI SULLA MAPPA DIFFICILI DA DISTINGUERE

Mezzo di trasporto Icona

Autobus

Tram

Treno

Metropolitana

Page 48: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

PULSANTE “SEGNALA IL PERCORSO” POCO VISIBILE

Page 49: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

CONCLUSIONI

"   Big Data

"   Integrazione di tutti i mezzi di trasporto

pubblico milanese

"   Migliorie per quanto riguarda usabilità e

user experience

" Gamification & Sviluppo Componente Social

Page 50: Moovit - Analisi di Usabilità e User Experience dell'app per il trasporto pubblico milanese

GRAZIE

Giulia Belloni Paola Re