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

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

  • Mahdi Al-FarraMahdi Al-Farra, 2 years ago

    Can I hack the scroll at least?

    41 points
    • Ryan Hicks, 2 years ago

      Agh death

      4 points
      • Mahdi Al-FarraMahdi Al-Farra, 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 :(

        8 points
        • Josh LeeJosh Lee, 2 years ago

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

          4 points
  • Richard BallermannRichard Ballermann, 2 years ago (edited 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.

    11 points
    • Daniel FoscoDaniel Fosco, 2 years ago (edited 2 years ago )

      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.

      + 10.000

      6 points
  • Pasquale D'SilvaPasquale D'Silva, 2 years ago

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

    4 points
    • Rob DozierRob Dozier, 2 years ago

      First one that comes to mind is http://thegreatdiscontent.com. The content is wonderful, but I want to see the images. And then the grid system they set up means I have to keep moving my cursor around if I want to scroll down. Just a personal thought though, it's not like I'm never going on the site again.

      5 points
      • Chase GiuntaChase Giunta, 2 years ago

        I'm not following...? On the site you just linked, I initially see all the images and can scroll down easily without moving my cursor. Is that not the same behavior for you? Only on hover are they covered & reveal the title, which I find the most annoying attribute of that website.

        1 point
        • Calvin FennellCalvin Fennell, 2 years ago

          Not sure what screen size you're using, but for me when the page opens my mouse automatically triggers the hover animation.

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

        Damn, this is silly! It just feels broken.

        0 points
    • Sean WashingtonSean Washington, 2 years ago

      Here's one: http://estd.in/

      6 points
    • Evan DinsmoreEvan Dinsmore, 2 years ago

      Dribbble. Great, you've covered the whole preview (that I was just scrolling to see) to show me the title and when it was posted. Super good use of space.

      2 points
      • Per VPer V, 2 years ago

        Finally someone said it.

        0 points
      • Pierre de MillyPierre de Milly, 2 years ago

        But Dribbble makes it quite easy to position your mouse so you can scroll w/o triggering any effect so there's that.

        That said, I still find it annoying.

        0 points
        • Evan DinsmoreEvan Dinsmore, 2 years ago

          I don't want to position my mouse, I just want it to work. Also, I have a chrome extension to view everything in @2x size by default, which makes it even worse.

          0 points
  • Rob DozierRob Dozier, 2 years ago

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

    3 points
  • Daniel J., 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

    2 points
  • Marco RodriguesMarco Rodrigues, 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.

    1 point
    • Tristam GochTristam Goch, 2 years ago

      How you meant people people to use your site ≠ How they actually use your site
      /devilsadvocate

      19 points
      • Marco RodriguesMarco Rodrigues, 2 years ago

        I totally agree. the question should we make sacrificed to our intended design in order to predict the actions of the user.

        0 points
  • William BoutWilliam Bout, 2 years ago

    this

    0 points
  • Jonathan ShariatJonathan Shariat, 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
  • Nate VandervisNate Vandervis, 2 years ago

    Are drawer menus bad too?

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

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

    0 points
  • Cihad TurhanCihad Turhan, 2 years ago

    +1

    0 points
  • Gabriel AnghelGabriel Anghel, 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