Card—make your credit card form better in one line of code(jessepollak.github.io)

over 5 years ago from Matt Achariam, Intent Renderer

  • Casey BrittCasey Britt, over 5 years ago

    I agree that this is fun, but I would argue its rather superfluous and unnecessary. Does the user really need this much visual feedback as they enter their credit card number? I don't really mind the original form at the top of the page personally.

    6 points
    • Sean O'GradySean O'Grady, over 5 years ago

      I agree. Totally superfluous..

      1 point
    • Sacha GreifSacha Greif, over 5 years ago

      Even if this only prevents 1% of users from making a mistake when they enter their credit card details, it might still make a difference to the bottom line of a big enough site.

      3 points
      • Jim SilvermanJim Silverman, over 5 years ago

        card logo and corresponding cc# spacing would be enough. CSS graphic is a cool gimmick, but nothing more.

        1 point
      • Casey BrittCasey Britt, over 5 years ago

        I feel that's a big if. I would like to see this up against some other well designed forms in a large user test (as I could be wrong). I don't think the giant card would be any more successful than a form that auto spaces every four digits in the credit card number and has similar layout to an actual card. If I had to take a guess I would argue the fancy card thing would be a distraction resulting in more mistakes.

        0 points
      • Avery LewisAvery Lewis, over 5 years ago

        What if it scares away 1% of users, because it doesn't look like any credit card entry form they've ever seen, and feels like the website is "copying their card", something we've been trained to worry about?

        0 points
    • Giulio MichelonGiulio Michelon, over 5 years ago

      I find it very clear to the user that can compare it with his real credit card. I don't think is superflous

      0 points