Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Good day,

I have an "checkbox icon" which opens a window with checkbox groups. enter image description here

I'm not really enjoying the background-color of the icon, I think it's better without the background. enter image description here

But obviously the user wont imagine it's a button... Do you know any way to make the button more beautiful? Or do you think I can let him like the second image? (without the light grey, I made fastly the change with a debugger)

share|improve this question

closed as unclear what you're asking by Code Maverick, Joshua Barron, Charles Wesley, 3nafish, greenforest Jul 3 at 21:23

Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question.If this question can be reworded to fit the rules in the help center, please edit the question.

1 Answer 1

up vote 0 down vote accepted

Your "checkbox button" seems to have the following function : allow the user to open a filters or options view with additional items that you do not want to keep on the main view, for instance because they are useful in certain rare cases only.

Keeping the checkbox with no background and no caption is not an option because :

  1. it would be understood as "tick here to select this option" without saying which option
  2. it would surprise any user clicking on it as opening a more expanded view is not standard behaviour for a checkbox, especially if it is already ticked, which seems to be the case in your mockup.

Making a button embedding the ticked checkbox might also be confusing because of the mixing of the two behaviours and meanings (a button lets you think it will trigger an action whereas a checkbox allows you to tick something before a submission and its consequent action).

If you really wish to go this way, you might want to consider more symbolic representations in your button such as those you can find on http://uxrepo.com/icon/check-empty-by-font-awesome .

However, one recommendation could rather be to replace your checkbox by a small textual caption like "more filters", potentially italicized.

share|improve this answer
    
I never thought about how realistic can be my button. Thank you very much, and btw thank you for your website ! –  So4ne Jul 3 at 14:19

Not the answer you're looking for? Browse other questions tagged or ask your own question.