TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Crocodoc's HTML5 page flip

59 点作者 peterlai超过 12 年前

19 条评论

overshard超过 12 年前
This is cool from a programming perspective but it is poor UX. I believe everyone on HN knows this but the problem area are my clients. They run across stuff like this and think it looks cool/fun. Instead of listening to reason they demand stuff like this and end up with bad websites because all I can do it advise them but then make what they want.<p>Please stop spreading bad UX, leave page flipping to actual pages/paper.
评论 #4628548 未加载
评论 #4628448 未加载
评论 #4629438 未加载
randallu超过 12 年前
Can't wait to see CSS Shaders land, then we can do this and correctly deform the HTML to make it look like it is on the "paper" (instead of being clipped to the paper). Still, with the curves they use it looks pretty good as is.<p>It's nice to see the web platform is capable of effects like this and I think the "usability" complaints in other comments are lame. You could use this to hide controls underneath a UI (ala Maps on iOS), for example (though maybe if you're "zen of palm"ing it you'd rather minimize clicks and put buttons everywhere, your choice); it doesn't have to replace scrolling.
评论 #4628417 未加载
dcope超过 12 年前
While this is (technically) interesting, I don't see it being useful at all on a computer. Page curls are good on devices that can somewhat mimic a page but it really just feels awkward with a mouse or trackpad.
评论 #4628367 未加载
caseorganic超过 12 年前
When done well, a skeuomorph helps a user to feel comfortable with an interface. Slight textures in digital interfaces help them to feel tactile. Good skeuomorphs take cues from an analog world to help a user navigate a digital one. when done poorly, the skeuomorph forces the user to deal with an interface in an outdated way by blatantly ignoring the fact that the interaction is being done on a platform that is capable of handling new and improved interactions.<p>This "page turn" skeuomorph really bothers me. If there is to be any animation at all, it should be to cover up load time, and the user should not have to click and drag with an extremely RSI-incuding stroke to get the page to turn. It feels like the page weighs 50 pounds. Digital interfaces are not material. They are supposed to be frictionless. They are supposed to take the work out of interaction.<p>I want to click on the right side of the page and have the animation quickly play so that I can get to my content. Focusing on the entire page flip takes me right out of the content.<p>I know that a book in real life takes some effort to hold, and some effort to flip a page, but designers should really reconsider designs that "look pretty" but keep that same effort around when they translate a book into a digital format.<p>I cringed when I first saw this kind of behavior in Flash. One or two people figured out how to program a page turner, released a tutorial and everyone was off to the races to create their own. Excellent programming exercise - extremely bothersome UX. Now we can see the entire thing play out again, in high def CSS!
noonespecial超过 12 年前
First thought: this might actually make sense on tablets.<p>Totally doesn't work on my iPad.
martyfm超过 12 年前
Some time ago, Google released <a href="http://www.20thingsilearned.com" rel="nofollow">http://www.20thingsilearned.com</a> and the source -&#62; <a href="http://code.google.com/p/20thingsilearned/" rel="nofollow">http://code.google.com/p/20thingsilearned/</a>
pgrote超过 12 年前
I can't get the pager flip to go all the way over. I am using Windows 7/Chrome and clicking/dragging the bottom corner. I can't get the first page to go past the paperclip. I feel silly asking, but what am I doing wrong?
评论 #4628511 未加载
taude超过 12 年前
Is this supposed to do something on my iPad? Doesn't seem like the metaphor is really appropriate for non-tablet devices and this isnt working on my iPad.
评论 #4628918 未加载
pacomerh超过 12 年前
Much smoother without the shadow. I can't believe we're there already, the worlds famous page flipper without flash :)
hayksaakian超过 12 年前
I don't get it, looks like a huge POS on my screen (10 inch netbook, see screenshot) <a href="https://picasaweb.google.com/lh/photo/ScOWQmywYCDt9sJu0nQaWcs4WckHW8ofRKlVOjAf3-s" rel="nofollow">https://picasaweb.google.com/lh/photo/ScOWQmywYCDt9sJu0nQaWc...</a>
评论 #4629277 未加载
timpeterson超过 12 年前
Great stuff Peter, thanks for sharing the latest at Crocodoc!
debacle超过 12 年前
This doesn't seem to be working for me in the latest Firefox.
评论 #4629391 未加载
liquidise超过 12 年前
The comments on this article border on shameful. Props to crocodoc for building this. The demo is really good, and there is a lot of impressive attention to detail: try pulling a page up while a page is already flipped.<p>Screw the misplaced hate and self-righteous UX criticisms. This is a tech demo. Much like chrome experiments. Appreciate it for what it is.
pg_bot超过 12 年前
I've seen this done a couple of different times, and it still makes zero sense from a usability standpoint. What is wrong with vertical scrolling? The entire gesture of clicking and dragging is awkward and makes zero sense when using a computer to read content.
at-fates-hands超过 12 年前
Annnnnnnnnnnd if I don't your using page flip, how am I supposed to figure out how to use this page, or know if there's even additional pages I should see?<p>Interesting concept, but the user experience is seriously lacking.
alpb超过 12 年前
Yeah, you should try that in IE 10. Probably looks much more different than Webkit and Mozilla.
antimora超过 12 年前
Does not work on iPad
jlm382超过 12 年前
wow, this is super cool. Good work!
Toshio超过 12 年前
What if this is specifically intended to be a tablet-only user experience? Suddenly it makes sense.