I've struggled to find any sort of argument that supports either of my theories so i wanted to see what the UX community at large thinks about this.
Scenario
I have an online shop. When you view a product list view you're presented with checkboxes and labels to filter the products visible.
Clicking the label, as a given, would check or uncheck the checkbox.
Argument to style them as links
The labels are clickable and perform an action when clicked. We should make it obvious the label is clickable or people will not know they can do it.
Argument against styling them as links
The label should be clickable, for ease of use and to make the checkbox target bigger in a way, however ultimately the checkbox is the element the user is interacting with, not the link.
So making a label look like any other hyperlink (blue underlined) would potentially confuse the user into believing clicking that link may navigate them elsewhere.
I would however make the label display the pointer cursor when hovered as it's a non-intrusive way of indicating something can be clicked.
Other sites
So looking at other websites with filter by menus it's fairly damming that those sites display the labels as links. This doesn't make the decision the correct one (as they could be misadvised).
www.asos.com
www.sportsdirect.com
Amazon, however, make the filter labels appear like links when hovered but do not use their default link colour. This however is probably done to show the hierarchy of their primary and secondary links.
If yes for checkboxes, what about other form elements?
Depending on what answers come back i'll throw in another argument against checkbox links. If we say checkbox labels should be links then does this same argument apply to labels for elements, for elements etc?
No comments:
Post a Comment