Upload
justin-woo
View
99
Download
0
Tags:
Embed Size (px)
Citation preview
Making Credit Card FormsBeautiful
A Talk on Credit Card FormsBy Justin Woo
@jzwoo | [email protected]
@jzwoo | [email protected]
A Credit Card Form walks into a bar……
@jzwoo | [email protected]
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!
@jzwoo | [email protected]
Making Credit Card FormsBeautiful
A Credit Card Form walks into a bar……
A series of Bad Jokes….By Justin Woo
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
8 Things Justin thinks merchants
should not* do when trying to make him
buy more stuff
@jzwoo | [email protected]
1.
Add a Captcha
@jzwoo | [email protected]
@jzwoo | [email protected]
2.
@jzwoo | [email protected]
Shoppers who have cited ‘not
wanting to create an account’
with merchant as reason for
cart abandonment. Source: Fifth Gear
14%
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
2b.
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
An American Express walks into a bar in Moscow……
the bartender says,
“Sorry mate,You aren’t allowed in here without a ….”
“Visa”
@jzwoo | [email protected]
3.
Not Auto-detecting Credit Card Type
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
*Blatant copy of Wikipedia
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
jquerycreditcardvalidator.com/
@jzwoo | [email protected]
@jzwoo | [email protected]
creditcardjs.com/
3b.
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
http://jessepollak.github.io/card/
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
http://kenkeiter.com/skeuocard/
@jzwoo | [email protected]
4.
Luhn algorithm
4217 6511 1111 1119
@jzwoo | [email protected]
4217 6511 1111 1119
9111 1111 1165 7124
9212 1212 1260 7228
14 + 6 + 11 + 19 = 50
@jzwoo | [email protected]
4217 6511 1111 1119
9111 1111 1165 7124
9212 1212 1260 7228
14 + 6 + 11 + 19 = 50
50 % 10 == 0?@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
5.
You don’t even limit my digits
Not limiting the number of digits
Card Number of Digits
AMEX 15
Visa 13 or 16
MasterCard 16
Discover 16
@jzwoo
@jzwoo | [email protected]
http://zdfs.github.io/toscani/paymentInfo/index.html
@jzwoo | [email protected]
@jzwoo | [email protected]
Live Demo!
I Have a Dog
Who is Blind…BUT
Thinks he can see?!?!
@jzwoo | [email protected]
I wrote an application that….
@jzwoo | [email protected]
charges people when they want to pet him
@jzwoo | [email protected]
I know what you are thinking
@jzwoo | [email protected]
I’m an a**hole
@jzwoo | [email protected]
I promise!!!
@jzwoo | [email protected]
6.
@jzwoo | [email protected]
Not show appropriate keyboard layouts
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
http://mobileinputtypes.com/
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
Not disable auto-correct when appropriate
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
<input type="text" autocorrect="off" />
@jzwoo | [email protected]
7.
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
8.
@jzwoo | [email protected]
Uber
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
JOIN ME
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
@jzwoo | [email protected]
A Credit Card walks into a bar……
the bartender says,
“I haven’t seen you in a while”
The credit card looks at him and says:
“Yeah, I had to go to jail. I was”
“Charged with bad humour”
@jzwoo | [email protected]