a credit card walks into a bar... (cristiano betta)
TRANSCRIPT
@cbetta
A Credit Card Walks into a Bar...
by Cristiano Betta
1
Developer Advocate @braintree_dev
A talk on credit cards in eCommerce
@cbetta
@cbetta
@cbetta
Cristiano Betta
Developer Advocate Braintree_Dev.
@cbetta
@cbetta
@cbetta
@cbetta
Cristiano Betta
Developer Advocate Braintree_Dev.
@cbetta
Cristiano Betta
Developer Advocate Braintree_Dev.
@cbetta
Cristiano Betta
Developer Advocate Braintree_Dev.
@cbetta
@cbetta11
@cbetta12
@cbetta
@cbetta
@cbetta
I have a Cat
@cbetta
Who has a “special” condition
@cbetta17
@cbetta17
@cbetta
But he thinks he is the king of the house
@cbetta
@cbetta
Actually he has a kidney condition
@cbetta
People always want to see more photos and
videos
@cbetta
so...
@cbetta
I wrote an application that...
@cbetta
charges people money to see his face
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
I know what you are thinking...
@cbetta
I am an a**hole
@cbetta
I am actually raising money for his kidney
surgery
@cbetta
I promise!
@cbetta
@cbetta
@cbetta
A Credit Card Walks into a Bar...
@cbetta
he says to the bartender,
“I’ve been having a hard time meeting people”
the bartender says:
“Wait, aren’t you supposed to be good at generating...”
@cbetta
“interest”
@cbetta
THANK YOU!
@cbetta
I <3 U FOWD
@cbetta
A Credit Card Walks into a Bar_
@cbetta
@cbetta
@cbetta
@cbetta
Things people should not do when building a Credit Card Form
@cbetta
@cbetta
Things I think you should not do when building a Credit Card Form
@cbetta
@cbetta
baymard.com/lists/cart-abandonment-rate
@cbetta
@cbetta
1.
@cbetta
Add a CAPTCHA
@cbetta
CAPTCHACompletely Automated Public Turing test
to tell Computers and Humans Apart
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta55
@cbetta
@cbetta57
@cbetta
CAPTCHACompletely Automated Public Turing test
to tell Computers and Humans Apart
@cbetta
CAPTCHACompletely Automated Process
That Causes Headaches and Anger
@cbetta
2.
@cbetta
Ask users to register
@cbetta
Ask users to register ...before purchasing
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
A Credit Card Form Walks into a Bar...
@cbetta
the bartender says,
“Why do you keep coming in here day after day ?”
The credit card form looks at him miserably says
“I’m just looking for some..."
@cbetta
“validation”
@cbetta
Don’t autodetect credit card type
@cbetta
@cbetta
@cbetta
@cbetta
* totally copied from Wikipedia
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta89
jquerycreditcardvalidator.com
@cbetta90
creditcardjs.com
@cbetta91
www.lukew.com/ff/entry.asp?1667
@cbetta91
www.lukew.com/ff/entry.asp?1667
@cbetta
I <3 Braintree
@cbetta
obviously...
@cbetta
@cbetta
@cbetta
@cbetta
3.
@cbetta
C.V.Who?
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
jessepollak.github.io/card
@cbetta
@cbetta
@cbetta
@cbetta
kenkeiter.com/skeuocard
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
4.
@cbetta
You don’t format dates as they are on my card
@cbetta
@cbetta
@cbetta
@cbetta
5.
@cbetta
5.
@cbetta
@cbetta
A Credit Card Form Walks into a Bar...
@cbetta
he tries to pick up someone at the bar,
They turn him down.
The credit card form looks at the bartender and says
“Well, this is awkward normally I’m
the one who..."
@cbetta
“Declines”
@cbetta
5.
@cbetta
You don’t validate my card number inline
@cbetta
Luhn Algorithm
@cbetta
4217 6511 1111 1119
@cbetta
4217 6511 1111 1119
9111 1111 1156 7124
@cbetta
4217 6511 1111 1119
9111 1111 1156 7124
9212 1212 1213 7228
@cbetta
14 + 6 + 11 + 19 = 50
4217 6511 1111 1119
9111 1111 1156 7124
9212 1212 1253 7228
@cbetta
50 % 10 == 0 ?
4217 6511 1111 1119
14 + 6 + 11 + 19 = 50
9111 1111 1156 7124
9212 1212 1253 7228
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta141
@cbetta142
@cbetta
6.
@cbetta
6.
@cbetta
5b.
@cbetta
You don’t know your limits!
@cbetta
Card! Number of Digits!
AMEX! 15!
Visa! 13 or 16!
MasterCard! 16!
Discover! 16!
@cbetta148
@cbetta149
@cbetta150
@cbetta151
@cbetta152
@cbetta153
@cbetta
6.
@cbetta
You don’t remember me
@cbetta156
@cbetta157
@cbetta158
@cbetta159
@cbetta
7.
@cbetta
You remember too many details!
@cbetta
And then you lose them!
@cbetta
2014
@cbetta
2014Home Depot 56M
@cbetta
2014Home Depot 56M JP Morgan Chase 76M
@cbetta
2014Home Depot 56M JP Morgan Chase 76M Staples 1.6M
@cbetta
Tokenization
@cbetta
@cbetta
@cbetta
@cbetta
@cbetta166
@cbetta
A Credit Card Form Walks into a Bar...
@cbetta
the bartender says,
“You are new to this joint aren’t you?”
The credit card form looks at him and says
“Yeah, I just..."
@cbetta
“Discovered it”
@cbetta
8.
@cbetta
You have a “reset” button
@cbetta
@cbetta
@cbetta
9.
@cbetta
Where was I again?
@cbetta
@cbetta
@cbetta
@cbetta
One more joke?
@cbetta
An American Express Walks into a Bar in Moscow...
@cbetta
the bartender says,
“Sorry mate, You aren’t allowed in here without a...”
@cbetta
“VISA”
@cbetta
@cbetta
baddonationforms.tumblr.com