Greetings
Can anyone point me in the direction of a useable design pattern for
an on / off toggle switch to be used online ie using JS / html / css
rather than flash? I'm working on an application that currently uses
colour coding to indicate whether an option is active or not. This
works in the r
The jQuery JavaScript framework is excellent for all JavaScript
coding, and provides not only toggle functionality (which is
particularly simple to implement), but also a number of additional
animation and easing functions (some as plugins you can drop in) that
can make the toggle just as "flashy"
The design pattern used in desktop applications is a raised versus
pressed button look, as a metaphor for real world buttons.
In case of the recording button, the on-state could have a small
animation, indicating the 'tape' is running.
Differentiation by color is not bad per definition, although
On Wed, Jul 29, 2009 at 10:09 AM, Sam Menter wrote:
> Can anyone point me in the direction of a useable design pattern for
> an on / off toggle switch to be used online ie using JS / html / css
> rather than flash?
Well, you could look at the Toggle Switch on the iPhone. You could emulat
Though you need to understand CSS/etc. You could use dhtml image
swapping to get the same graphical effect as flash.
Welcome to the Interaction Design Association (IxDA)!
To post to this list ... disc...@ixda.org
Unsubscribe
Lots of good suggestions above. The toggle can be red and black to
avoid confusion those who are color blind. Are you concerned about
accessibility for screen reader users as well?
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org
You could use CSS sprites where there is a difference in position of
an icon within the button image. For example if the icon or knob is
left edged, it could mean ON and if right edged then OFF.
Additionally you could add labels ON and OFF, also color such that
they are supportive alternative clues
Thanks for all the responses, I'm digging this one:
http://widowmaker.kiev.ua/checkbox/ - ideally I want this to be
workable for screenreaders, but I think the application is too complex
for the company to build an accessible version - it would cost $$$.
ixda saves the day again : )
2009/7/29 Ad
Perhaps I'm missing something. Isn't the classic pattern for a
toggle the checkbox? I've found from my own testing that users often
get confused if the wording is not clear enough to a checkbox.
If you want a push-button type thing with a light, it could work for
vision-impaired users by having a
Hi Alan
Thanks for responding. My issue with a checkbox is that conventionally
the response to the user's action isn't instantaneous (though it is
possible with js) - normally a checkbox is followed by a submit button
to action the user's input. I'm after more of a live on/off switch,
which is exe
10 matches
Mail list logo
