Live data from Hacker News

Show HN: Card – An interactive CSS3 credit card form

jessepollak.github.io

81–90 of 117 posts

Re: Show HN: Card – An interactive CSS3 credit card form

#81
post #61

I'm no design or UX expert and this does look smooth. However, how does this stack up against the recent UX trend of moving away from skeumorphism? Why should a CC number be represented by an actual plastic card that is coming to life and flipping around on my screen? I believe the future of plastic credit cards is limited given the security loop holes etc. Companies like Square, Google, etc. are already championing…

I think that assessment is fair. Consider though that many users struggle with matching the data they have on the card with what goes on the form. Specifically the cvv code since some vendors use a 4 digit code instead of the more mainline 3 digit code. So I see a valid use case in here in presenting them a reasonable facsimile of whats in their hand to match up.

Re: Show HN: Card – An interactive CSS3 credit card form

#82
post #21

Very cool experiment but as others have pointed out it's tough to beat simplicity from a conversion perspective. Example Amazon: http://i.imgur.com/aK8K4UY.png?1 Single name on card field Card # Dropdown for EXP Example Stripe: https://stripe.com/checkout Single name on card field Card # Exp / CVC Less is more when it comes to this point in your conversion funnel. And the fundamental conversion issue around collectin…

(disclaimer: balanced employee) There's a direct statistical correlation between less fields and the amount of chargebacks received. So, yes, less is more for a conversion funnel, but do not assume that it comes without a cost.

I'd be most interested in seeing the correlation between fewer fields and overall conversions, accounting for chargebacks. Neither conversions alone nor chargebacks alone tells the whole story.

Re: Show HN: Card – An interactive CSS3 credit card form

#83
I once saw a detailed analysis of skeuomorphic credit card input, and it turns out the general population is less likely to fail on a non-moving credit card input box, largely because of difficulties with entering the CVC code. This combines both the skeuomorphic nature of Skeuocard by Ken Keiter (http://kenkeiter.com/skeuocard/) with the simplicity of creditcardJS (creditcardjs.com). I love it!

Re: Show HN: Card – An interactive CSS3 credit card form

#86
Looks absolutely beautiful. But I stopped for a second and did not, at first, give my real card number.

Are we so used to crappy CC forms, that a nice, flashy one (which I know is open sourced on github - I can validate if they are doing something bad) is slightly scaring me?

Wow that's the power of crappy design fed to us for years.

Re: Show HN: Card – An interactive CSS3 credit card form

#87

Let me be the first to rain on your parade (sorry). If you're not the merchant of record using this form could very well violate your terms of service for whatever credit card company you have your merchant account with, and/or the IPSP terms of service. Using this can result in terminating your merchant account or temporary suspension depending on how they take it. The reason why is that the logo's are only allowed…

Overreact much?

Most people that will be taking credit cards directly via a form like this will have merchant account and be authorized to use the credit card logos. If they are using a service like PayPal they are mostly redirecting to their service providers site for processing not taking the card info directly.

The usage of the network logos are not as strict as you are implying here, even if you use paypal you can use the Network logos. https://www.paypal.com/us/webapps/mpp/logo-center

There are many approved banners and logos that make use of the card network logos.

I have never had a payment processing agreement where I was barred from using the Network Logos, nor would I sign up for such a service, in the off chance I am wrong please back up your claims with citations to actual laws or statements to support your claim

Re: Show HN: Card – An interactive CSS3 credit card form

#89

Let me be the first to rain on your parade (sorry). If you're not the merchant of record using this form could very well violate your terms of service for whatever credit card company you have your merchant account with, and/or the IPSP terms of service. Using this can result in terminating your merchant account or temporary suspension depending on how they take it. The reason why is that the logo's are only allowed…

Overreact much? Most people that will be taking credit cards directly via a form like this will have merchant account and be authorized to use the credit card logos. If they are using a service like PayPal they are mostly redirecting to their service providers site for processing not taking the card info directly. The usage of the network logos are not as strict as you are implying here, even if you use paypal you ca…

> Most people that will be taking credit cards directly via a form like this will have merchant account and be authorized to use the credit card logos.

Using logos in combination with a credit card capture form comes with a different set of rules (and a different contract!) than just being allowed to use some third party processor that does all the work for you.

If you want to capture the cards yourself instead of outsourcing the job to an IPSP then you're going to have to be at a minimum PCI compliant. This goes for any company that stores, processes or transmits credit card information. The tipping point is somewhere around a million $ US per year. Below that the cost of being in compliance outweighs the fees the IPSP charges for their service handily.

The word 'credit' in credit cards stands for 'trust'.

https://www.google.com/search?client=ubuntu&channel=fs&q=ori...

People trust those companies and by extension trust those logos. That's why when you use them you will be held to the rules so strictly because credit card companies do not like it when their logos are used to give an aura of trust to an otherwise non-trustworthy situation. Just the PDF about what you can and can not do visually with the logo runs to lots of pages.

Yes, there are plenty of ways in which using those logos is absolutely ok, and where using this form is (probably) just fine.

Everybody that is PCI DSS compliant can likely use it without any problem. Yes, there are also plenty of ways in which using this form is strictly against the terms of service, typically this includes everybody who is not PCI certified, which is almost every two bit merchant on the web that outsources their payment processing and credit card capture to some third party.

So, if you use a 3rd party solution that serves up the payment form and that handles the card capture and subsequent processing for you and you have a contract with them rather than with the card company you can use the logos and nobody will care, mostly because you can't do much harm (such as your paypal example).

But if you are in a situation where you have a merchant account but you are not the merchant of record (this means you are a sub-merchant, such as when using any one of a number of IPSPs) then using this form is most likely not a good idea.

As for me backing up my claims, I'm not going to attach a copy of my merchant agreement to a comment on the web, you are totally free to disregard what I wrote. This advice is worth exactly what you paid for, and everybody that has a merchant account but is not the merchant of record (aka a 'sub-merchant' in payment processing lingo) is totally free to inspect their own personal copy and for everybody else this does not matter at all.

Further reading on the subject:

https://www.pcicomplianceguide.org/pci-faqs-2/

A list with a sample of payment facilitators (if you use one of these you are quite possibly not the merchant of record):

http://www.mastercard.us/merchants/accept-mastercard/payment...

Note that this is not an exhaustive list by a long shot.

The mastercard FAQ which has a nice little blurb about who is and who is not a merchant or record:

http://www.mastercard.us/merchants/assistance/faq.html

Also of interest:

http://www.mastercardbrandcenter.com/us/images/acceptance_ma...

Less interesting (branding, not acceptance marks):

https://www.mastercardbrandcenter.com/us/getourbrand/index.s...

Oh, and an afterthought: there is yet another important logo, the VBV one, you can only use this if you're actually part of the program.

Post reply on HN