design refinement - mbta kiosk redesign project

13
Eiffel65 Dan Elg, Matt Huang, Rachael Stedman, Sarah Waskom

Upload: mtthg

Post on 06-Jul-2015

819 views

Category:

Technology


1 download

DESCRIPTION

This is the slide deck we used when giving our design refinement presentation for our Human Factors of Interface Design course at Olin College of Engineering. Team Eiffel65: Matt Huang Dan Elg Rachael Stedman Sarah Waskom

TRANSCRIPT

Page 1: Design Refinement - MBTA Kiosk Redesign Project

Eiffel65

Dan Elg, Matt Huang,

Rachael Stedman, Sarah Waskom

Page 2: Design Refinement - MBTA Kiosk Redesign Project

Team Eiffel65

• Project Goal

• Our Greatest Challenge

• Prototype Demo

• Personas

• Design Decisions

• Usability Test Learnings

• Next Steps

Page 3: Design Refinement - MBTA Kiosk Redesign Project

redesign the mbta kiosks

Page 4: Design Refinement - MBTA Kiosk Redesign Project

kiosk user goal

get from point A…

…to point B

Page 5: Design Refinement - MBTA Kiosk Redesign Project

purpose of mbta kiosks

I am at point A and I want to get

to point B

Kiosk

Want Need

Translation

Fare you need to get to point B

I want this fare type and amount

Kiosk

Financial Transaction

Fare you need to get to point B

OR

Page 6: Design Refinement - MBTA Kiosk Redesign Project

disjoint user groups

what regular

users need

what infrequent users need

financial transaction

want to need translation

user interface tasks

Page 8: Design Refinement - MBTA Kiosk Redesign Project

personas

Chris the Commuter

Ted the Tourist

disjoint

Frankie the Freshman

Sally the Sporadic

in-focus

out-of-focus

Page 9: Design Refinement - MBTA Kiosk Redesign Project

Chris the Commuter

• Quickly add value to CharlieCard

• Occasionally buy a monthly pass

• Figure out directions

• Determine fare prices

• Buy cheapest fare

Ted the Tourist

disjoint tasks

Page 10: Design Refinement - MBTA Kiosk Redesign Project

design decisions

Page 11: Design Refinement - MBTA Kiosk Redesign Project

usability test learnings

Page 12: Design Refinement - MBTA Kiosk Redesign Project

usability test learnings

auto-appearing keyboard

merge screens

find address find station

find attraction

Page 13: Design Refinement - MBTA Kiosk Redesign Project

next steps

different experience for each user type

“Most of our issues were related to

recoveringfrom errors and/or

providing users with more control.“

-heuristic evaluation