This is fantastic. Feels like a more natural behavior.
I agree. Some of the examples, like demo 2 and 3 feels most natural and useful. Some of the others makes me feel less in control.
RE: "feel less in control" How do you think demo 4 would feel as navigation across the top of the page? would people constantly be bumping it and exposing it? If it were triggered by proximity to a logo, I really wonder how frequently people would trigger a menu bar, get annoyed by it, etc. Any thoughts?
I love the demos tympanus puts together; got excited about this related to a project I'm on at the moment.
I think that the overall idea is very interesting. I think that demo 4 has the same problem that hover-triggered drop down menus have in general. If I haven't "asked for" the menu when I move the mouse in that direction it is annoying and unclear of what is going on. I like demo 2 and 3 because the controls is visible all the time.
I'm a big fan of demo 1 - proximity validation.. That seems pretty cool.. I guess it wouldn't work on long forms as you wouldn't see the error fields appearing if they are scrolled off-screen... But it wouldn't matter if it were combined with regular validation on-click.
Demo 2 - I feel like I've seen that quite a bit already.
Demo 3 I thought was interesting - but it felt a bit awkward when the mouse is left sitting nearby the input field and you're left with a halfway state where you can still type, but some of the "search" label is still present, and the opacity is midway. I feel like it needs to have more of a 'snap to x or y state' depending on proximity.
Demo 4 could work well, as long as you never place anything close to that side of the screen that might draw attention.. Could you imagine trying to click a button or something and this menu keeps opening!? Could be SUPER annoying..
Demo 5 is fun, but I think it could also use the same idea as I suggested for Demo 3 - 'snap to x or y state' depending on proximity.
Demo 6 feels nice, but easily over-styled in my opinion.
Demo 7 was nice with the text highlighting.. But this isn't really new. It certainly looked nicer than how it's done on Wikipedia for example.. But that's just styling / timing.
I love that people take the time to put this stuff out. So awesome!
For Demo 7, where does Wikipedia use it?
Go to any Wikipedia page, and hover over a blue link.
I think you're talking about the pop-up that appears once you're fulling hovering over the link. Demo7 has three places where there are progressive proximity hover effects: the beating heart, the scrolling mouse, and the squiggly line.
I wasn't unaware of the other places, I just didn't mention them because they didn't interest me.
Demo 7 was nice with the text highlighting