Route: 

Stop: 

Welcome to

Route: 

Stop: 

201

18355: Sheridan & Haven

13:15

13:30

13:45

Current estimation:

3 mins delay

Wait at the stop before:

13:29

  • Pay $2 first
  • Refundable if you miss the bus
  • Extra $5 compensation if you strictly follow the timeline above

Route: 

Stop: 

201

18355: Sheridan & Haven

ETA: 

13:33

Wait Before: 

13:29

Successfully Booked

Your GPS status

stop

you

not ready

Route: 

Stop: 

201

18355: Sheridan & Haven

ETA: 

13:33

Wait Before: 

13:29

Successfully Booked

Your GPS status

you

waiting

Route: 

Stop: 

201

18355: Sheridan & Haven

ETA: 

13:33

Wait Before: 

13:29

Successfully Booked

Your GPS status

on board

Route: 

Stop: 

201

18355: Sheridan & Haven

ETA: 

13:33

Wait Before: 

13:29

Successfully Booked

Your GPS status

bus missed

Eligible for $5 compensation

Route: 

Stop: 

201

18355: Sheridan & Haven

13:15

13:30

13:45

Current estimation:

3 mins delay

Wait at the stop before:

13:29

  • Pay $2 first
  • Refundable if you miss the bus
  • Extra $5 compensation if you strictly follow the timeline above

(no more than 8 mins)

Route: 

Stop: 

201

18355: Sheridan & Haven

ETA: 

13:33 ~ 13:38

Wait Before: 

13:29

Successfully Booked

Your GPS status

stop

you

not ready

From: 

To: 

3574: Old Orchard Mall - Macys

18355: Sheridan & Haven

Safest

Fastest

stop1

you

stop2

Bus Driver's View

Passenger's View

You are late by 2 mins

No passengers in the next 3 stops

Please try to SPEED UP

The bus is estimated 2 mins delayed

Suggested to wait at stop before

13:29

Meeting Scheduling

Target users: students

Trip Planning

Target users: exchange students

Task: planning a trip in a city

(existing system: Google Map?)

Dining Hall Menu

Target users: students living on campus​

Meeting Scheduling

Target users: students (my friends)

Evaluate

Interview with my friends to do think aloud on 3 tasks

  1. Create an event to schedule meeting
    • Submit own availability
  2. Pick a meeting time based on group's availability
  3. Pick a meeting time under other conditions

(tasks are done on mobile device)

Evaluate - Result

Evaluate - Result

Evaluate - Result

Design

Ideation

  • Mode Switch
    • Stepper: edit ➡️ view ➡️ control
    • Tabs
  • Scrollbar
    • A button switch between scroll and drag
    • Arrow indicators
  • View Control
    • Accordion layout
    • Unified modal

Prototype

(with presentation app)

Mode Switch with Tabs

Edit

Control

View

Prototype

(with presentation app)

Scrollbar Indicator

Prototype

(with presentation app)

Accordion View Control

Highlights

Pin & weights

Next Step

Second round interview to gain feedback on the improved design

Human Computer Interaction

By thomaswang2003

Human Computer Interaction

  • 28