5 ms·

Goodness me, this is an exemplary example of the type of website that I just cannot abide. Style over content, and the presentation just plain getting in the w

Goodness me, this is an exemplary example of the type of website that I just cannot abide. Style over content, and the presentation just plain getting in the way of the information, to the point that the user ends up leaving rather than finding out what the site is attempting to convey. Awful. Just awful.

kzrdude 6y ago
I agree. A simple "More info" or "How does it work" link at the top or bottom would have kept me there.
trynewideas 6y ago
I hate this whole genre of site design/parallax abuse. The Nexus 5 page does the same thing. It's a commercial that gives you a trivial amount of control over playback, not a website.
- Shared404 6y ago
  Yeah this was really bad. I actually like the way parallax looks, within reason. This was not within reason.
  - niwork 6y ago
    Know of any libraries that will achieve this kind of parallax scrolling-to-reveal rather than just scroll between pages?
    - Shared404 6y ago
      No libraries off the top of my head. I know w3[.]css[0] has one example page[1] with a parallax , but I don't know if that's what you're looking for. LineageOS[2] has a site with a decently readable source code. They also don't have exactly what you are looking for, but the <img> with id="rotate-on-scroll" (The spinning phones) and the related script[3] look like they could somewhat related -- you could probably change the transform in the script to accomplish what you're looking for. [0] https://www.w3schools.com/w3css/ https://www.w3schools.com/w3css/ [1] https://www.w3schools.com/w3css/tryw3css_templates_parallax.htm https://www.w3schools.com/w3css/tryw3css_templates_parallax.... [2] https://lineageos.org/ https://lineageos.org/ [3] view-source:https://lineageos.org/ https://lineageos.org/ (lines 1247-1263)
      - niwork 6y ago
        Thanks for the pointers. Achieving the parallax seems to be easy enough, but combining it with all these aminations seems a bit more tricky. The animations are more complex than animate.css's approach of just animating when the component is displayed - you can play the animation in reverse by scrolling up rather than down. I've seen the New York Times and BBC produces stories told in that parallax / animated type way and it's very effective. I'm guessing therefore that they use a standard parallax approach and them one or more animation libraries together; I was hoping there was one neat library that brought it all together but maybe that's asking for too much.
XCSme 6y ago
I am partially an UI/UX designer and it took me a minute to figure out I have to scroll...
javajosh 6y ago
I agree, but I actually really liked the interior design photos. That sofa! That TV stand! So sparse and yet luxurious at the same time. (I am NOT being sarcastic. That furniture is drool worthy, and the photography is first rate.)
aikinai 6y ago
It also would barely run on my 2019 MacBook Pro. I left before figuring out what Google TV is.
aronsa 6y ago
I'm on firefox, and the scrolling is jarringly jittery and rough, making it feel like something is broken. Ignoring the lack of useful information, even the aesthetics are broken.
- qwertox 6y ago
  For me even in Chrome. Also, I wasn't even sure if I should have expected a "Specifications" section, which was the reason for me to scroll all the way down to the end. Absolutely horrible.
niwork 6y ago
This kind of design has its place but this probably isn't it. I am curious what they've used to achieve the endless scrolling type parallax. A while back I looked for libraries to achieve this and didn't find anything other than fullPage.js which doesn't seem to have an option for this (only full page transitions).
- subroutine 6y ago
  Animate on Scroll https://michalsnik.github.io/aos/ https://michalsnik.github.io/aos/
rawbot 6y ago
This page gave me a lobotomy.
greenimpala 6y ago
Agree completely, It's extremely jarring.
rkangel 6y ago
The group of websites that cause me the most frustration is fancy restaurants. The trend seems to be ending now thankfully, but so many of them have animations, massive graphics and other bits and pieces that make them slow to load, a pain to use and not work on mobile. I just want to look at a menu and then book a table.

kzrdude 6y ago

I agree. A simple "More info" or "How does it work" link at the top or bottom would have kept me there.

trynewideas 6y ago

I hate this whole genre of site design/parallax abuse. The Nexus 5 page does the same thing. It's a commercial that gives you a trivial amount of control over playback, not a website.

Shared404 6y ago
Yeah this was really bad. I actually like the way parallax looks, within reason. This was not within reason.
- niwork 6y ago
  Know of any libraries that will achieve this kind of parallax scrolling-to-reveal rather than just scroll between pages?
  - Shared404 6y ago
    No libraries off the top of my head. I know w3[.]css[0] has one example page[1] with a parallax , but I don't know if that's what you're looking for. LineageOS[2] has a site with a decently readable source code. They also don't have exactly what you are looking for, but the <img> with id="rotate-on-scroll" (The spinning phones) and the related script[3] look like they could somewhat related -- you could probably change the transform in the script to accomplish what you're looking for. [0] https://www.w3schools.com/w3css/ https://www.w3schools.com/w3css/ [1] https://www.w3schools.com/w3css/tryw3css_templates_parallax.htm https://www.w3schools.com/w3css/tryw3css_templates_parallax.... [2] https://lineageos.org/ https://lineageos.org/ [3] view-source:https://lineageos.org/ https://lineageos.org/ (lines 1247-1263)
    - niwork 6y ago
      Thanks for the pointers. Achieving the parallax seems to be easy enough, but combining it with all these aminations seems a bit more tricky. The animations are more complex than animate.css's approach of just animating when the component is displayed - you can play the animation in reverse by scrolling up rather than down. I've seen the New York Times and BBC produces stories told in that parallax / animated type way and it's very effective. I'm guessing therefore that they use a standard parallax approach and them one or more animation libraries together; I was hoping there was one neat library that brought it all together but maybe that's asking for too much.

XCSme 6y ago

I am partially an UI/UX designer and it took me a minute to figure out I have to scroll...

javajosh 6y ago

I agree, but I actually really liked the interior design photos. That sofa! That TV stand! So sparse and yet luxurious at the same time. (I am NOT being sarcastic. That furniture is drool worthy, and the photography is first rate.)

aikinai 6y ago

It also would barely run on my 2019 MacBook Pro. I left before figuring out what Google TV is.

aronsa 6y ago

I'm on firefox, and the scrolling is jarringly jittery and rough, making it feel like something is broken. Ignoring the lack of useful information, even the aesthetics are broken.

qwertox 6y ago
For me even in Chrome. Also, I wasn't even sure if I should have expected a "Specifications" section, which was the reason for me to scroll all the way down to the end. Absolutely horrible.

niwork 6y ago

This kind of design has its place but this probably isn't it. I am curious what they've used to achieve the endless scrolling type parallax. A while back I looked for libraries to achieve this and didn't find anything other than fullPage.js which doesn't seem to have an option for this (only full page transitions).

subroutine 6y ago
Animate on Scroll https://michalsnik.github.io/aos/ https://michalsnik.github.io/aos/

rawbot 6y ago

This page gave me a lobotomy.

greenimpala 6y ago

Agree completely, It's extremely jarring.

rkangel 6y ago

The group of websites that cause me the most frustration is fancy restaurants. The trend seems to be ending now thankfully, but so many of them have animations, massive graphics and other bits and pieces that make them slow to load, a pain to use and not work on mobile. I just want to look at a menu and then book a table.