I don't think the UX is good as you think for the average user. For example, my mom (who is pretty good with a computer) would be so confused by this. I don't think she would understand that the credit card is interactive, especially after she maybe got past the first part of the credit card numbers.
Skeuocard
41–50 of 206 posts
Re: Skeuocard
#42I love the idea, but since nobody does this, the average user would be skeptical. If it were used on the iPad, people might be more comfortable, since the iPad is a new medium and (most) people accept new concepts like Square as acceptable and secure.
Re: Skeuocard
#43The part for me where it breaks down is when you have to flip the card to the back to fill in the CVC. I also hate when fields auto-tab for me. Also, why does it hide the expiration date and name fields initially?
Wait, the card actually flips? I completely didn't realize that the first time around. As for the second time around, I still don't know how to flip the card. What am I missing?
Re: Skeuocard
#44So…
* Didn't realize I had the name and expiration field to enter as well. I thought it was just show casing the number entry. It wasn't until I came back here to HN to read comments that I realized that there was more to the demo.
* Tab order was wrong.
* 1Password couldn't fill in the data.
* No indicator telling me what credit cards you accept.
* CVV was hidden. There were several cases where I'd finished filling out the form, but couldn't change the CVV.
* Errors are not displayed. Try 10/10 expiration, and you are basically stuck. Without additional information, there is nothing to indicate anything is wrong.
* You can tab from the date to the hidden CVV and enter information there, but you don't see it. This is easily done because the automatic progression is inconsistent, so I've had to tab twice before getting to the year, and because it automatically moves me there, I end up on the CVV. This makes things really awkward.
* Overall, this was fairly confusing. I failed at entering the CC data the first time.
I spent 10 years handling CC processing, and basically living on the payment page. Keep the page clean, quick, and simple. You don't want to do anything confusing. Let them enter the CC data and move on. That fancy CC form will NOT sell a single thing. It will however stop people from paying. It does nothing to convert.
The more friction you place between a customer willing to pay and the actual transaction, the less chance you have of making a sale.
Re: Skeuocard
#45I think that this is very clever. Part of the value is the entertainment that it provides in a nominally soulcrushingly-dull task.
The major flaw (fail) for me is that LastPass doesn't know what to do with it.
Still, I passed to our dev team for consideration.
Re: Skeuocard
#46Diner's Club still exists??
Re: Skeuocard
#47Upvoting because this is so beautifully executed and I'd love to see people test this out on their checkout process. That said, my experience indicates that this is not going to convert well. To mirror the author's own quote: "Every question a user has to ask themselves during the checkout process is another reason for them not to complete it." What's presented here is a drastically different experience from the norm…
>"Beyond that it has to load images dynamically based on card type which, on a slow or interrupted connection, will create even more confusion." This actually happened when I refreshed the page while playing with it and it was replaced by a normal form. Pretty handy. I think I will also be testing it out.
Not sure why the author included that. You can easily preload the images or settle for a text-only implementation.
Re: Skeuocard
#48I feel like if we were to implement this on our ecommerce site, we would loose millions. That said, it does have potential for displaying saved credit card information in a nice layout.
As for the input, the standard forms that we grew used to are probably here to stay for a little longer.
Re: Skeuocard
#49>Every question a user has to ask themselves during the checkout process is another reason for them not to complete it. ( http://kenkeiter.com/2013/07/21/redesigning-credit-card-inpu... ) "Wait, where do I put the CVC, name and expiration date?"
And for bonus points, the card issuer is known from the first digits. But perhaps a copyright issue to display logos.
I've seen the Visa, MC and AmEx logos on too many CC forms so far to think that showing their logo is a no-no.
Re: Skeuocard
#50Because there's no indication that I can click in those other fields? My mother would look at this and be instantly confused.