Eiffel65<br />Dan Elg, Matt Huang, <br />Rachael Stedman, Sarah Waskom<br />
team eiffel65<br />Project Goal<br />User Needs<br />What We Made<br />How It’s Improved<br />What We Changed<br />Insight...
redesign the mbta kiosks<br />
kiosk user goal<br />get from point A…<br />…to point B<br />
purpose of mbta kiosks<br />I am at point A and I want to get to point B<br />Kiosk<br />Want  Need Translation<br />Fare...
disjoint user groups<br />user interface tasks<br />what regular users need<br />what infrequent users need<br />financial...
disjoint user groups<br />user interface tasks<br />what regular users need<br />what infrequent users need<br />Chris the...
Purchasing CharlieTicket<br />
1<br />2<br />Touch Screen<br />Main Options Carousel Screen<br />Tap CharlieCard<br />5<br />6<br />7<br />3<br />4<br />...
1<br />2<br />Touch Screen<br />Main Options Carousel Screen<br />Tap CharlieCard<br />5<br />6<br />7<br />3<br />4<br />...
before<br />
before<br />What’s a CharlieCard versus a CharlieTicket?<br />Why are the fare amounts taped to the machine?<br />What sto...
what we changed<br />visibility<br />customization<br />assume less knowledge<br />flattened hierarchy<br />
What We Changed<br />Visibility<br />Flattened Hierarchy<br />Customization<br />Assume Less Knowledge<br />
flattened hierarchy<br />after<br />before<br />
increased visibility<br />
assume less knowledge<br />
customization<br />
Left Some Things Alone!<br />
paper prototype insights<br />Initially designed for new users<br />Modified to accommodate regular users<br />Disjoint Us...
heuristic evaluation insights<br />
Upcoming SlideShare
Loading in...5
×

HFID Final Presentation

938

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
938
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HFID Final Presentation

  1. 1. Eiffel65<br />Dan Elg, Matt Huang, <br />Rachael Stedman, Sarah Waskom<br />
  2. 2. team eiffel65<br />Project Goal<br />User Needs<br />What We Made<br />How It’s Improved<br />What We Changed<br />Insights From Our Users<br />Major Takeaways<br />
  3. 3. redesign the mbta kiosks<br />
  4. 4. kiosk user goal<br />get from point A…<br />…to point B<br />
  5. 5. purpose of mbta kiosks<br />I am at point A and I want to get to point B<br />Kiosk<br />Want  Need Translation<br />Fare you need to get to point B<br />OR<br />I want this fare type and amount<br />Kiosk<br />Financial Transaction<br />Fare you need to get to point B<br />
  6. 6. disjoint user groups<br />user interface tasks<br />what regular users need<br />what infrequent users need<br />financial transaction<br />want to need translation<br />
  7. 7. disjoint user groups<br />user interface tasks<br />what regular users need<br />what infrequent users need<br />Chris the Commuter<br />Ted the Tourist<br />Frankie the Freshman<br />Sally the Sporadic<br />
  8. 8. Purchasing CharlieTicket<br />
  9. 9. 1<br />2<br />Touch Screen<br />Main Options Carousel Screen<br />Tap CharlieCard<br />5<br />6<br />7<br />3<br />4<br />LinkPass Options Screen<br />Commuter Rail Options<br />Screen<br />Destination Search<br />Screen<br />CharlieCard Options<br />Screen<br />CharlieTicket Options Screen<br />9<br />Directions<br />Screen<br />8<br />Other Amount<br />10<br />Fare Summary<br />Screen<br />11<br />Payments Screen<br />
  10. 10. 1<br />2<br />Touch Screen<br />Main Options Carousel Screen<br />Tap CharlieCard<br />5<br />6<br />7<br />3<br />4<br />LinkPass Options Screen<br />Commuter Rail Options<br />Screen<br />CharlieCard Options<br />Screen<br />CharlieTicket Options Screen<br />Destination Search<br />Screen<br />9<br />10<br />8<br />Directions<br />Screen<br />Other Amount<br />Fare Summary<br />Screen<br />11<br />Payments Screen<br />
  11. 11. before<br />
  12. 12. before<br />What’s a CharlieCard versus a CharlieTicket?<br />Why are the fare amounts taped to the machine?<br />What stop do I get off at if I want to go to the Quincy Market?<br />Why do I have to calculate my own fare?<br />
  13. 13. what we changed<br />visibility<br />customization<br />assume less knowledge<br />flattened hierarchy<br />
  14. 14. What We Changed<br />Visibility<br />Flattened Hierarchy<br />Customization<br />Assume Less Knowledge<br />
  15. 15. flattened hierarchy<br />after<br />before<br />
  16. 16. increased visibility<br />
  17. 17. assume less knowledge<br />
  18. 18. customization<br />
  19. 19. Left Some Things Alone!<br />
  20. 20. paper prototype insights<br />Initially designed for new users<br />Modified to accommodate regular users<br />Disjoint Users = Customization<br />
  21. 21. heuristic evaluation insights<br />
  22. 22. Heuristic Evaluation Insights<br />
  23. 23. if we had infinite time…<br />Boat Options Screen<br />Implement other screens<br />Monthly Bus Pass Screen<br />Monthly LinkPass Screen<br />Test on touch interface like iPad<br />
  24. 24. Biggest Achievement: Meeting the needs of disjoint user groups<br />MBTA information (fares, routes, special rates) is incorporated in the interface<br />No drastic changes<br />Minimal learning curve<br />
  25. 25. impact within limits<br />established standards hard to change<br />large user base is disjoint<br />focus on kiosk interface<br />
  26. 26. questions?<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×