20 comments

  • Ben GiffordBen Gifford, over 2 years ago

    Give us a little more color … what is this for, what problem is it attempting to solve?

    4 points
  • Adam Fisher-CoxAdam Fisher-Cox, over 2 years ago

    I would get so pissed off trying to fill this out.

    What is the problem you're solving here?

    3 points
    • Mike StevensonMike Stevenson, over 2 years ago

      Can we not design things just do design them sometimes? Maybe this was an experiment for him to just see if it could be done and improve his skills. And he decided to share. What's the big deal?

      1 point
      • Ben GiffordBen Gifford, over 2 years ago

        We can, but in order to get helpful feedback, the poster needs to tell us what we're evaluating and why it matters. Design is, by definition, a problem-solving process … are you looking for animation input? UX input? Someone to stroke you and tell you you're wonderful?

        0 points
  • Daniel MarquesDaniel Marques, over 2 years ago

    What was your thought process behind making the num pad 1 to 6, then 7 to 0 in two rows?

    2 points
    • Sahil Dave, over 2 years ago

      With the screen sizes increasing, in my opinion, the 3x4 layout can be too space taking and not that relevant. The size of keys is 36 dp/px in height which is a good enough size for typing.

      Also, seeing that entering CVV is an important step, the user would stop, think and type to avoid typos, so give buttons with more height should not make that much of a difference.

      I started with 3 rows with delete, submit and also a peek/show button. Eventually, I removed the peek button and unmasked the typed CVV.

      Let me know your thoughts on this.

      0 points
      • Daniel MarquesDaniel Marques, over 2 years ago

        I get what your saying, but I think numpads are a pretty standard interface nowadays. Both physically and digitally. I think you can use screen space to keep this standard.

        This approach would add a cognitive load that I don't think its necessary here. You are asking the user to re-learn something that has been pretty standard for decades.

        I suspect this would make it more error prone. And it will make the task harder cognitively.

        0 points
      • Joe AlfonsoJoe Alfonso, over 2 years ago

        Nice explanation and thought process, just wanted to point out though that 36dp is good for the button but the tappable target should be 48dp on Android. Depending on density it's 44px for the web under a11y and Apple, 48px for Windows and 7mm on physical devices.

        0 points
  • Ktrn DsrsKtrn Dsrs, over 2 years ago

    Flinto is amazing and under used haha. I think they need a more agressive communication about their product!

    2 points
    • Sahil Dave, over 2 years ago

      Although Flinto has its own quirks, it is overall a very good prototyping software.

      0 points
      • Ashraf AliAshraf Ali, over 2 years ago

        Definitely major quirks. I would import stuff from Sketch into Flinto and have weird font flickering and size respect issues. However, when you use the tools straight from Flinto for rendering, it works pretty damn well (and really, really quick iteration). Still getting a hang of the tweening of animations and managing the timings as that can be an awkward interface. Lots of potential.

        1 point
  • , over 2 years ago

    Source files are here - https://gum.co/Kgpx

    2 points
  • Michael G, over 2 years ago

    I think the animation is well done.

    That said, this would take way too long to fill out, the keyboard is weird, and credit cards all look different so this realistic graphic might confuse people.

    1 point
  • Pasquale D'SilvaPasquale D'Silva, over 2 years ago

    The animation timing feels really frantic. The action isn't staged very clearly.

    The overall weight of the motion is pretty heavy too. It requires a lot of optical effort to track all the flipping and sliding.

    I think you could do better with the overall choreography.

    1 point
    • Account deleted over 2 years ago

      I thought the same thing. It's really unnatural.

      0 points
    • adrian ioadrian io, over 2 years ago

      Yes, the motion felt a bit jerky / abrupt towards the end.

      Would be great to see a quick motion 'wireframe' from you to see how you would do it differently - great for learning from a motion pro ;)

      0 points
  • Ashraf AliAshraf Ali, over 2 years ago

    How much time did it take you to build this? Very cool!

    1 point
  • Harper Lieblich, over 2 years ago

    Flinto is still my go-to app for more nuanced prototypes.

    1 point
  • R. KamushkenR. Kamushken, over 2 years ago

    Pretty nice to watch the people from DN discussing very strange shot from dribbble with very strange purposes of the source files with no commenting from the author. PS: I posted my shots on DN either ... when I was too young and lame. nothing personal!

    0 points