Assuming this isn't an April Fools joke...<p>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.<p>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".<p>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...<p><a href="https://famo.us/integrations/angular/#/1" rel="nofollow">https://famo.us/integrations/angular/#/1</a>
There are ways of doing scroll-based storytelling right but this ain't it. This library does have the right idea that scrolling should be continuous, but if you over- or underscroll the content you get trapped in a weird middle ground of a tween between two states, and it's frustrating to exactly line up your viewport to the content so it's readable.<p>Mike Bostock wrote a pretty good post about scroll-based storytelling last year: <a href="http://bost.ocks.org/mike/scroll/" rel="nofollow">http://bost.ocks.org/mike/scroll/</a> <a href="https://news.ycombinator.com/item?id=8551724" rel="nofollow">https://news.ycombinator.com/item?id=8551724</a>
Aside from the fact this hits Poe's Law so hard that it is impossible to tell whether it's an April Fools joke, i am pleased that it degrades somewhat gracefully without JS:<p><a href="https://dl.dropboxusercontent.com/u/10190786/no-js.png" rel="nofollow">https://dl.dropboxusercontent.com/u/10190786/no-js.png</a><p>And becomes downright usable and pleasant without CSS:<p><a href="https://dl.dropboxusercontent.com/u/10190786/no-css.png" rel="nofollow">https://dl.dropboxusercontent.com/u/10190786/no-css.png</a>
These comments are very narrow-minded and hostile.<p>This is wonderful execution. It's really hard to create something that's so easy to use. Its API looks surprisingly elegant.<p>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.<p>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.<p>Kudos.
It's definitively an interesting demo, but not the kind of thing one looks forward to when trying to scroll on a page with the purpose of reading it.
Great work and useful examples that shows how much richer the web has become since the dark old days when <blink> and <marquee> was the only options to make your web page eye-catching.
I am sure this could be used in creative ways, but how is this not essentially manual stop-motion video? It's amazing that technology has progressed so much that now I can manually flip through stop-motion visualization. Let's call it a flip-book.
I've been thinking about implementing a sort of slideshow like this.<p>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.<p>By itself, it's novel. But extended, I could see a few uses for it.<p>Interesting idea, degrades pretty well (for text only), and I enjoyed scrolling through smoothly with middle-click.
It isn't as good as this one, that happens to also implement acceleration: <a href="http://okmove.tumblr.com/" rel="nofollow">http://okmove.tumblr.com/</a> (and it was made years ago by the folks who designed soylent packaging).