Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Skeuocard

kenkeiter.com

Post reply on HN
Print view View original

31–40 of 206 posts

Re: Skeuocard

#31

Post by wf »

aresant wrote: post #8

Upvoting 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.

Re: Skeuocard

#33

Post by Hannan »

aresant wrote: post #8

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

Agreed, I stumbled for a second before realizing I could type a name in the card, but I would love to see stuff like this become popular.

Also, on Chrome 28/Mac, the validation flow seems to have some issues. I can put invalid months like "22" or "00" on the card without it highlighting the month. But it looks like the month needs to be accurate before it will show me my Luhn checkdigit is wrong. After playing with it, I'm not sure what exactly the flow needs to be, but I'm able to get green "Back to the other side..." messages with invalid data fairly consistently.

Other than that though, very neat!

Re: Skeuocard

#34

Post by FreshCode »

I dislike this UI because it adds more questions[1] than it takes away. "Why did it tab? Why is it loading, did I accidentally submit? Why did the tab ordering jump down, then up?" Just show me a web form and put a picture of a VISA card somewhere static.

[1] Don't Make Me Think, Steve Krug: http://www.sensible.com/dmmt.html

Re: Skeuocard

#35

Post by nonchalance »

American Express used to do this when you mistyped passwords a few times and were locked out of your online account (they may still do it for membership rewards). It put text boxes in the areas for the CVV and the card number (with an Amex card in the background)

Re: Skeuocard

#36

Post by flexd »

This looks great, but is it great for us that are good with technology or will it work for your parents too?

And what happens if javascript is disabled?

Re: Skeuocard

#37

Post by kenkeiter »

aresant wrote: post #8

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

Thank you for being willing to test it! This isn't something I'm making money off of, nor is it something I feel the need to ram down people's throats -- I just wanted to try something people hadn't seen before.

If it works, and people like it, great! I'm glad to have helped a little. Please let me know if you run into any trouble (my Twitter and email are on the site).

Re: Skeuocard

#39

Post by andrewmunsell »

It looks good, but is completely broken when using a password manager such as Dashlane. The icons indicating auto-populating fields move all over the place, etc.

Re: Skeuocard

#40

Post by jaredsohn »

One thing lacking in this design is that without extra supporting content, it doesn't tell the user upfront what kinds of credit cards are supported. So if a user prefers to use American Express, they have to find the card and start entering a few digits before being told they have to try a different card (and then they may have some apprehension about if that other type of card is supported or not.)
Post reply on HN