My issue with this approach is that the menu area “bounces” into view
a moment after you’ve finished scrolling the page. This is needlessly
distracting. Someone scrolled because they wanted to pay attention to
something else – the content – and having motion in your peripheral
vision hits the avian part of your brain right in the fight-or-flight
response. Quite unsettling. It’s almost always going to be peripheral
vision because you aren’t looking in the blank spot where the menu
will appear, you are looking at the text or other content in the
middle of the screen, scanning intently for the place you left off so
you can continue reading. Your attention is focused, and then just as
you are homing in on the place you left off, you get distracted by
motion out of the corner of your field of vision. (‘Is that a tiger in
the grass, or just the wind?’, some ancient part of your brain
whispers to your adrenal gland…)
It’s one thing to do this with an ad – they’re designed to be
intrusive and disruptive – but to do it with something that is of
maybe tertiary importance to the task at hand is just not good
information design. It’s putting the site structure (in the form of
the exit sign) above the site content in the hierarchy of importance,
in other words. I’m not sure the Apple store system passes this test
either, I definitely remember the first time I saw this, and I know
that I do because it stood out. I suppose it’s a lesser evil, but it
may be something you want to reserve for particular parts of your
content that you intend to be disruptive.
Walter
On Apr 2, 2011, at 11:41 AM, Thomas Kimmich wrote:
Hi all,
how would the experts judge about the following small example?
open spoken I expected to “fail the theme” here and I respect your basic idea, cause it’s really annoying to have a follower like in my example.
Anyway it does not really play nice for me. The following example shows the “center page” within inspector. It seems to slightly jump down and up here:
Okay, try this, tested in both centered and left-aligned pages:
I can’t duplicate the little “jump” I see in your page with any test
pages here. Are you applying any other Actions to the page, or using
any includes or other techniques to add content to the page after
JavaScript has read it?
Walter
On Apr 3, 2011, at 10:53 AM, Thomas Kimmich wrote:
Hi Walter,
open spoken I expected to “fail the theme” here and I respect your
basic idea, cause it’s really annoying to have a follower like in my
example.
Anyway it does not really play nice for me. The following example
shows the “center page” within inspector. It seems to slightly jump
down and up here:
How would I use this on my site - www.newwheel.net - to keep the bottom navigation bar stuck to the bottom, even on an iPad and iPhone?
I’ve been very interested in making this work for awhile now.
This Action won’t do that, sorry. It’s not doing a pure “fixed in
window” replacement.
Walter
On Apr 5, 2011, at 12:48 AM, Brett wrote:
How would I use this on my site - www.newwheel.net - to keep the
bottom navigation bar stuck to the bottom, even on an iPad and iPhone?
I’ve been very interested in making this work for awhile now.
Waltd, I just tried this and it doesn’t work. I am using Chrome and it doesn’t even work in the example on your site. I scroll and it stays put without moving with the scrolling.
I’d like to use this on a future template but will have to revert to JQuery if need be.
Did you have this issue using the Sticker Action, or with the hand-
rolled code? What version of Chrome?
Walter
On Apr 14, 2011, at 1:46 AM, Dan J wrote:
Waltd, I just tried this and it doesn’t work. I am using Chrome and
it doesn’t even work in the example on your site. I scroll and it
stays put without moving with the scrolling.
I’d like to use this on a future template but will have to revert to
JQuery if need be.
Just to be clear – this page: Sticker
is working fine in the latest version of Chrome, just downloaded
minutes ago. I would be startled if that wasn’t the case, since it’s
using the same WebKit as Safari, and position:fixed goes all the way
back to the dinosaurs of that framework.
Walter
On Apr 14, 2011, at 8:22 AM, Walter Lee Davis wrote:
Did you have this issue using the Sticker Action, or with the hand-
rolled code? What version of Chrome?
Walter
On Apr 14, 2011, at 1:46 AM, Dan J wrote:
Waltd, I just tried this and it doesn’t work. I am using Chrome
and it doesn’t even work in the example on your site. I scroll and
it stays put without moving with the scrolling.
I’d like to use this on a future template but will have to revert
to JQuery if need be.
I can’t repeat this. (New document, draw a colored HTML box more than
30px from the top of the page, apply Sticker, set the top limit to
30px, draw another element way down the page to provoke a scrollbar,
Preview in Chrome.) Could you post a failing example?
Walter
On Apr 14, 2011, at 1:23 PM, Dan J wrote:
Doesn’t work in Firefox 4 or Chrome when I set the px distance from
the top to 30px. It works when it is 10px, but not when changed to
30px.
I can’t see any browser problems yet (hand-rolled code) except of the layer limitation of the action itself. I struggle with this with other actions too, cause I use to make full-inline content, centering the page with inner-divs and not via inspector. So I can’t place layers within my artwork (or do I miss here something?)
So I hope instantly to fix those nice pieces of implements into this direction.
I don’t know how you would pull this off with an inline DIV either.
It’s possible that you’d need to switch the element to position-
absolute, then start fiddling with the top offset in real time, like
the way that the slider effect moves an inline div around: http://scripty.walterdavisstudio.com/slider
Walter
On Apr 14, 2011, at 2:00 PM, Thomas Kimmich wrote:
I can’t see any browser problems yet (hand-rolled code) except of
the layer limitation of the action itself. I struggle with this with
other actions too, cause I use to make full-inline content,
centering the page with inner-divs and not via inspector. So I can’t
place layers within my artwork (or do I miss here something?)
So I hope instantly to fix those nice pieces of implements into this
direction.
Get the popcorn ready, here’s a ScreenCast of my issue. It uses just Firefox 4, but it’s the same for Chrome. Looks like when you put in a different value it doesn’t put the prototype files up at the top.
If that’s the issue, then try holding down the Control key and
choosing Publish Everything. There’s a long-standing bug in Freeway
where the list of attached files to a page can get out of order/index.
But I thought this was worked on very heavily recently, so you might
want to file a bug report against this.
I also notice you’re doing this on a Master Page, do you see the same
problem if you are on a normal page?
Also, what happens if you remove the Action, publish, then apply it
again, only this time set it to 30 BEFORE you publish the first time?
Walter
On Apr 14, 2011, at 3:04 PM, Dan J wrote:
Get the popcorn ready, here’s a ScreenCast of my issue. It uses
just Firefox 4, but it’s the same for Chrome. Looks like when you
put in a different value it doesn’t put the prototype files up at
the top.
I just tried these steps Walt with little or no results. I had originally thought it was an issue with the Publish Everything, but for some reason it doesn’t put the files for prototype scripts regardless if I hold the button down or not.
I did test this on a regular page and it worked, made some changes to other items, and then it didn’t work. Very inconsistent in regards to what might be causing the issue.
I did now just try to change it before publishing and it fails. Seems like 10 is the safe number.
I think it has to do with it being a Master Page. I never tested it
there, so I didn’t see it. I’ll file a bug.
Walter
On Apr 15, 2011, at 8:54 PM, Dan J wrote:
I just tried these steps Walt with little or no results. I had
originally thought it was an issue with the Publish Everything, but
for some reason it doesn’t put the files for prototype scripts
regardless if I hold the button down or not.
I did test this on a regular page and it worked, made some changes
to other items, and then it didn’t work. Very inconsistent in
regards to what might be causing the issue.
I did now just try to change it before publishing and it fails.
Seems like 10 is the safe number.
Actually, I still can’t repeat it, not on a Master Page or a regular
child page. Do you have anything else on the page besides the sticker
object and one other object to force the scroll? Any other Actions? Is
it an inline layout or a standard positioned layout? It just works, no
issue with the Prototype being applied. It sticks where I place it, if
I change the number after setting it initially, it still works.
I’m using Freeway Pro 5.5.4 and Sticker 0.1.
Walter
On Apr 15, 2011, at 8:54 PM, Dan J wrote:
I just tried these steps Walt with little or no results. I had
originally thought it was an issue with the Publish Everything, but
for some reason it doesn’t put the files for prototype scripts
regardless if I hold the button down or not.
I did test this on a regular page and it worked, made some changes
to other items, and then it didn’t work. Very inconsistent in
regards to what might be causing the issue.
I did now just try to change it before publishing and it fails.
Seems like 10 is the safe number.