Unsucking the DC Metro Farecard Machines Jes Koepfler, Consultant, Smart Design May 10, 2010 Image Source:

Slides:



Advertisements
Similar presentations
Your Trade Exchange And
Advertisements

Planning Your web content
The Art of PowerPoint, Part 3: Accessibility and the Web Sean Keegan April 21, 2008 For audio call Toll Free and use PIN/code
Tucsons Seamless Regional Fare System. Smart Card System SunGO Smart Card Products Replace all Magnetics Individual, Organization, Administrative Websites.
FLAT TOUCH SCREEN BUS STATION INFORMATION TICKET KIOSK.
Metro Redesign Prototype By Sargam Aggarwal for WMATA Authorities.
A Producer’s Guide to Chubb’s SMART Application Platform
CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:
Responsive Web Project Source: ©2013
1 Teaching the Web in Under an Hour Mary Ellen Bates Bates Information Services
Presented by: Jennifer Fischer EDA 624 Summer 2012.
Customers Request the Darndest Things* 10 Challenges for VUI Designers Eduardo Olvera User Interface Designer.
User-Centered Design Lesson 4. Revise Market Size Calculation Revise your market size calculations based on the feedback you got from your mentor and.
Technovation User-centered Design Week 3. Check-in: survey Now you have survey results from ~20 people Stand up as a team and share interesting results.
Prototyping: What? Why? and How? Emma J. Rose UW Technical Communication.
© Mailbarrow Spreadsheet Professional Getting Your Spreadsheet Numbers Under Control A 5 minute presentation by Mailbarrow
2.7.1.G1 © Family Economics & Financial Education – December 2005– Get Ready to Take Charge of Your Finances – Electronic Banking Bonanza – Slide 1 Funded.
1 COMM 1213 H1 COMP 4923 X1 HTML Page Structure and Navigation (Readings: Ch. 5 Lazar)
Travel & Expense Initiative… Final Boarding Call!.
Interactive High-End Touchscreen Information Systems TOYOTA 2005.
Human Centred Design of a smart phone alert application for drivers Annie Pauzié, Ifsttar/LESCOT, France
1.2.2.G1 © Take Charge Today – Revised May 2010 – Electronic Banking Bonanza – Slide 1 Funded by a grant from Take Charge America, Inc. to the Norton School.
Sizing Up the Best White Board Apps Kim Boyd and Kay Cole FBISD Digital Learning Department.
Anne Bowser Please see slide 11 for photo credit..
Blogs – what, why and how? A blog is a web-log It is a simple website that anyone can setup without any advanced computer know-how It’s the future: blogs,
Every Door Direct Mail Going Old School for New Results Brought to you by: YOUR NAME – COMPANY NMLS# - PHONE NUMBER ADDRESS.
Usability Driven GUI Design Portal as a Gateway to Intranet Resources Matthew Winkel Usability Analyst.
Web 2.0 Testing and Marketing E-engagement capacity enhancement for NGOs HKU ExCEL3.
Asian Paints– Mobile Website m.asianpaints.com. Project Description  Considering the unique and omnipresent nature of the mobile device, Asian Paint’s.
Transit Benefits Transit Benefits T RAN S ERVE. TRANServe’s Mission TRANServe’s Mission To support and promote the use of mass transportation programs.
PHP Basics Polly, Sanser and Young R547, Fall 2002.
LESSON #3 WEB DESIGN. WHAT IS WEEBLY? Weebly.com is web 2.0 like online site builder with some advanced features. Is the perfect tool for creating classroom.
Buying and Selling Items on eBay and Craig’s List Computer and Technology Group May 15, 2008.
The New Medical Device Audio & Video Player The interactive learning tool that is full of possibilities! from CMO Digital.
Work Samples. Case Study : Ettika Project Name: Ettika Online Jewellery Store
“Come on! Give me ten!” What users really want and really do on library web sites Darlene Fichter OLA Super Conference 2003.
System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using.
Blackboard 9.1 Presented by: Kim Shaver Associate Director of Educational Technology Assisted by : Alicia Harkless, Educational Technology Specialist,
Introduction Position your online or offline business Quickly and safely grow a huge army of potential clients Productively interact with your new and.
Electronic Commerce BBA (Hons) ( ) (Website Designing and Publishing) By: Farhan Mir.
Be First… Be Innovative… The Next Step to Differentiation.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
Web Strategies for Effective Marketing Results Presenter: Jonathan Buyco, The Active Network.
Towards a better Metro Fare Card Machine By: Bhumi Deliwala By: Bhumi Deliwala Final Project: LBSC 795.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Interface Design Natural Design. What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and.
Prepared by: DECEMBER 2008 Metro Transit Light- Rail and Bus Rider Survey FINDINGS AND RECOMMENDATIONS PERISCOPE.
Analysis of U-scan machines Group 4 Olivia Tran Jamie Tran Josh Wortman Calvin Hsu Oscar Guerrero Shawn Flynn Andrew Wong Todd Espiritu Santo.
Website Checklist for Retail Garden Centers Timothy Howard Clarity Connect, Inc. Holly Springs, NC (919)
Web Design with HTML & CSS Lesson 1. Planning Your Website   Good design comes from decisions that designers make in order to have a certain effect.
September 29, 2011 Case Study: Usability Testing for IT Training Website Redesign Project Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne.
Usability Testing & Web Design by Alex Andujar. What is Usability? Usability measures the quality of a user's experience when interacting with a Web site,
Part 1 Singing on and finding your Department  Its very simple to sign on to Content M. Your address will be your Ysu Banner and the password.
Usability testing: A reality check for Plain Talk A brief overview October 7, 2008 Dana Howard Botka Manager, Customer Communications, L&I Plain Talk Coordinator,
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
Grade Book Database Presentation Jeanne Winstead CINS 137.
Social Media: The Basics Teresa Marks School Community Oral Health Conference Friday, October 16, 2015.
Internet Advancement Ore-Ida Council Boy Scouts of America.
Web Page Design 2 Information Technology Web Page Design This presentation will explore: creating professional web sites page content interactivity & navigation.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
We looked at these two presentations and talked about the structure of setting up the table.
Oct 8, 2013 Presentation Lead by -- John Schott, President and CEO, TWI Lunch and Learn Utility e-Billing / e-Payment Programs Sponsor: The Alliance for.
Project Objectives Lay out Web pages Create layers
Katherine Prentice, MSIS Richard Usatine, MD
Fast Action Links extension A love letter to CiviCRM
Web Design Essentials: The Design Process
Accessibility.
Presentation transcript:

