I'm making a tool that crops images at various sizes. Currently, I use checkboxes to show the different sizes, but this will grow unwieldy when I add more crop sizes.
What's the best way to show all the available options?
Thanks in advance!
2
-
Are users allowed to select multiple choices like shown in the image or is that just for demonstration?– DasBeastoCommented Feb 16, 2016 at 19:59
-
They can select multiple choices, like in the image.– Samuel HillCommented Feb 16, 2016 at 20:02
Add a comment
|
2 Answers
Well, checkboxes are difficult to use when there are many due to their size. In this case, I'm not sure checkboxes is the right UI element. You're asking people to select products, not options (which is what checkbox is mostly for).
I think the solution is presented right in your screenshot. List all your products in a grid and let user select them on click. To make this option discoverable highlight the product on rollover and display a checkmark once it's selected. Something like this:
This looks like a problem with combinatorial explosion for various widths and heights. Can you have the user select width in one step and then select availble heights (that go with the selected width) in a separate step?
