mrc 2015

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

Upload: justin-woo

Post on 07-Aug-2015

103 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Mrc 2015

v vv v

A credit card walks into a bar…

Klas BäckHead of global strategy,

Braintree

Justin WooDeveloper advocate,

Braintree

Page 2: Mrc 2015

2

Design and experience are transforming commerce.

Page 3: Mrc 2015

300

600

900

1,200

1,500

020131999

GlobalUnits

Shipped(MM)

2003

PC: Desktop+Notebook Mobile: Smartphone+Tablet

Internet Trends 2014, Mary Meeker/KPCB, 5/28/2014

Page 4: Mrc 2015

1.7BILLION

2.0BILLION

Mobile Leverage, Benedict Evans, 7/22/2014

Page 5: Mrc 2015

5

Merchants who don’t know

their own cart abandonment

rate. Source: Fifth Gear

+22%

Page 6: Mrc 2015

The average shopping cart abandonment rate is 65% on desktop.

Source: Rigor.com

Page 7: Mrc 2015

On mobile, that abandonment rate skyrockets.

Page 8: Mrc 2015

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%

Page 9: Mrc 2015

9

Examples_

Page 10: Mrc 2015

Simplicity with design

Page 11: Mrc 2015

Mobile experience focus

Page 12: Mrc 2015

Curated content

Page 13: Mrc 2015

Impact to your business_

Page 14: Mrc 2015

Is there friction in your checkout flow?

How about on mobile?

Page 15: Mrc 2015

What does a 5% decrease in abandonment

mean to your business?

Page 16: Mrc 2015

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

5% = $7.8M

Page 17: Mrc 2015

The small things make a big difference.

Especially on mobile.

Page 18: Mrc 2015

A Credit Card Form walks into a bar……

A Talk on Credit Card Forms

Page 19: Mrc 2015

\

Page 20: Mrc 2015

A Credit Card walks into a Bar…

Page 21: Mrc 2015

A Credit Card Form walks into a bar……

A Talk on Credit Card FormsA series of Bad Jokes

Page 22: Mrc 2015

A Credit Card Form walks into a bar……

Page 23: Mrc 2015

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

Page 24: Mrc 2015

“interest”

Page 25: Mrc 2015

THANK YOU!

Page 26: Mrc 2015

8 Things Justin thinks merchants

should not* do when trying to make him

buy more stuff

Page 27: Mrc 2015
Page 28: Mrc 2015

1.

Page 29: Mrc 2015

Add a Captcha

Page 30: Mrc 2015
Page 31: Mrc 2015
Page 32: Mrc 2015
Page 33: Mrc 2015
Page 34: Mrc 2015
Page 35: Mrc 2015
Page 36: Mrc 2015
Page 37: Mrc 2015
Page 38: Mrc 2015
Page 39: Mrc 2015
Page 40: Mrc 2015

2.

Page 41: Mrc 2015

Ask users to register…

before purchasing

Page 42: Mrc 2015

Shoppers who have cited ‘not

wanting to create an account’

with merchant as reason for

cart abandonment. Source: Fifth Gear

14%

Page 43: Mrc 2015
Page 44: Mrc 2015
Page 45: Mrc 2015
Page 46: Mrc 2015
Page 47: Mrc 2015

@jzwoo

Page 48: Mrc 2015
Page 49: Mrc 2015
Page 50: Mrc 2015
Page 51: Mrc 2015
Page 52: Mrc 2015
Page 53: Mrc 2015
Page 54: Mrc 2015
Page 55: Mrc 2015
Page 56: Mrc 2015

2b.

Page 57: Mrc 2015

Not allow me to store my

Credit Card info

Page 58: Mrc 2015
Page 59: Mrc 2015
Page 60: Mrc 2015
Page 61: Mrc 2015
Page 62: Mrc 2015
Page 63: Mrc 2015
Page 64: Mrc 2015
Page 65: Mrc 2015
Page 66: Mrc 2015
Page 67: Mrc 2015
Page 68: Mrc 2015

An American Express walks into a bar in Moscow……

Page 69: Mrc 2015

the bartender says,

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

Page 70: Mrc 2015

“Visa”

Page 71: Mrc 2015

3.

Page 72: Mrc 2015

Not Autodetecting Credit Card Type

Page 73: Mrc 2015
Page 74: Mrc 2015
Page 75: Mrc 2015
Page 76: Mrc 2015

*Blatant copy of Wikipedia

Page 77: Mrc 2015
Page 78: Mrc 2015
Page 79: Mrc 2015
Page 80: Mrc 2015
Page 81: Mrc 2015
Page 83: Mrc 2015
Page 85: Mrc 2015
Page 86: Mrc 2015

3b.

Page 87: Mrc 2015

You lost me at the Card Security

Number

