134
Università degli studi di Salerno Dipartimento di Studi e Ricerca Aziendale (Management & Information Technology) Corso di Laurea Magistrale in Tecnologie Informatiche e Management Finalists Alessandro Longo, Davide De Chiara, Elisa D’Eugenio, Gemma Catolino

Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Embed Size (px)

Citation preview

Page 1: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Università degli studi di SalernoDipartimento di Studi e Ricerca Aziendale (Management & Information Technology)Corso di Laurea Magistrale in Tecnologie Informatiche e Management

Finalists

Alessandro Longo, Davide De Chiara,Elisa D’Eugenio, Gemma Catolino

Page 2: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 3: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 4: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 5: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

GemmaCatolino

ElisaD’Eugenio

DavideDe Chiara

AlessandroLongo

Team & Speaker

Page 6: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

GemmaCatolino

Team & Speaker

Page 7: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Context

Team & Speaker

Page 8: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

ElisaD’Eugenio

Team & Speaker

Page 9: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

GoBus

Team & Speaker

Page 10: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

AlessandroLongo

Team & Speaker

Page 11: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Demo &Testing

Team & Speaker

Page 12: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

DavideDe Chiara

Team & Speaker

Page 13: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Usability Testing

Team & Speaker

Page 14: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Context

Page 15: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Some statistics

Page 16: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

50% of young people use public transport

Some statistics

Page 17: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

?What are the problems

Page 18: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Update information

Page 19: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Viewing Issue

Page 20: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

?

Page 21: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 22: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Competitors

Page 23: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…Focus on

Page 24: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Real Time Feedbacks

…about

Page 25: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Real Time Feedbacks

…about

Stops

Page 26: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Real Time Feedbacks

…about

Seatings

Stops

Page 27: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Real Time Feedbacks

…about

Seatings

Stops

Punctuality

Page 28: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

?

Page 29: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

?Will this servicealways be reliable

Page 30: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…changing point of view

Page 31: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Applicazione Mobile Windows Phone

Page 32: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Applicazione Mobile Windows Phone

Page 33: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Transport as a “Service”

Page 34: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Goals

Page 35: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Users

Page 36: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Company

Page 37: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Innovation

Page 38: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

= +

Business

Page 39: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Timeline

Page 40: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

START

01-04RAD

Page 41: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

START

18-04Prototype interfaces

Page 42: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

START

14-05Full prototype

Page 43: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

START

16-051 Testing Usability

Page 44: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

START

28-052 Testing Usability

Page 45: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

START

Plan trip

Page 46: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Vetrina App

Gestionale

Web Service

Database

App

UsabilityTesting

GraficaApp

Documentation

Page 47: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 48: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Requirements

Page 49: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

• Registration

• Login• Account

Requirements

Page 50: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

• Login

Requirements

• Registration

• Account

• Stops

• Trips• Routes

Page 51: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

• Stops

• Trips

Requirements

• GTFS data

• News

• Favourites

• Routes

• Login

• Registration

• Account

Page 52: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 53: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 54: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

90 Routes

Page 55: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

90 Routes

3.000 Trips - Stops

Page 56: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

90 Routes

3.000 Trips - Stops

46.000 Calendar Dates

Page 57: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

90 Routes

3.000 Trips - Stops

110.000 Stop Times

46.000 Calendar Dates

Page 58: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

90 Routes

3.000 Trips -

110.000 Stop Times

46.000 Calendar Dates110Provinces

Page 59: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

FASTER

Page 60: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

SCALABILITY

Page 61: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Before

Page 62: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

+ Why?

Page 63: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Event driven

+Easy to Develop Web Service

Page 64: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Json dataSpeed reading

Event driven

+Easy to Develop Web Service

Page 65: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Classic Model

Page 66: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

LoadBalancing

Page 67: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about Database

Page 68: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

GTFSGeneral  Transit  Feed  Speci1ication

Page 69: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about GoBus

Page 70: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about GoBus

Page 71: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about GoBus

Page 72: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about GoBus

Page 73: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about GoBus

Page 74: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about GoBus

Page 75: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about GoBus

Page 76: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

…about GoBus

Page 77: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Deployment Diagram

Page 78: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 79: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

TESTING

Page 80: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Manually produced Oracle

Output

Testing the web service

compared with

Page 81: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Manually produced Oracle

Output

Testing the web service

is equal to

Page 82: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Manually produced Oracle

Output

Testing the web service

is equal to

Page 83: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Manually produced Oracle

Output

Testing the web service

is not equal to

Page 84: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Manually produced Oracle

Output

Testing the web service

is not equal to

Page 85: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Testing the mobile app

Unit Testing

BUILD TEST

Page 86: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Testing the mobile app

Functional testing

Page 87: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Testing the mobile app

Usability testing

Fail EasyUsability

Page 88: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Why?“Usability is like oxygen. You don’t notice it

