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
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
SwaraliBorhade
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
ttt fff
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
vaibhavkanaujia
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
Sumit Lathwal
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detail
DesigntroIntroducing
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
dollysharma2066
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
mainac1
shot list for my tv series two steps back
shot list for my tv series two steps back
17lcow074
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
newslab143
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
jennyeacort
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
A SSS
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
Anastasiya Kudinova
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
ssuser7cb4ff
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
diploma 1
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
CristobalHeraud
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
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
SwaraliBorhade
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
ttt fff
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
vaibhavkanaujia
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
Sumit Lathwal
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detail
DesigntroIntroducing
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
dollysharma2066
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
mainac1
shot list for my tv series two steps back
shot list for my tv series two steps back
17lcow074
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
newslab143
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
jennyeacort
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
A SSS
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
Anastasiya Kudinova
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
ssuser7cb4ff
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
diploma 1
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
CristobalHeraud
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Stunning ➥8448380779▻ Call Girls In Hauz Khas Delhi NCR
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
D SSS
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
Suhani Kapoor
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
WilliamVickery6
Recently uploaded
(20)
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detail
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
shot list for my tv series two steps back
shot list for my tv series two steps back
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
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