Unsucking the DC Metro Farecard Machines Jes Koepfler, Consultant, Smart Design May 10, 2010 Image Source:

Image Source: Image Source: Landscape Review - People like to touch things Image Source: Image Source: content/uploads/2009/07/layers-of-painting.jpg Photo courtesy of Dana Morrissey Photo by Dana Morrissey Fore more on touchscreens:

Funneled Approach to Needs Analysis Photo by Jes A. Koepfler

Expert Review with Station Manager (n=1) Photo by Jes A. Koepfler

Unobtrusive Observations (n=20) Photo by Jes A. Koepfler

Lots of confused people Information Overload 3 “Steps” 87 Stations 3 Fare Types 11 Debit/Card Types 3 Machine types 5 Purchasing options 3 Slots 3 Pass options Photo by Jes A. Koepfler

Information Overload 671 WORDS! Photo by Jes A. Koepfler

Viral Web Survey

4 Closed Questions – Experience – Frequency of use – Satisfaction – List of possible negative experiences 8 Open-ended Questions – Most recent experience – Tasks trying to achieve – Improve experience – Challenges – One thing to change – Ideas for change – Like best – Anything else 5 Demographic Questions – Gender – Age – Living environment – Primary method of trans – Closest metro system N=118 in less than 48 hours

Sample Description (n=118)

Results - Experiences

Results - Challenges “I thought I knew what I was doing, but I had some trouble hitting the right button to complete the ‘sale’” “I am doing this rarely enough to always feel anxious.” “Someone needs to help the poor tourists.” “I’m very familiar with the machines so rarely have problems. Even now, though, I do have to read the instructions since many of the steps aren’t intuitive.” “Overall, a real subpar experience.” “Can’t we have some tourist only machines?” “I hate having to calculate fares in DC – it’s so annoying! I lived in NYC for 3 years and I’d honestly rather pay $2 per trip than by distance.”

“Anywhere within DC is the same price, right? So if that is the case, why show every possible price point?” Results - Changes “If they could package the attendant in the machine, that would be best.” “Signs saying Smartrip card lines only. This would separate uninformed casual riders vs. Smartrip carriers who know how to efficiently navigate their way through the Metro.” “Everything blurs and I end up looking around for the appropriate button even though I have used the machine 100 or more times.” “I’m not so concerned about the farecard machines as I am my train crashing and burning in a horrible conflagration.” “Design it easy to use with a touch screen like the modern Bank of America ATM.” “Kick WMATA swiftly in the backside to get technology that has been around since 2000.”

Results – Challenges & Changes

Data-driven Design - Early mock-up of metro station *Increased number of machines *Two different user areas and info architecture– commuter and visitor *All machines take same things (cash, cc, farecards, etc.) *Improved signage and use of color to drive user traffic *Spatial layout to reduce stress for Novices and increase efficiency for Experts and Advanced users Photo by Jes A. Koepfler

Data-driven Design – Early mock-up of info architecture *Streamlined info architecture for commuters and visitors *Interactive map calculates fare automatically for user *Smart Benefits and account balances can be checked and managed online Photo by Jes A. Koepfler *Automatic processor upgrades for all machines

Data-driven Design - Paper prototype for evaluation 47 words (624 fewer than the original) *Updatable LED screens for alerts, farecard machine sign, and directional signage *Static nav on all pages of interaction: back, audio, enter, cancel, backspace, help *One card swipe area for all card times Photo by Jes A. Koepfler

Evaluation – Scenario-based testing of central innovations Beyer, 2003, Paper Prototyping in the Large, the-large/ Photo by Jes A. Koepfler

Evaluation – Summary of findings Photo by Jes A. Koepfler “It’s so simple, really an excellent layout.” “Obviously, it’s set up in your home, but it split off [commuter/visitor] early, so I didn’t feel rushed.”

Next Steps – Future testing & design  Future testing should be conducted with the next level of prototype fidelity – a working link-based system set up in a Metro station with actual Metro users.  Testing should occur with marginal audiences – those not represented by the survey and testing, including the elderly, those in wheel chairs, and other specialized groups.  Signage and placement of signage would need to be tested during both crowded and low-volume periods.  Develop the associated mywmata.com site and test for the online/on-site cohesiveness  Testing various setups of the machine areas: a bility to switch machines between types based on time of day – 7-10am, 4-8pm, Metro controlled, or by user  Apply the actual color scheme and finalize machine dimensions.

Thank you Farecard is broken who do I ask for help now kiosk man sleeps sound -Mike B. My ride this morning delivered me safely and on time. I just drove. -Roma SmartTrip is not smart. FareCard's not fair. What of the Center of the car? -Anonymous Source:

Additional Results Slides Follow

Results - Satisfaction

Results – What users appreciate