This forum has been archived. All content is frozen. Please use KDE Discuss instead.

Usability hazard with checkboxes

Tags: None
(comma "," separated)
tverron
Registered Member
Posts
12
Karma
0
jstaniek wrote:Question of the day: can you tell what is On, what is Off here?

Image

PS: thanks so much for the style backport of Qt 4!


I came to this forum today precisely to report this: it's interesting that this thread got bumped not long ago, and it's also interesting that this behavior was reported 1 year ago and was not changed (without any more discussion from what I could find).

So, as a user, I'd like to answer: the second line is perfectly clear, the first line requires a conscious effort every time. I believe that the other way round (i.e. "white always means unchecked, even when the line is selected") would have been slighly more intuitive, but still not clear-cut.

In my opinion:
- the appearance of a ticked checkbox should not change if the line is selected, only if the tick-status changes (because that's the point of the tick-status)
- when glancing at a list, separating ticked items from unticked ones should be instantaneous

With the current display, none of this is achieved.

On top of that, on some systems, clicking the text of a checkmark does activate it (for example most online forms work like that). Plasma checkboxes (if that makes any sense) don't work like that everywhere... This is not a problem per se, but the UI does not make this behavior crystal-clear!

Suggestion : if bringing back the checkmark is not an option, would it be possible, in the default theme, to change the "selected line" display to just a plain color (not the same color as the checkbox!), and not some color inversion? Or are there the same technical limitations?

This was taken with kubuntu 15.10, default theme:
Image

Last edited by tverron on Wed Nov 04, 2015 10:56 am, edited 1 time in total.
tverron
Registered Member
Posts
12
Karma
0
I am a double post, please ignore me. ;D
User avatar
gregormi
Registered Member
Posts
87
Karma
1
OS
For cross-reference, on 2015-10-23, a new post to the same topic was opened without knowing the first one: viewtopic.php?f=285&t=128946
User avatar
jstaniek
Moderator
Posts
1027
Karma
2
OS

Re: Usability hazard with checkboxes

Sat Nov 07, 2015 11:04 am
This bug is so old now and apparently nobody has come up with a solution so here is a KISS one.

I have learned that form follows function. Good designer understands that visual design is a secondary thing.

There are two symbols to consider as signs: a tickmark or a crossmark. Nothing else works it seems.

So my proposal uses the cross since it's feels more minimalistic than anything I invented for a tick mark:

Image

(the 3rd row presents a "3rd state" symbol)

Thanks.


Best regards,
Jarosław Staniek
• Qt Certified Specialist
KEXI - Open Source Visual DB Apps Builder
• Request a feature or fix for KEXI here
May I help you? Please mention your app's version and OS when asking for help
User avatar
jstaniek
Moderator
Posts
1027
Karma
2
OS

Re: Usability hazard with checkboxes

Sat Nov 07, 2015 11:21 am
Crossmark #2 proposal, reminding me a style used on paper forms. Uses thin line compatible with the current aesthetics and used by breeze too. Also the 3rd-state reworked to make it less similar to a checked radio button.

Image.


Best regards,
Jarosław Staniek
• Qt Certified Specialist
KEXI - Open Source Visual DB Apps Builder
• Request a feature or fix for KEXI here
May I help you? Please mention your app's version and OS when asking for help
hugo.pereira@free.fr
Registered Member
Posts
133
Karma
0
jstaniek wrote:This bug is so old now and apparently nobody has come up with a solution so here is a KISS one.


Actually, last entry to bug 344348 (https://bugs.kde.org/show_bug.cgi?id=343428) dates from ... today (and the previous one from less than 2 weeks ago), and also has a proposal in there.
User avatar
jstaniek
Moderator
Posts
1027
Karma
2
OS
@Hugo, thanks
Looks sane and natural.
Image

+1 for implementing that.

BTW, will radio buttons look consistent?

For the record I'll still use the crossmark when checkbox is printed on paper, ie. when background is plain.


Best regards,
Jarosław Staniek
• Qt Certified Specialist
KEXI - Open Source Visual DB Apps Builder
• Request a feature or fix for KEXI here
May I help you? Please mention your app's version and OS when asking for help
hugo.pereira@free.fr
Registered Member
Posts
133
Karma
0
jstaniek wrote:@Hugo, thanks
Looks sane and natural.
Image

+1 for implementing that.

Will do asap yes.

I'm still a bit worried though that the "checked" + "selected" mark looks too similar to "unchecked" "unelected" with color inversion.
Will see.


jstaniek wrote:BTW, will radio buttons look consistent?

Guess so, yes. Not sure about Andrew's oppinion about it, but I too think it should be made consistent.
hugo.pereira@free.fr
Registered Member
Posts
133
Karma
0
For the record,
I have implements Andrew's soluton for both checkboxes and radiobuttons and pushed the change, because I think it works really well. (kudos)
For completeness, two more screenshots, to illustrate that even if the surrounding checkboxes are in the opposite check state as the selected one, it is still clear, IMO, what the selected checkbox state is:

Image Image
User avatar
jstaniek
Moderator
Posts
1027
Karma
2
OS
Looks great, Hugo.

One only related question is, why the frame of the OFF box is gray and the frame of the ON box is blue.
I thought both shall only differ in one thing: existence of the blue box inside.


Best regards,
Jarosław Staniek
• Qt Certified Specialist
KEXI - Open Source Visual DB Apps Builder
• Request a feature or fix for KEXI here
May I help you? Please mention your app's version and OS when asking for help
hugo.pereira@free.fr
Registered Member
Posts
133
Karma
0
jstaniek wrote:Looks great, Hugo.

One only related question is, why the frame of the OFF box is gray and the frame of the ON box is blue.
I thought both shall only differ in one thing: existence of the blue box inside.


Wasn't that the design choice from day one ?
It is also drawn this way in Andrew's screenshot.
I'll let him comment further.
User avatar
jstaniek
Moderator
Posts
1027
Karma
2
OS
Yes it was. I noted the colours just now. One consequence is that the OFF and disabled-OFF check boxes (and radio buttons) look very similar.


Best regards,
Jarosław Staniek
• Qt Certified Specialist
KEXI - Open Source Visual DB Apps Builder
• Request a feature or fix for KEXI here
May I help you? Please mention your app's version and OS when asking for help


Bookmarks



Who is online

Registered users: bancha, Bing [Bot], Evergrowing, Google [Bot], lockheed, mesutakcan