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

51–60 of 206 posts

Re: Skeuocard

#51

Post by timdorr »

jasonlotito wrote: post #44

So… * 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…

> That fancy CC form will NOT sell a single thing. It will however stop people from paying. It does nothing to convert.

Exactly. This isn't a usability improvement, it's fluff.

If you want to see an actual usability improvement, look at what Stripe has done with jQuery.payment: https://github.com/stripe/jquery.payment A good example is in their Checkout javascript component: https://stripe.com/docs/checkout

Re: Skeuocard

#52

Post by aasarava »

I love the concept. I love that it's smart enough to use a regex to figure out the card type.

As others have said, some minor instructional text would help people get started. Also, making the name and expiration fields more obvious from the start (more obvious that they're fields and more obvious that they will need to be filled out) would also be helpful.

Having to click to flip the card is probably the biggest problem (though fixable). Typically when filling out a form, I suspect most people use the tab key to go from field to field. Having to go back to the trackpad/mouse and click on a spot slows things down. Maybe have the card automatically flip if you hit tab after the expiration field?

Re: Skeuocard

#53

Post by kenkeiter »

jasonlotito wrote: post #44

So… * 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…

The goal of this design is to reduce the friction -- granted, it sounds like you had a difficult first experience, and this isn't (by far) a finished product. There are bugs: 13 of them open right now.

I know you probably won't use it -- and that's okay. I just wanted you to know I heard you :) All of the things you mentioned are things I'm actively working now to address.

Re: Skeuocard

#54

Post by eli »

I wouldn't use a form where the fields displayed change as you enter things.

That said, I totally agree with the premise. I'm totally baffled why so many forms require you to unnecessarily select a card type or insist that you enter a number with spaces or only without spaces.

Re: Skeuocard

#56

Post by jakub_g »

One issue I see is that very frequently on many pages there's not only distinction between say Mastercard or Visa, but also between different types of them. If you have Mastercard FooCompany Partner Card, then you pay less commission etc. Not sure if those partner types can be confronted with a regex (anyone from CC company there? :)

Usually those granular types are on a select list, if one chooses badly, she gots "transaction refused" without any more info (clearly not nice).

Re: Skeuocard

#57

Post by kenkeiter »

aasarava wrote: post #52

I love the concept. I love that it's smart enough to use a regex to figure out the card type. As others have said, some minor instructional text would help people get started. Also, making the name and expiration fields more obvious from the start (more obvious that they're fields and more obvious that they will need to be filled out) would also be helpful. Having to click to flip the card is probably the biggest pro…

Definitely a good idea! I've got a ticket in on it, and will spend some time thinking about a well-designed solution: https://github.com/kenkeiter/skeuocard/issues/25

Re: Skeuocard

#58

Post by pdenya »

I like it except for the card flip with the hidden field on the back. Maybe show back and front at the same time with 2 cards.

Re: Skeuocard

#59

Post by jasonlotito »

kenkeiter wrote: post #53
jasonlotito wrote: post #44

So… * 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…

The goal of this design is to reduce the friction -- granted, it sounds like you had a difficult first experience, and this isn't (by far) a finished product. There are bugs: 13 of them open right now. I know you probably won't use it -- and that's okay. I just wanted you to know I heard you :) All of the things you mentioned are things I'm actively working now to address.

> The goal of this design is to reduce the friction

And I applaud you for that!

> All of the things you mentioned are things I'm actively working now to address.

Awesome!

I should make it clear, I'm not posting this as a "OMG He's wasting his time!" As I said, I spent a decade working with this, and I can appreciate the difficulties of a frictionless payment process. I wanted to share my experience with you just in the hopes that you can do exactly what you are doing: improve it.

=)

Re: Skeuocard

#60

Post by frogpelt »

jchin wrote: post #43
marknutter wrote: post #11

The 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?

If you fill in valid data for everything on the front, a "flip the card" button appears.
Post reply on HN