DevTalks Bucharest 2015 - A Credit Card Walks into a Bar...

@cbetta@braintree_dev

A Credit Card Walks into a Bar...

by Cristiano Betta

1

Developer Advocate @braintree_dev

A talk on credit cards in eCommerce


A Credit Card Form Walks into a Bar...A talk on credit cards in eCommerce


A Credit Card Form Walks into a Bar...A talk on credit cards in eCommerce

A series of bad jokes

Developer Advocate

@braintree_dev

by Cristiano Betta


A Credit Card Walks into a Bar...


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...”


“interest”


THANK YOU!


I <3 U Bucharest


A Credit Card Walks into a Bar_


I have a Cat


Who has a “special” condition

@cbetta@braintree_dev 14


But he thinks he is the king of the house


Actually he has a kidney condition


People always want to see more photos and

videos


especially kids


so...


I wrote an application that...


charges people money to see his face


I know what you are thinking...


I am an a**hole


I am actually raising money for his kidney

surgery


I promise!


A Credit Card Form Walks into a Bar...


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..."


“validation”


Things people should not do when building a Credit Card Form


Things I think you should not do when building a Credit Card Form


baymard.com/lists/cart-abandonment-rate


1.


Add a CAPTCHA


CAPTCHACompletely Automated Public Turing test

to tell Computers and Humans Apart


CAPTCHACompletely Automated Process

That Causes Headaches and Anger


2.


Ask users to register


Ask users to register ...before purchasing


the bartender says,

“I haven’t seen you in a while!”

The credit card form looks at him and says

“Yeah, I had to go to jail. I was...”


“Charged with bad humour"


3.


Ask me for the credit card type?


* totally copied from Wikipedia


jquerycreditcardvalidator.com


creditcardjs.com


I <3 Braintree


obviously...


github.com/braintree/card-validator


4.


C.V.Who?


jessepollak.github.io/card


kenkeiter.com/skeuocard


Hosted Fields


braintreepayments.com/features/hosted-fields


5.


You don’t format dates as they are on my card


6.


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..."


“Declines”


6.


You don’t validate my card number inline


Luhn Algorithm


4217 6511 1111 1119


4217 6511 1111 1119

9111 1111 1156 7124


4217 6511 1111 1119

9111 1111 1156 7124

9212 1212 1213 7228


14 + 6 + 11 + 19 = 50

4217 6511 1111 1119

9111 1111 1156 7124

9212 1212 1253 7228


50 % 10 == 0 ?

4217 6511 1111 1119

14 + 6 + 11 + 19 = 50

9111 1111 1156 7124

9212 1212 1253 7228


7.


6b.


You don’t know your limits!


Card! Number of Digits!

AMEX! 15!

Visa! 13 or 16!

MasterCard! 16!

Discover! 16!


7.


You don’t remember me


8.


You remember too much


And then you lose my details!


2014Home Depot 56M JP Morgan Chase 76M Staples 1.6M


Tokenization


One more joke?


the bartender says,

“You are new to this joint aren’t you?”

The credit card form looks at him and says

“Yeah, I just..."


“Discovered it”


9.


You have a “reset” button


10.


Where was I again?


That’s all folks!


Encore?


An American Express Walks into a Bar in Moscow...


the bartender says,

“Sorry mate, You aren’t allowed in here without a...”


“VISA”


baddonationforms.tumblr.com


THANK YOU!


Cristiano Betta

Developer Advocate Braintree_PayPal.

[email protected]

slideshare.net/cbetta braintreepayments.com

@braintree_dev @cbetta

DevTalks Bucharest 2015 - A Credit Card Walks into a Bar...

Technology

Transcript of DevTalks Bucharest 2015 - A Credit Card Walks into a Bar...