Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Construyendo la mejor experiencia de pagos en línea by @IvanChukitow
Search
gdljs
September 27, 2016
0
67
Construyendo la mejor experiencia de pagos en línea by @IvanChukitow
Talk:
https://youtu.be/OJalvUfMYR0
gdljs
September 27, 2016
Tweet
Share
More Decks by gdljs
See All by gdljs
Testabilidad en Javascript by @codingpains
gdljs
0
29
Desarrollo de aplicaciones con react native by @charliesbox
gdljs
0
120
¿Debería usar la librería de moda en mi proyecto? by @siedrix
gdljs
0
120
Agile Gamification by @chukitow
gdljs
0
42
Por qué hicimos nuestro propio NodeJS framework by @sgarza
gdljs
0
29
¿Cómo empezar a programar? by @amicavi
gdljs
0
84
Concurrencia y Paralelismo en Javascript by @eatcodetravel
gdljs
0
490
Caldo de Kafka para Node by @albertain
gdljs
0
70
Que ocupas pa' 3D by @escusado
gdljs
0
47
Featured
See All Featured
Music & Morning Musume
bryan
41
5.6k
Visualization
eitanlees
136
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Atom: Resistance is Futile
akmur
259
25k
Teambox: Starting and Learning
jrom
128
8.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Code Review Best Practice
trishagee
55
15k
Transcript
Building the best online payment experience Ivan Velasquez @IvanChukitow @chukitow
Background
None
None
None
None
None
None
None
None
None
None
None
None
None
None
UX
None
None
None
None
None
PAYPAL?
None
None
None
Building the best online payment experience
None
None
1. Mobile friendly
¿2016?
None
None
None
None
None
None
2. CAPTCHAS
None
None
None
None
3. Auto-detecting Credit Card Type
None
None
Creditcard.js
None
4. Security Number
None
https://jessepollak.github.io/card/
5. Validate credit card in line
None
Luhn algorithm
4242 4242 4242 4242 2424 2424 2424 2424 2828 2828
2828 2828 20 + 20 + 20 + 20 = 80 80 % 10 == 0?
None
6. Right keyboard layouts
None
None
7. Disabled autocorrector
None
<input type=“text” autocorrect=“off”>
DEMO
Thanks :) Justin Woo Magmaconf 2015