• Feeling isolated? You're not alone.

    Join 20,000+ people who understand exactly how your day went. Whether you're newly diagnosed, self-identified, or supporting someone you love – this is a space where you don't have to explain yourself.

    Join the Conversation → It's free, anonymous, and supportive.

    As a member, you'll get:

    • A community that actually gets it – no judgment, no explanations needed
    • Private forums for sensitive topics (hidden from search engines)
    • Real-time chat with others who share your experiences
    • Your own blog to document your journey

    You've found your people. Create your free account

Mystery Switch

Shevek

Shevek

Well-Known Member
V.I.P Member
Recently I've been having to make on-line selections using a circle "sliding"to one side or the other of a horizontal oval. However, there is never any indication of which side means what. Is there some new convention I've missed?
 
Something like this, perhaps?

checkbox-02-1871176203.png

That have replaced the tick box/check box?

If so, they are called toggle switches or toggle buttons. It's a case of mobile device design conventions becoming part of web design conventions. Circle on the left of the oval means unselected. Circle on the right of the oval means selected, but I guess some designers don't bother changing the colour or tone or contrast to further indicate selected or not.
 
Last edited:
multiple choices should be a check box, however option button can be used but is ideally only few options such as payment method and do you want delivery.
But you can change default, however Microsoft developers are encouraged to use set standard for clarity.
A selection of choices or shopping cart should give list box.... Not sure on this example if developer is following standards
 
Angular Chap said:
Something like this, perhaps?

View attachment 124907
That have replaced the tick box/check box?

If so, they are called toggle switches or toggle buttons. It's a case of mobile device design conventions becoming part of web design conventions. Circle on the left of the oval means unselected. Circle on the right of the oval means selected, but I guess some designers don't bother changing the colour or tone or contrast to further indicate selected or not.
Click to expand...
Thanks. The ones I've seen look like your top right example, but AFAIR, the "background" would stay blue on the third one down. The first one I saw was for selecting between two options, not turning one on or off. It wasn't labelled, and it probably cost me $70.
 
Shevek said:
Thanks. The ones I've seen look like your top right example, but AFAIR, the "background" would stay blue on the third one down. The first one I saw was for selecting between two options, not turning one on or off. It wasn't labelled, and it probably cost me $70.
Click to expand...
English is left-to-right, so that's probably why "on" is to the right.
 
You must log in or register to reply here.

New Threads

Top Bottom