39 comments

  • wojtek w.wojtek w., 8 years ago (edited 8 years ago )

    Haven't seen it done anywhere, personally. But wow, that's baaaad. High-five for pointing it out.

    Isn't checkbox descriptive enough as to what the shape should be?

    28 points
  • Saijo GeorgeSaijo George, 8 years ago

    I am not a designer and I know that is stupid.

    11 points
  • Ivan BjelajacIvan Bjelajac, 8 years ago (edited 8 years ago )

    See that “Remote Friendly” control? It’s a trick control. It looks like a radio button, but it behaves like a checkbox. It’s deceptive. It leads us to expect one kind of behavior, then does something else.

    A deceptive trick control? Aren't you being a bit harsh? As someone else pointed out, it's a single selection control in which case it most probably works well. Along with being a little bit confusing, yes.

    Making a checkbox round is like labeling the Push side of a door Pull.

    I'm not defending these mistakes at all and I agree with you, but this is also an unnecesary hyperbole. And in the second case it might have also been a frontend dev's error.

    Designers are really eager to nitpick each others work, especially online where there's practically no accountability for your actions. That's what I have noticed lately.

    7 points
    • M. AppelmanM. Appelman, 8 years ago

      Article seems a bit sensationalized indeed.

      3 points
      • Brian FryerBrian Fryer, 8 years ago

        Sensationalized material often gets more attention. Which, in this instance, isn't a bad thing :)

        1 point
    • Daniel Morosan, 8 years ago

      I would say that radio button creates a sense of scarcity and urgeny (Yay or Nay). And that's enough to make the user interact.

      More than that, people are used to the difference between the radio and checkbox. It is deceptive in that sense.

      6 points
    • Daniel De Laney, 8 years ago

      Deceptive has two meanings, and I think you read the wrong one:

      1. intended to make someone believe something that is not true
      2. likely to make someone believe something that is not true

      The article is describing an aspect of design theory by using examples, not accusing people of being mustache-twirling design villains. :)

      9 points
  • Jono HerringtonJono Herrington, 8 years ago

    Sorry that you are getting trolled on about this article. Leave it to designers to get upset when they are told they should follow a pattern instead of doing it new whenever they want.

    With that said this fully comes down to user expectations and I fully agree with you that you have to be mindful of this. I think the problem does come down more to when you have two different checkboxes; however, it would be interesting to do some user research around this and ask them what they think.

    Now thinking about it, it might be that some are not trying to troll at all but would prefer to see some research to back these allegations. Anyways ... thanks for providing your input. Very valuable indeed.

    5 points
  • Joanne LJoanne L, 8 years ago

    The "checkboxes" in the native iOS reminders app are round and aren't very confusing (anyone think otherwise?). So maybe not never... But I do agree that they don't work well in those examples given though.

    5 points
    • Thomas PetersenThomas Petersen, 8 years ago

      But this is a website not iOS. On the web they are square.

      Of course this might change over time, but what about the radio buttons then? What shape should they have?

      0 points
      • Joanne LJoanne L, 8 years ago

        Whether it is a website or iOS it doesn't matter, both are digital experiences. The user is not going to act or think differently just because the interaction is within a browser. Not all websites/apps have the need for BOTH check boxes and radio buttons. If the site calls for both, then maybe the check box is square. My opinion is that the author shouldn't say never, because in some cases round check boxes can be okay.

        2 points
        • Thomas PetersenThomas Petersen, 8 years ago

          Of course it matters. It matters whats the established patterns on the given platform are. None of these are universal laws but they are agreed upon standards that ensures that the user doesn't get confused. Thats the experience you should be aiming for anyway.

          What should the radio button be then? Square?

          These are not rules because they are the only way things can be done, they are rules because good design require consistency.

          The user experience doesn't matter here, it's purely an aesthetic choice.

          2 points
  • Jacob TaylorJacob Taylor, 8 years ago

    X is never Y is a luddite attitude.

    5 points
  • Jesse PociskJesse Pocisk, 8 years ago

    "He could even select neither option and still click “Subscribe”. I have no idea what that does."

    I giggled.

    3 points
  • Dmitrij PaskevicDmitrij Paskevic, 8 years ago

    The funny thing is that I've found the case of using round radio buttons as checkboxes on Google IO 2015 site this year. I've pointed it to them on Twitter (https://twitter.com/Murrzeak/status/598853093430800385) and just noticed that they've changed it :)

    3 points
  • Arjun PenemetsaArjun Penemetsa, 8 years ago

    I feel like the second one is almost a dark pattern where they're trying to get you to sign up for both daily/weekly updates. I would assume this would probably annoy more people and make them opt out.

    3 points
  • Pedro Ivo HudsonPedro Ivo Hudson, 8 years ago

    I think the first one is fine. It kind of needs a pair to make the confusion. And it has a fancy effect. What botters me, is that when you multiple click it, it will use the os system's color as background.

    http://f.cl.ly/items/3C1K19090o0G2W2n1d1V/click.gif

    3 points
  • Sophia LuceroSophia Lucero, 8 years ago

    I've actually experienced the opposite, the page has a list of options where only one of them can be picked, but the designer uses checkboxes.

    I wrote about it, wondering what leads designers to do this when there's supposed to be a convention that exists. Like is it ok to break those rules now, or does nobody care about the distinction anymore?

    2 points
  • Jake FlemingJake Fleming, over 6 years ago

    Hey Dan. Just saw this link is down. Curious if you had a change of heart based on the current state of UI?

    If so, I'd love to hear what changed your mind!

    0 points
    • Daniel De Laney, over 6 years ago

      Hi, Jake. I really doubt that new trends will change my mind about a 30 year old convention, or the fundamental axioms of interaction design in general.

      My whole site is offline right now while I rethink what it should be like. The more notes I get like this, the quicker it’ll resurface. Thanks for the interest.

      0 points
  • Brand Winnie, 8 years ago

    You politically correct freaks on here are on a whole nother level.

    0 points
  • Malte NuhnMalte Nuhn, 8 years ago

    The consequence of clicking is both apparent and reversible... I wish more dark patterns were like that ;)

    0 points
  • Abdulrahman JarallahAbdulrahman Jarallah, 8 years ago

    I agree with the author if the platform is web desktop. But if it's mobile there are many native apps that do rounded checkboxes.

    0 points
  • Lucas MoralesLucas Morales, 8 years ago

    On the first case, you are assuming users expect one behavior, but I'm not that sure the average guy knows or even bothers about it.

    This seems like a gratuitous attack, which only makes design scarier for newcomers.

    0 points
    • Sjors TimmerSjors Timmer, 8 years ago

      Imagine posting this on a forum for health professionals :)

      1 point
    • Xalion MalikXalion Malik, 8 years ago

      Average guy does. Maybe not that big of matter but average guy does. Were you not familiar with windows 95?

      0 points
  • Peter MainPeter Main, 8 years ago

    Slow news week

    -1 points