5 ms·

This is one recent design trend (along with the windowed images that scroll through their viewport) I wish would die in a hurry. I'm not a UX/UI guy, but it fe

by nkozyra 12y ago

This is one recent design trend (along with the windowed images that scroll through their viewport) I wish would die in a hurry. I'm not a UX/UI guy, but it feels like terrible UX/UI.

romanovcode 12y ago
I think it's already dying. I see less and less parallax sites whereas two years ago every startup had their site as parallax. :)
- ntaso 12y ago
  I tried to buy a theme from themeforest and it's extremely hard to fine one that is NOT completely polluted with CSS animations and parallax effects. I wish you were right, but just from the top-selling themes of marketplaces like themeforest, it seems that the trend is still quite big, unfortunately.
- at-fates-hands 12y ago
  One of the reasons is probably because parallax on mobile is a horrendous experience and people have started to catch on to this. I've only seen a handful of companies who can pull it off well. This is probably one of five I feel does it well: http://www.extreme-sensio.com/ http://www.extreme-sensio.com/
  - talmand 12y ago
    That's because it is simply done. For the most part the only thing that really happens in a big way is that the background changes out based on scroll position. Any other element that animates on scroll does so in a minor and subtle way. The actual scrolling of the page is not altered in any way. I agree, this is one of the better ways to handle such things if it has to be done.
dave5104 12y ago
I am a UX/UI guy, and I wish it would be used properly. What a lot of parallax sites like to do is mess with the scrolling of the page. ("Scrolljacking" is a term I've thrown around for stuff like this.) Don't do that. Ever. The user should always be able to scroll normally and not have their browser screen clunking along because they're not scrolling at a speed that is optimal for the animations at hand. Here's a decently bad offender for a visual of what I'm talking about: http://www.apple.com/mac-pro/ http://www.apple.com/mac-pro/ (After the initial animation, try scrolling down--it's not as easy as scrolling should be.)
- jnem 12y ago
  Wow,you weren't kidding, that's unforgivably bad, especially for the "UX Gods" at Apple.
  - Igglyboo 12y ago
    This is a good example of it done extremely well, also from Apple. http://www.apple.com/imac-with-retina/ http://www.apple.com/imac-with-retina/ It's even more impressive when you inspect it and see how it's done.
    - daddykotex 12y ago
      Hell yeah, thanks for sharing!
    - ollysb 12y ago
      How is it done? I see a couple of css transitions but there must be some js involved as well?
      - Raphmedia 12y ago
        Yes. They linked the scale of the image (CSS) to the scroll wheel with a bit of JavaScript.
      - Igglyboo 12y ago
untog 12y ago
It's open to abuse (hiding content until it's scrolled to, usually) but the actual visual idea of it is fine, as far as I'm concerned. Just don't try to communicate the main purpose of your page with it.
ntaso 12y ago
It is especially terrible, if you use your mouse wheel to scroll and not a swiping gesture on a trackpad. Parallax just looks horribly with a mouse wheel.
- tricolon 12y ago
  It is especially terrible if you use neither the mouse wheel nor the trackpad. The cursor keys, Home, End, Page Up, and Page Down simply don't work.
kelvin0 12y ago
I second that motion, bring it behind the barn and take it out of it`s misery. Especially when the scrolling pops up some unexpected graphic which is jarring and doesn't bring anything to the site`s aesthetic or UX.

by nkozyra 12y ago

This is one recent design trend (along with the windowed images that scroll through their viewport) I wish would die in a hurry. I'm not a UX/UI guy, but it feels like terrible UX/UI.

romanovcode 12y ago

I think it's already dying. I see less and less parallax sites whereas two years ago every startup had their site as parallax. :)

ntaso 12y ago
I tried to buy a theme from themeforest and it's extremely hard to fine one that is NOT completely polluted with CSS animations and parallax effects. I wish you were right, but just from the top-selling themes of marketplaces like themeforest, it seems that the trend is still quite big, unfortunately.
at-fates-hands 12y ago
One of the reasons is probably because parallax on mobile is a horrendous experience and people have started to catch on to this. I've only seen a handful of companies who can pull it off well. This is probably one of five I feel does it well: http://www.extreme-sensio.com/ http://www.extreme-sensio.com/
- talmand 12y ago
  That's because it is simply done. For the most part the only thing that really happens in a big way is that the background changes out based on scroll position. Any other element that animates on scroll does so in a minor and subtle way. The actual scrolling of the page is not altered in any way. I agree, this is one of the better ways to handle such things if it has to be done.

dave5104 12y ago

I am a UX/UI guy, and I wish it would be used properly. What a lot of parallax sites like to do is mess with the scrolling of the page. ("Scrolljacking" is a term I've thrown around for stuff like this.) Don't do that. Ever. The user should always be able to scroll normally and not have their browser screen clunking along because they're not scrolling at a speed that is optimal for the animations at hand. Here's a decently bad offender for a visual of what I'm talking about: http://www.apple.com/mac-pro/ http://www.apple.com/mac-pro/ (After the initial animation, try scrolling down--it's not as easy as scrolling should be.)

jnem 12y ago
Wow,you weren't kidding, that's unforgivably bad, especially for the "UX Gods" at Apple.
- Igglyboo 12y ago
  This is a good example of it done extremely well, also from Apple. http://www.apple.com/imac-with-retina/ http://www.apple.com/imac-with-retina/ It's even more impressive when you inspect it and see how it's done.
  - daddykotex 12y ago
    Hell yeah, thanks for sharing!
  - ollysb 12y ago
    How is it done? I see a couple of css transitions but there must be some js involved as well?
    - Raphmedia 12y ago
      Yes. They linked the scale of the image (CSS) to the scroll wheel with a bit of JavaScript.
    - Igglyboo 12y ago

untog 12y ago

It's open to abuse (hiding content until it's scrolled to, usually) but the actual visual idea of it is fine, as far as I'm concerned. Just don't try to communicate the main purpose of your page with it.

ntaso 12y ago

It is especially terrible, if you use your mouse wheel to scroll and not a swiping gesture on a trackpad. Parallax just looks horribly with a mouse wheel.

tricolon 12y ago
It is especially terrible if you use neither the mouse wheel nor the trackpad. The cursor keys, Home, End, Page Up, and Page Down simply don't work.

kelvin0 12y ago

I second that motion, bring it behind the barn and take it out of it`s misery. Especially when the scrolling pops up some unexpected graphic which is jarring and doesn't bring anything to the site`s aesthetic or UX.