Submit Search
Upload
ConvergeSE - Making Credit Card Forms Beautiful
•
Download as PPTX, PDF
•
0 likes
•
464 views
Justin Woo
Follow
Talk given at ConvergeSE on Making Credit Card Forms Beautiful
Read less
Read more
Design
Report
Share
Report
Share
1 of 183
Download now
Recommended
Spark conference
Spark conference
Justin Woo
Adviento 2
Adviento 2
eritogustavo1
Kommunikació: a beszédtől a robotokig képekkel
Kommunikació: a beszédtől a robotokig képekkel
angelika_n
Good Governance
Good Governance
VikasKapadia
Perfumes
Perfumes
IEM22
Regimento da Biblioteca Escolar de Mourão
Regimento da Biblioteca Escolar de Mourão
BE Mourão
La Prensa
La Prensa
Itzel_509
Power point, nuestro pan de cada dia..
Power point, nuestro pan de cada dia..
elianabautista11
Recommended
Spark conference
Spark conference
Justin Woo
Adviento 2
Adviento 2
eritogustavo1
Kommunikació: a beszédtől a robotokig képekkel
Kommunikació: a beszédtől a robotokig képekkel
angelika_n
Good Governance
Good Governance
VikasKapadia
Perfumes
Perfumes
IEM22
Regimento da Biblioteca Escolar de Mourão
Regimento da Biblioteca Escolar de Mourão
BE Mourão
La Prensa
La Prensa
Itzel_509
Power point, nuestro pan de cada dia..
Power point, nuestro pan de cada dia..
elianabautista11
Introduction to node
Introduction to node
Justin Woo
Cracking Mobile Commerce
Cracking Mobile Commerce
Justin Woo
Mrc 2015
Mrc 2015
Justin Woo
Confoo - Making Payments Fun
Confoo - Making Payments Fun
Justin Woo
LA Mobile Camp
LA Mobile Camp
Justin Woo
Prodconf - A Credit Card Form walks into a Bar
Prodconf - A Credit Card Form walks into a Bar
Justin Woo
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja Nehwal
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
meghakumariji156
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
amitlee9823
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
RitikaRoy32
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Nitya salvi
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Delhi Call girls
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
Nitya salvi
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
More Related Content
More from Justin Woo
Introduction to node
Introduction to node
Justin Woo
Cracking Mobile Commerce
Cracking Mobile Commerce
Justin Woo
Mrc 2015
Mrc 2015
Justin Woo
Confoo - Making Payments Fun
Confoo - Making Payments Fun
Justin Woo
LA Mobile Camp
LA Mobile Camp
Justin Woo
Prodconf - A Credit Card Form walks into a Bar
Prodconf - A Credit Card Form walks into a Bar
Justin Woo
More from Justin Woo
(6)
Introduction to node
Introduction to node
Cracking Mobile Commerce
Cracking Mobile Commerce
Mrc 2015
Mrc 2015
Confoo - Making Payments Fun
Confoo - Making Payments Fun
LA Mobile Camp
LA Mobile Camp
Prodconf - A Credit Card Form walks into a Bar
Prodconf - A Credit Card Form walks into a Bar
Recently uploaded
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja Nehwal
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
meghakumariji156
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
amitlee9823
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
RitikaRoy32
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Nitya salvi
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Delhi Call girls
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
Nitya salvi
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
ab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
Ilham Brata
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Nitya salvi
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
SUHANI PANDEY
Recently uploaded
(20)
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
ab-initio-training basics and architecture
ab-initio-training basics and architecture
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
ConvergeSE - Making Credit Card Forms Beautiful
1.
Making Credit Card
Forms Beautiful A Talk on Credit Card Forms By Justin Woo @jzwoo | juwoo@paypal.com
2.
Justin Woo [Developer Advocate] Venmo
+ Braintree + PayPal juwoo@paypal.com @jzwoo
3.
Justin Woo [Developer Advocate] Payment
Geek juwoo@paypal.com @jzwoo
4.
@jzwoo | juwoo@paypal.com
5.
A Credit Card
Form walks into a bar…… @jzwoo | juwoo@paypal.com
6.
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…”
7.
“interest”
8.
THANK YOU! @jzwoo |
juwoo@paypal.com
9.
Making Credit Card
Forms Beautiful A Credit Card Form walks into a bar…… @jzwoo | juwoo@paypal.com
10.
Making Credit Card
Forms Beautiful A Credit Card Form walks into a bar…… A series of Bad Jokes…. By Justin Woo @jzwoo | juwoo@paypal.com
11.
@jzwoo | juwoo@paypal.com
12.
@jzwoo | juwoo@paypal.com
13.
14.
15.
16.
17.
18.
19.
@jzwoo | juwoo@paypal.com
20.
@jzwoo | juwoo@paypal.com
21.
@jzwoo | juwoo@paypal.com
22.
@jzwoo | juwoo@paypal.com
23.
@jzwoo | juwoo@paypal.com
24.
@jzwoo | juwoo@paypal.com
25.
@jzwoo | juwoo@paypal.com
26.
@jzwoo | juwoo@paypal.com
27.
@jzwoo | juwoo@paypal.com
28.
8 Things Justin thinks
merchants should not* do when trying to make him buy more stuff @jzwoo | juwoo@paypal.com
29.
1.
30.
Add a Captcha @jzwoo
| juwoo@paypal.com
31.
32.
33.
34.
35.
36.
37.
@jzwoo | juwoo@paypal.com
38.
39.
40.
2. @jzwoo | juwoo@paypal.com
41.
Ask users to
register… before purchasing @jzwoo | juwoo@paypal.com
42.
Shoppers who have
cited ‘not wanting to create an account’ with merchant as reason for cart abandonment. Source: Fifth Gear 14%
43.
@jzwoo | juwoo@paypal.com
44.
@jzwoo | juwoo@paypal.com
45.
46.
47.
@jzwoo
48.
49.
@jzwoo | juwoo@paypal.com
50.
@jzwoo | juwoo@paypal.com
51.
@jzwoo | juwoo@paypal.com
52.
@jzwoo | juwoo@paypal.com
53.
54.
55.
56.
2b. @jzwoo | juwoo@paypal.com
57.
Not allow me
to store my Credit Card info @jzwoo | juwoo@paypal.com
58.
@jzwoo | juwoo@paypal.com
59.
@jzwoo | juwoo@paypal.com
60.
61.
62.
63.
64.
65.
66.
67.
68.
An American Express
walks into a bar in Moscow……
69.
the bartender says, “Sorry
mate, You aren’t allowed in here without a ….”
70.
“Visa” @jzwoo | juwoo@paypal.com
71.
3.
72.
Not Auto-detecting Credit Card
Type @jzwoo | juwoo@paypal.com
73.
@jzwoo | juwoo@paypal.com
74.
@jzwoo | juwoo@paypal.com
75.
76.
*Blatant copy of
Wikipedia
77.
@jzwoo | juwoo@paypal.com
78.
@jzwoo | juwoo@paypal.com
79.
80.
@jzwoo | juwoo@paypal.com
81.
82.
jquerycreditcardvalidator.com/ @jzwoo | juwoo@paypal.com
83.
@jzwoo | juwoo@paypal.com
84.
creditcardjs.com/
85.
86.
3b. @jzwoo | juwoo@paypal.com
87.
You lost me
at the Card Security Number @jzwoo | juwoo@paypal.com
88.
89.
@jzwoo | juwoo@paypal.com
90.
@jzwoo | juwoo@paypal.com
91.
@jzwoo | juwoo@paypal.com
92.
93.
94.
95.
@jzwoo | juwoo@paypal.com
96.
@jzwoo | juwoo@paypal.com
97.
http://jessepollak.github.io/card/ @jzwoo | juwoo@paypal.com
98.
@jzwoo | juwoo@paypal.com
99.
@jzwoo | juwoo@paypal.com
100.
@jzwoo | juwoo@paypal.com
101.
102.
http://kenkeiter.com/skeuocard/ @jzwoo | juwoo@paypal.com
103.
4.
104.
No Validated Credit Card
# field Inline @jzwoo | juwoo@paypal.com
105.
Luhn algorithm
106.
107.
108.
4217 6511 1111
1119 @jzwoo | juwoo@paypal.com
109.
4217 6511 1111
1119 9111 1111 1165 7124 @jzwoo | juwoo@paypal.com
110.
4217 6511 1111
1119 9111 1111 1165 7124 9212 1212 1260 7228 @jzwoo | juwoo@paypal.com
111.
4217 6511 1111
1119 9111 1111 1165 7124 9212 1212 1260 7228 @jzwoo | juwoo@paypal.com
112.
4217 6511 1111
1119 9111 1111 1165 7124 9212 1212 1260 7228 14 + 6 + 11 + 19 = 50 @jzwoo | juwoo@paypal.com
113.
4217 6511 1111
1119 9111 1111 1165 7124 9212 1212 1260 7228 14 + 6 + 11 + 19 = 50 50 % 10 == 0? @jzwoo | juwoo@paypal.com
114.
@jzwoo | juwoo@paypal.com
115.
@jzwoo | juwoo@paypal.com
116.
117.
118.
119.
120.
121.
5.
122.
You don’t even
limit my digits
123.
Not limiting the number
of digits
124.
Card Number of
Digits AMEX 15 Visa 13 or 16 MasterCard 16 Discover 16
125.
126.
127.
128.
@jzwoo
129.
130.
@jzwoo | juwoo@paypal.com
131.
http://zdfs.github.io/toscani/paymen tInfo/index.html @jzwoo | juwoo@paypal.com
132.
@jzwoo | juwoo@paypal.com
133.
Live Demo!
134.
I Have a
Dog
135.
Who is Blind…BUT
136.
Thinks he can
see?!?!
137.
@jzwoo | juwoo@paypal.com
138.
People always want
to pet him.. especially kids!!! @jzwoo | juwoo@paypal.com
139.
I wrote an
application that…. @jzwoo | juwoo@paypal.com
140.
charges people when
they want to pet him @jzwoo | juwoo@paypal.com
141.
I know what
you are thinking @jzwoo | juwoo@paypal.com
142.
I’m an a**hole @jzwoo
| juwoo@paypal.com
143.
I’m actually trying
to raise money for his eye surgery @jzwoo | juwoo@paypal.com
144.
I promise!!! @jzwoo |
juwoo@paypal.com
145.
6. @jzwoo | juwoo@paypal.com
146.
Not show appropriate keyboard
layouts @jzwoo | juwoo@paypal.com
147.
@jzwoo | juwoo@paypal.com
148.
@jzwoo | juwoo@paypal.com
149.
@jzwoo | juwoo@paypal.com
150.
@jzwoo | juwoo@paypal.com
151.
152.
http://mobileinputtypes .com/ @jzwoo | juwoo@paypal.com
153.
@jzwoo | juwoo@paypal.com
154.
@jzwoo | juwoo@paypal.com
155.
@jzwoo | juwoo@paypal.com
156.
Not disable auto-correct when
appropriate @jzwoo | juwoo@paypal.com
157.
@jzwoo | juwoo@paypal.com
158.
@jzwoo | juwoo@paypal.com
159.
<input type="text" autocorrect="off"
/> @jzwoo | juwoo@paypal.com
160.
7. @jzwoo | juwoo@paypal.com
161.
Not provide me
a calendar view when selecting dates @jzwoo | juwoo@paypal.com
162.
@jzwoo | juwoo@paypal.com
163.
@jzwoo | juwoo@paypal.com
164.
@jzwoo | juwoo@paypal.com
165.
8.
166.
Make it difficult
to enter Credit Card info on a mobile device @jzwoo | juwoo@paypal.com
167.
@jzwoo | juwoo@paypal.com
168.
Uber @jzwoo | juwoo@paypal.com
169.
@jzwoo | juwoo@paypal.com
170.
171.
@jzwoo | juwoo@paypal.com
172.
JOIN ME @jzwoo |
juwoo@paypal.com
173.
174.
@jzwoo | juwoo@paypal.com
175.
@jzwoo | juwoo@paypal.com
176.
@jzwoo | juwoo@paypal.com
177.
@jzwoo | juwoo@paypal.com
178.
@jzwoo | juwoo@paypal.com
179.
@jzwoo | juwoo@paypal.com
180.
A Credit Card
walks into a bar……
181.
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”
182.
“Charged with bad
humour” @jzwoo | juwoo@paypal.com
183.
Justin Woo [Developer Advocate/Payment
Geek] Venmo + Braintree + PayPal juwoo@paypal.com @jzwoo
Editor's Notes
Make a joke about Developer presenting at a Designer track
If you can’t beat them join them
How do you pay in uber? I know what you are thinking, wait justin do we pay in Uber?
If you make it easy for me to pay, YES I will give you my money…
United Wifi
Show you how easy it is to integrate
Here is where I demo Braintree integration
Number then letters?
Not possible to put dash
Download now