19 comments

  • Matt SistoMatt Sisto, almost 4 years ago (edited almost 4 years ago )

    Design: Big win, but kind of a UX: Fail, IMO.

    It certainly looks quite a bit nicer, but it's definitely a huge downgrade for me in that I now have to select the animation from a menu first and then I can click to see the demo.

    The increased cognitive load on something I reference almost daily is frustrating. I use it as documentation, personally. I know what animations are available, but I just need to click real quick to double check on the class name or to make sure its the animation I want. I used the old site and scoped out a few (maybe 4-5) possible animations in a matter of seconds.

    Going from 1 click to 3... sigh. It just feels clumsy in a way that a pretty design doesn't mask for me. Maybe I'm being too critical.

    13 points
    • EJ FoxEJ Fox, almost 4 years ago

      Came here to say this, it should be really easy to play around and see all the different ones with minimal effort

      1 point
    • Daniel Eden, almost 4 years ago

      Fair point, and something I weighed against myself. This little page is likely to change over the next few days, thanks to feedback like this – I simply wanted to strip it to its most basic form, and move forward from there. Personally, I don't think the tradeoff is that great, but if people (especially new visitors) are finding it a pain, then the sandboxing must change.

      0 points
      • Matt SistoMatt Sisto, almost 4 years ago (edited almost 4 years ago )

        I thought about that. The impact it might have on new visitors.

        I think I probably wound up using animate.css initially because it was so easy to see how many cool animations there were. A big list is good and all, but that old rule of "you only get X seconds with a new visitor" ...

        Meaning, if I can't see a bunch of what I want really quickly - and what I want is to see a bunch of the animations in action - I'm probably gonna bounce. My $0.02.

        Much love to animate.css though. for real. Helped me quite a bit early on in understanding easing, etc.

        1 point
        • Daniel Eden, almost 4 years ago

          Interesting side note; others have said they actually find this method easier for browsing the animations.

          The feedback is great, and I'll be exploring this further for sure. Thanks!

          0 points
          • Suresh SelvarajSuresh Selvaraj, almost 4 years ago

            Well, I'm a new user - seeing this site for the first time - and.. sorry, but I found myself losing interest coz of the continuous clicking with the drop down. I don't know what the previous design was, but 1 click sounds like a good idea for something like this :)

            0 points
          • Matt SistoMatt Sisto, almost 4 years ago

            Daniel, might I suggest, if you're digging the minimalism of the select + button, making the animation automatically play on the select menu's change event and changing the button text to "Play again."?

            2 points
      • Rami JamesRami James, almost 4 years ago

        Yup. Given the choice one-click is better than two-clicks.

        Visually I like the design. It is clean and pleasing to the eye. From a UX perspective, it makes me vaguely frustrated.

        1 point
    • John MauroJohn Mauro, almost 4 years ago

      Completely agree.

      1 point
    • Liam McCabeLiam McCabe, almost 4 years ago

      Nope you're not. I agree.

      1 point
  • Cihad TurhanCihad Turhan, almost 4 years ago (edited almost 4 years ago )

    Anyone noticed the color of Animate.css text changing gradually?

    2 points
  • George Kedenburg IIIGeorge Kedenburg III, almost 4 years ago

    Roughly how much water do you recommend adding for optimal performance?

    Seriously though, this is really clean and straight to the point. Very nice!

    1 point
  • Vincent Le MoignVincent Le Moign, almost 4 years ago

    I agree: it was more easy to use before. It required too much actions now: click+scroll+scroll... Love the nee design though

    0 points
  • Mathieu MayerMathieu Mayer, almost 4 years ago

    Looks cleaner but less convenient than your previous version imo. Doesn't matter though, love animate.css. I use it all the time :) Can't thank you enough.

    0 points
  • Jim SilvermanJim Silverman, almost 4 years ago

    first: you are a god among men for creating animate.css

    second: dunno about that dropdown, from a usability perspective.

    third: that changing gradient is slick.

    0 points
  • Drew KochDrew Koch, almost 4 years ago

    oh you changed it! I think this is a lot cleaner than you had it before, nice work!

    0 points
  • Joe HowardJoe Howard, almost 4 years ago

    This is really great. There's a lot of css "animation" generators and so forth on the web, however most of them suck.

    This is really brilliant, beautifully presented and clean back-end. Really nice work.

    0 points
  • Alexander Haniotis, almost 4 years ago

    Although there are few inconsistencies with the spacing around the dropdown (especially on mobile), I like it! Love what you did with the hue.

    0 points