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
System: w2m.wang.works
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
System: dineoncampus.com
Meeting Scheduling
Target users: students (my friends)
System: w2m.wang.works
Evaluate
Interview with my friends to do think aloud on 3 tasks
- Create an event to schedule meeting
- Submit own availability
- Pick a meeting time based on group's availability
- 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