Designing a Card Swipe Machine
description
Transcript of Designing a Card Swipe Machine
![Page 1: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/1.jpg)
Designing a Card Swipe MachinePaul Ritchey
Tanaya Nalavade
![Page 2: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/2.jpg)
Why the card swipe machine?◦ Frequently used◦ Current designs have room for improvement
Background
![Page 3: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/3.jpg)
Administered online questionnaire◦ n = 47
Often use card swipe machine Often or Always use debit/credit cards Card preferred over cash English generally first language Around 50% have corrected vision No one was color blind
Understanding the User
![Page 4: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/4.jpg)
Collected user comments on existing machines
Task Analysis / Contextual Observations
Issues Possible SolutionMixed user input method Only use one method for inputCard swipe diagrams unclear Create a clear diagramUnlabeled / Unclear function of buttons
Label buttons
Button Mapping with displayed options
Buttons are encircled with the option on the display
When to use which button Use color and illuminate buttons that can be used.
![Page 5: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/5.jpg)
![Page 6: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/6.jpg)
Ease of Use◦ No more than 1 error per task for a novice user◦ Task times less than 30 seconds
All buttons shall be physical Design shall utilize color
◦ Enter = Green◦ Cancel = Red◦ Clear = Yellow
Buttons shall illuminate when usable Screen displayed options shall be graphically connected to their
corresponding physical buttons Buttons should be labeled
Usability Goals & Requirements
![Page 7: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/7.jpg)
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
SWIPE CARD TO START[DIAGRAM ABOUT SWIPING THE CARD]
Prototype Version 1
![Page 8: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/8.jpg)
3
6
9
2
87
54
1
CHOOSE PAYMENT TYPE
ENTER
CLEAR
CANCEL
Debit
Credit
![Page 9: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/9.jpg)
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER PIN
**
![Page 10: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/10.jpg)
Users told to complete a debit transaction use the prototype◦ Record task time◦ Errors◦ And any comments
19 users tested
Testing the Design
![Page 11: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/11.jpg)
Debit Transaction◦ Avg Time: 24.7 seconds◦ Only Pin Errors
User Comments◦ “no zero key”◦ Easy to use◦ Over all well accepted◦ Not all the buttons lit up
Results
18 19 20 21 22 23 24 25 26 27 28 29 30 31 320
1
2
3
4
Prototype v1Task Time for Debit Trans-
action
Task Time in SecondsN
umbe
r of
Par
tici
pant
s
![Page 12: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/12.jpg)
Creation of prototype Version 2◦ Added swipe example diagram◦ Button illumination extended to Enter, Cancel,
and Clear◦ Added a zero key◦ Fixed task order problem
Prototype Version 2
Revisiting the Design
![Page 13: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/13.jpg)
User testing protocol changes◦ Asked to perform both tasks◦ Exploring the prototype◦ Semi-Structured interview
Small sample size (n = 5) Over all positive response No card swipe errors Task Times (avg)
◦ Debit = 15◦ Credit = 12.6
V2 User Testing Results
![Page 14: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/14.jpg)
Validation of design changes◦ Progress bar◦ Illumination of buttons
User Comments and Issues◦ Zero did not illuminate◦ “Shouldn’t use ‘!’”◦ “Swipe diagram is good”◦ Should standardize text◦ “Card Diagram might be too unrealistic”
V2 User Testing Results
![Page 15: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/15.jpg)
Language support Card Diagram
◦ Use real image Font standardization Zero illuminates
Prototype V3
![Page 16: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/16.jpg)
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
0
SWIPE CARD TO START
en Español
![Page 17: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/17.jpg)
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
CHOOSE PAYMENT TYPE Debit
Credit
0
![Page 18: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/18.jpg)
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER YOUR PIN
0
![Page 19: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/19.jpg)
User Profile Task Analysis Usability Requirements Create First Prototype User Testing Create Second Prototype User Testing Create Third Prototype
Summary of Project
![Page 20: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/20.jpg)
Questions?!
![Page 21: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/21.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
SWIPE CARD TO START
0
![Page 22: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/22.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1
CHOOSE PAYMENT TYPE
ENTER
CLEAR
CANCEL
Debit
Credit
0
![Page 23: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/23.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER PIN
0
![Page 24: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/24.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER PIN
*
0
![Page 25: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/25.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER PIN
**
0
![Page 26: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/26.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER PIN
***
0
![Page 27: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/27.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
PRESS ENTER TO PROCEED
****
0
![Page 28: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/28.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
IS THIS AMOUNT CORRECT ? $15.46
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
Yes
No
0
![Page 29: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/29.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
PROCESSING
0
![Page 30: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/30.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
PROCESSING
0
![Page 31: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/31.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
PROCESSING
0
![Page 32: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/32.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ACCEPTED
0
![Page 33: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/33.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
TRANSACTION COMPLETEDTHANK YOU !
0
![Page 34: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/34.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
0
SWIPE CARD TO START
![Page 35: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/35.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1
CHOOSE PAYMENT TYPE
ENTER
CLEAR
CANCEL
Debit
Credit
0
![Page 36: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/36.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER PIN
*
0
![Page 37: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/37.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER PIN
**
0
![Page 38: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/38.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
ENTER PIN
***
0
![Page 39: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/39.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
PRESS ENTER TO PROCEED
****
0
![Page 40: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/40.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
IS THIS AMOUNT CORRECT ? $15.46
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
Yes
No
0
![Page 41: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/41.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
PROCESSING
0
![Page 42: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/42.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
PROCESSING
0
![Page 43: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/43.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
PROCESSING
0
![Page 44: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/44.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
INCORRECT PIN NUMBER
0
![Page 45: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/45.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
0
SWIPE CARD TO START
![Page 46: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/46.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1
CHOOSE PAYMENT TYPE
ENTER
CLEAR
CANCEL
Debit
Credit
0
![Page 47: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/47.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
TRANSACTION CANCELED!
0
![Page 48: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/48.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
0
SWIPE CARD TO START
![Page 49: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/49.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1
CHOOSE PAYMENT TYPE
ENTER
CLEAR
CANCEL
Debit
Credit
0
![Page 50: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/50.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
TRANSACTION COMPLETEDTHANK YOU !
0
![Page 51: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/51.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1 ENTER
CLEAR
CANCEL
0
SWIPE CARD TO START
![Page 52: Designing a Card Swipe Machine](https://reader035.fdocuments.us/reader035/viewer/2022062222/56815b38550346895dc90e23/html5/thumbnails/52.jpg)
JOH
N JACO
B DO
E06/13
1654 6874 9687 9846
3
6
9
2
87
54
1
CHOOSE PAYMENT TYPE
ENTER
CLEAR
CANCEL
Debit
Credit
0