until it’s missing”

“1 $ spent in usability results in a return of 30.25 $“

Usability Testing Design

Usability and the bottom line [Donahue]

Usability is good business [Donahue et al.]

Page 89: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Efficacy

Comprehension

Page 90: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Verify Usability?

Page 91: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Verify Usability?

Nielsen’s Ten Usability Heuristics

Page 92: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Verify Usability?

Nielsen’s Ten Usability Heuristics

Empirical Evaluation choosing a competitor

Page 93: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Verify Usability?

Nielsen’s Ten Usability Heuristics

Task Analysis

Empirical Evaluation choosing a competitor

Page 94: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Verify Usability?

Task Analysis

Empirical Evaluation choosing a competitor

Nielsen’s Ten Usability Heuristics

Page 95: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Visibility of system status

User control and freedom

Match between system and the real world

Consistency and standards

Error preventionRecognition rather than recall

Flexibility and efficiency of use

Aesthetic and minimalist design

Help users recognize, diagnose, and recover from errors

Help and documentation

Page 96: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Verify Usability?

Nielsen’s Ten Usability Heuristics

Empirical Evaluation choosing a competitor

Task Analysis

Page 97: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Define Tasks?

Page 98: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Define Tasks?

3 tasks, one for all main functionalities of GoBus!

Page 99: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Define Tasks?

3 tasks, one for all main functionalities of GoBus!

Search and visualize stops of a route on the

map

Page 100: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Define Tasks?

3 tasks, one for all main functionalities of GoBus!

Search and visualize stops of a route on the

mapSearch and add routes

to favorites

Page 101: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Define Tasks?

3 tasks, one for all main functionalities of GoBus!

Search and visualize stops of a route on the

mapSearch and add routes

to favorites

Select and show a route from favorites

Page 102: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Measure Usability?

NOS Number of steps taken by the user

in performing a task

S/T Seconds required by the user

to perform a task

E/T Errors made by the user

in performing a task

Page 103: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Select Users?

10 Novice Users

10 Expert Users

Page 104: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

How Verify Usability?

Nielsen’s Ten Usability Heuristics

Task Analysis

Empirical Evaluation choosing a competitor

Page 105: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

CHOOSING THE COMPETITOR

Moovit is the one that approaching

the functionality of GoBus

Page 106: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Experimental Design

To reduce the conditioning factor we used the Within

Group Design

5 Novice users and 5 Expert users began testing Moovit

Page 107: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Organizing Tasks

1) Informative consent2) Pre-execution Survey

3) Task listWithin Group Design

NOSS/TE/T

4) Comprehension Survey

Pre-execution

Execution

Post-execution

Page 108: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

HOW STORE USER EXPERIENCE?

Organizing Tasks

1) Informative consent2) Pre-execution Survey

3) Task listWithin Group Design

NOSS/TE/T

Pre-execution

Execution

Post-execution

Page 109: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Think Aloud WITH FEEDBACK REPORTS

Organizing Tasks

1) Informative consent2) Pre-execution Survey

3) Task listWithin Group Design

NOSS/TE/T

Pre-execution

Execution

Post-execution

Page 110: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 111: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Task Analysis

Page 112: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Demographic Analysis

Page 113: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Demographic Analysis

Page 114: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Performance Analysis S/T

Page 115: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Performance Analysis S/T

Page 116: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Performance Analysis NOS

Page 117: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

User Feedbacks for Comprehension

3 Novice Users Wondered:“What is this icon?”

“What is the functionality?”

Page 118: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

4 Expert Users declared that this icons are not comprehensible

User Feedbacks for Comprehension

Page 119: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Empirical Evaluation choosing a competitor

Page 120: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Versus

Page 121: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Experimental Results

The average of steps necessary at the user to complete the task

Page 122: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Experimental Results

Page 123: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Experimental Results

Page 124: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Moovit interface is

more confused than the GoBus

interface

Experimental Results

Page 125: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Confirm Experimental Results

We had to prove that the test results were not casually derived, applying the One Tail t-test

One Tail t-test is applicable only if you are a normal distribution of data and the equality of

variance

Page 126: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Property Test Passed

Normal distribution of data Shapiro-Wilk test

Equality of variances Bartlett test

Confirm Experimental Results

Page 127: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Hypothesis 1

Confirm Experimental Results

Hypothesis 2

Page 128: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

p-value = 0.05

Null hypothesis was rejected, so we confirmed the test results!

Confirm Experimental Results

Page 129: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Confirm Experimental Results

Statistically Significant

p-value = 0.05

Page 130: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Conclusion and Future Work

Page 131: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Planning Trips Trasform Api in a library

Security System for Api calls

Accessibility for people with handicap

Page 132: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus
Page 133: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Thank you!

Page 134: Corso Interazione Uomo Macchina e Sviluppo Applicazioni Mobile - GoBus

Thank you! ?