PSA: Stop hiding your preview images with crazy hover transitions.

almost 2 years ago from , Product Designer, rankup.io

You're portfolio preview images are awesome. Your crazy, 5 second long, overlay transitions on hover are not.

I'm trying to see your portfolio, please don't make me find the perfect spot on your site for my mouse to sit just to keep from triggering those transition.

If you must have the transitions, make the time to transition out almost immediate.

I'd rather not call any one particular site out, so I won't. Just trying to give some general feedback.

Keep being cool everyone.

36 comments

  • Gabriel AnghelGabriel Anghel, almost 2 years ago

    Same thinking here. I think those are the most usefulness things you might use on a website. Of course in some places they might work. But in most cases they are just annoying.

    0 points
  • Daniel J., almost 2 years ago

    Totally agree, however, 1st line:

    "You're portfolio" = You are portfolio. Should be "Your", as in next line. Sorry for the nitpick

    0 points
  • Adam T.Adam T., almost 2 years ago

    Or at least make the whole image clickable and not just the anchor link text...

    0 points
  • Nate VandervisNate Vandervis, almost 2 years ago

    Are drawer menus bad too?

    0 points
  • Jonathan ShariatJonathan Shariat, almost 2 years ago

    Ok I hear you loud and clear: So I'm gunna hide my work so it takes a bunch of just clicks to see an image of my work. I'll fill my home page with pictures of my face, how I work, and icons...tons of icons.

    0 points
  • Richard BallermannRichard Ballermann, almost 2 years ago (edited almost 2 years ago )

    I think I read a study on Neilson Norman about hover animations, the results back up how you feel. Simply put, it's bad practice. Almost universal annoyance is gained from using them.

    Ever since I read that I have been quite conscious of how I react when I come across a site doing this and I found I almost always end up trying to avoid triggering it more than I ever think about what it's displaying. Pinterest is a prime example for me, I'm constantly trying to hide my cursor in a gutter to prevent it from happening.

    If reading a title or name of a project was going to make me want to click through, then just display the title as a permanent element. If it isn't going to convince me to click, leave the damn thing out of it.

    0 points
  • William BoutWilliam Bout, almost 2 years ago

    this

    0 points
  • Pasquale D'SilvaPasquale D'Silva, almost 2 years ago

    You should suck it up and list some examples. They'll only benefit from it.

    0 points
  • Rob DozierRob Dozier, almost 2 years ago

    I'm getting tired of this on a lot of sites, not just portfolios. +1.

    0 points
  • Mahdi Al-FarraMahdi Al-Farra, almost 2 years ago

    Can I hack the scroll at least?

    0 points
    • Ryan Hicks, almost 2 years ago

      Agh death

      0 points
      • Mahdi Al-FarraMahdi Al-Farra, almost 2 years ago

        haha. It's really strange that no one is giving a small peace of tiny fuck about how bad hacking scroll is, a million articles about how bad it is and everyday I see a new product/website with that shit :(

        0 points
        • Josh LeeJosh Lee, almost 2 years ago

          Someone should make a version of desingernews that hijacks the scroll, then we'll see some changes in behavior ;)

          0 points
  • Cihad TurhanCihad Turhan, almost 2 years ago

    +1

    0 points
  • Marco RodriguesMarco Rodrigues, almost 2 years ago

    I can see how that can be annoying. But what if its meant just as a preview and on click you see the actual work.

    0 points