This kind of interface creates a terrible user experience. I've seen them before, and they always suck. The main issue is that you remove all context from the interaction. I don't know where I am relative to the entirety of the content. Furthermore, I can't jump to the point that I want.
It's disorienting and infuriating, and after about 10 seconds of exercising my middle finger (in multiple ways), I close the tab and add the site to my mental list of "examples of shitty UX".
Fortunately, this isn't the first such example, so I can provide solid evidence of how horrible this concept is. Ironically, it's the Famo.us Angular integration documentation...
Mike Bostock wrote a pretty good post about scroll-based storytelling last year: http://bost.ocks.org/mike/scroll/ https://news.ycombinator.com/item?id=8551724
http://www.nytimes.com/newsgraphics/2013/10/27/south-china- sea/
https://dl.dropboxusercontent.com/u/10190786/no-js.png
And becomes downright usable and pleasant without CSS:
This is wonderful execution. It's really hard to create something that's so easy to use. Its API looks surprisingly elegant.
As for the use cases and UX, remember that there's many types of projects. This could be used in a way that helps the UX for some kinds of experiences.
Just because this would be bad for your work, or the sites you like to go to, doesn't mean it's not a perfect fit for certain experiences.
Kudos.
Also, even if I were to want to use it, it's too heavily dependent on scroll speed. It's completely unusable on my computer unless I use the down arrow.
If you're going to make transitions like these, they should be initiated by something else, like the keyboard or buttons. The scroll bar was specifically designed for browsing vertical documents, not rocketing through spacetime.
We generally use web pages as our canvases and paint content on the x– and y-axises. This is our tangible abstraction of reality. Here we are going to explore what happens when we introduce z-axis to content presentation. Instead of stripping down reality to a plane, we are going to simplify it, keeping our three physical dimensions but only their minimal essence.
I could definitely see this being extended, contained within a frame and used (by intercepting and mimicking scroll actions) in order to present a slideshow in a smooth, consistent manner.
By itself, it's novel. But extended, I could see a few uses for it.
Interesting idea, degrades pretty well (for text only), and I enjoyed scrolling through smoothly with middle-click.
I agree though, bad use of saying "no js required".