Page 88: Mrc 2015
Page 89: Mrc 2015
Page 90: Mrc 2015
Page 91: Mrc 2015
Page 92: Mrc 2015
Page 93: Mrc 2015
Page 94: Mrc 2015
Page 95: Mrc 2015

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

Page 96: Mrc 2015
Page 97: Mrc 2015
Page 98: Mrc 2015
Page 99: Mrc 2015
Page 100: Mrc 2015

http://kenkeiter.com/skeuocard/

Page 101: Mrc 2015

4.

Page 102: Mrc 2015

No ValidatedCredit Card # field

Inline

Page 103: Mrc 2015

Luhn algorithm

Page 104: Mrc 2015
Page 105: Mrc 2015
Page 106: Mrc 2015

4217 6511 1111 1119

@jzwoo

Page 107: Mrc 2015

4217 6511 1111 1119

@jzwoo

9111 1111 1165 7124

Page 108: Mrc 2015

4217 6511 1111 1119

@jzwoo

9111 1111 1165 7124

9212 1212 1260 7228

Page 109: Mrc 2015

4217 6511 1111 1119

@jzwoo

9111 1111 1165 7124

9212 1212 1260 7228

Page 110: Mrc 2015

4217 6511 1111 1119

@jzwoo

9111 1111 1165 7124

9212 1212 1260 7228

14 + 6 + 11 + 19 = 50

Page 111: Mrc 2015

4217 6511 1111 1119

@jzwoo

9111 1111 1165 7124

9212 1212 1260 7228

14 + 6 + 11 + 19 = 50

50 % 10 == 0?

Page 112: Mrc 2015
Page 113: Mrc 2015
Page 114: Mrc 2015
Page 115: Mrc 2015
Page 116: Mrc 2015
Page 117: Mrc 2015
Page 118: Mrc 2015
Page 119: Mrc 2015
Page 120: Mrc 2015
Page 121: Mrc 2015

A Credit Card Form walks into a bar……

Page 122: Mrc 2015

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

Page 123: Mrc 2015

“pop-up”

Page 124: Mrc 2015

5.

Page 125: Mrc 2015

You don’t even limit my digits

Page 126: Mrc 2015

Card Number of Digits

AMEX 15

Visa 13 or 16

MasterCard 16

Discover 16

Page 127: Mrc 2015
Page 128: Mrc 2015
Page 129: Mrc 2015
Page 130: Mrc 2015

@jzwoo

Page 131: Mrc 2015
Page 132: Mrc 2015
Page 133: Mrc 2015

http://zdfs.github.io/toscani/paymentInfo/index.html

Page 134: Mrc 2015
Page 135: Mrc 2015

Live Demo!

Page 136: Mrc 2015

I Have a Dog

Page 137: Mrc 2015

Who is Blind…BUT

Page 138: Mrc 2015

Thinks he can see?!?!

Page 139: Mrc 2015
Page 140: Mrc 2015

People always want to pet him..

especially kids!!!

Page 141: Mrc 2015

I wrote an application that….

Page 142: Mrc 2015

charges people when they want to pet him

Page 143: Mrc 2015

I know what you are thinking

Page 144: Mrc 2015

I’m an a**hole

Page 145: Mrc 2015

I’m actually trying to raise money for his

eye surgery

Page 146: Mrc 2015

I promise!!!

Page 147: Mrc 2015

6.

Page 148: Mrc 2015

Not show appropriate keyboard layouts

Page 149: Mrc 2015
Page 150: Mrc 2015
Page 151: Mrc 2015
Page 152: Mrc 2015
Page 153: Mrc 2015

http://mobileinputtypes.com/

Page 154: Mrc 2015
Page 155: Mrc 2015
Page 156: Mrc 2015
Page 157: Mrc 2015

7.

Page 158: Mrc 2015

Not provide me a calendar view when

selecting dates

Page 159: Mrc 2015
Page 160: Mrc 2015
Page 161: Mrc 2015
Page 162: Mrc 2015

8.

Page 163: Mrc 2015

Make it difficult to enter Credit Card info

on a mobile device

Page 164: Mrc 2015
Page 165: Mrc 2015
Page 166: Mrc 2015
Page 167: Mrc 2015
Page 168: Mrc 2015
Page 169: Mrc 2015
Page 170: Mrc 2015

Uber

Page 171: Mrc 2015
Page 172: Mrc 2015
Page 173: Mrc 2015

A Credit Card walks into a bar……

Page 174: Mrc 2015

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”

Page 175: Mrc 2015

“Charged with bad humour”

Page 176: Mrc 2015

Justin Woo

[Developer Advocate]Venmo + Braintree + PayPal

[email protected]@jzwoo

Page 177: Mrc 2015

v vv v

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 Takeaways1) Takeaway 12) Takeaway 23) Takeaway 34) Takeaway 4