Talk given at MRC 2015 - "A Credit Card Form Walks into a Bar"

1. A credit card walks into a bar…
Klas Bäck
Head of global strategy,
Braintree
Justin Woo
Developer advocate,
Braintree

2. 2
Design and experience are
transforming commerce.

3. 300
600
900
1,200
1,500
0
20131999
Global
Units
Shipped
(MM)
2003
PC: Desktop+Notebook Mobile: Smartphone+Tablet
Internet Trends 2014, Mary Meeker/KPCB, 5/28/2014

4. 1.7
BILLION
2.0
BILLION
Mobile Leverage, Benedict Evans, 7/22/2014

5. 5
Merchants who don’t know their
own cart abandonment rate.
Source: Fifth Gear
+22%

6. The average shopping
cart abandonment rate is
65% on desktop.
Source: Rigor.com

7. On mobile, that
abandonment rate
skyrockets.

8. 40%
27%
25%
22%
21%
0% 10% 20% 30% 40%
Screen size too
small
Can’t see detailed product info
Hard to type
Hard to compare prices
Too long to load web
page
Source: Google
Barriers for Mobile Purchase (%)
A 1-second delay
decreases conversion by
7%

9. 9
Examples_

10. Simplicity
with design

11. Mobile experience
focus

12. Curated
content

13. Impact to your business_

14. Is there friction in your checkout flow?
How about on mobile?

15. What does a 5% decrease in abandonment
mean to your business?

16. A 5% decrease in cart
abandonment for a $50M merchant
would increase revenue by $7.8
million.
5% = $7.8M

17. The small things make a big difference.
Especially on mobile.

18. A Credit Card Form walks
into a bar……
A Talk on Credit Card Forms

19. A Credit Card walks into a
Bar…

20. A Credit Card Form walks
into a bar……
A Talk on Credit Card Forms
A series of Bad Jokes

21. A Credit Card Form walks
into a bar……

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

23. “interest”

24. THANK YOU!

25. 8 Things
Justin thinks merchants
should not* do
when trying to make him
buy more stuff

27. 1.

28. Add a Captcha

39. 2.

40. Ask users to register…
before purchasing

41. Shoppers who have cited ‘not
wanting to create an account’ with
merchant as reason for cart
abandonment.
Source: Fifth Gear
14%

46. @jzwoo

55. 2b.

56. Not allow me to store
my
Credit Card
info

67. An American Express walks
into a bar in Moscow……

68. the bartender says,
“Sorry mate,
You aren’t allowed in here
without a ….”

69. “Visa”

70. 3.

71. Not Autodetecting
Credit Card Type

75. *Blatant copy of Wikipedia

81. jquerycreditcardvalidator.com/

83. creditcardjs.com/

85. 3b.

86. You lost me at the
Card Security Number

94. http://jessepollak.github.io/card/

99. http://kenkeiter.com/skeuocard/

100. 4.

101. No Validated
Credit Card # field
Inline

102. Luhn algorithm

105. 4217 6511 1111 1119
@jzwoo

106. 4217 6511 1111 1119
@jzwoo
9111 1111 1165 7124

107. 4217 6511 1111 1119
@jzwoo
9111 1111 1165 7124
9212 1212 1260 7228

108. 4217 6511 1111 1119
@jzwoo
9111 1111 1165 7124
9212 1212 1260 7228

109. 4217 6511 1111 1119
@jzwoo
9111 1111 1165 7124
9212 1212 1260 7228
14 + 6 + 11 + 19 = 50

110. 4217 6511 1111 1119
@jzwoo
9111 1111 1165 7124
9212 1212 1260 7228
14 + 6 + 11 + 19 = 50
50 % 10 == 0?

120. A Credit Card Form walks
into a bar……

121. He sees his buddy
the PayPal button and is mildly
annoyed
“Hey, I thought you weren’t coming”
the PayPal Buttion says:
”Yah, sorry, that’s me I just like to

122. “pop-up”

123. 5.

124. You don’t even limit
my digits

125. Card Number of Digits
AMEX 15
Visa 13 or 16
MasterCard 16
Discover 16

129. @jzwoo

132. http://zdfs.github.io/toscani/paymen
tInfo/index.html

134. Live Demo!

135. I Have a Dog

136. Who is Blind…BUT

137. Thinks he can see?!?!

139. People always want to pet
him..
especially kids!!!

140. I wrote an application
that….

141. charges people when they
want to pet him

142. I know what you are
thinking

143. I’m an a**hole

144. I’m actually trying to raise
money for his eye surgery

145. I promise!!!

146. 6.

147. Not show appropriate
keyboard layouts

152. http://mobileinputtypes
.com/

156. 7.

157. Not provide me a calendar
view when selecting dates

161. 8.

162. Make it difficult to enter
Credit Card info on a
mobile device

169. Uber

172. A Credit Card walks
into a bar……

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

174. “Charged with bad humour”

175. Justin Woo
[Developer Advocate]
Venmo + Braintree + PayPal
juwoo@paypal.com
@jzwoo

176. WE WANT YOUR FEEDBACK!
Please complete your session evaluation within the MRC mobile app or return a paper
evaluation on your way out.
**Insert session title here**
Speakers:
Name, Company
Key Takeaways
1) Takeaway 1
2) Takeaway 2
3) Takeaway 3
4) Takeaway 4