I am working on a product where users are ordering rather large quantities. Or even better said: The amount that people buy varies wildly. Some order a lot, some a bit less. We are aiming at adding two more options.

Currently we have free range selection of quantity with either input field or plus and minus buttons. But since users select pretty well defined quantities (a full box or a full van!), we want to give those options to add that quantity directly.

What we currently have Current product module

Experiments I tried adding the buttons for box and van next to it, but it clutters things up a lot, and I find it hard to find the correct solution. Something else I tried is below, which is adding a kebab for alternative actions. And letting an panel slide-in with the box and van buttons.

enter image description here

However, seeing the numbers of people ordering boxes and vans they both seem too much of a primary action to simply but them behind something.

Do you possibly see any other routes that I could take this?

Thanks a lot!

  • 1
    for example, the van quantity represent an exact quantity? Commented Jul 17, 2018 at 15:52
  • Yes @AlejandroVeltri, the van and box are both set quantities for a product. So a full van of product Y will be for example a precise quantity of 920.
    – imightmax
    Commented Jul 18, 2018 at 6:43
  • how many predefined quantities are there approximately? Commented Jul 18, 2018 at 13:29
  • Three. You can order a box, a full van or a self-defined amount.
    – imightmax
    Commented Jul 18, 2018 at 14:19
  • Answer below :). Hope it helps! Commented Jul 18, 2018 at 14:54

2 Answers 2


First, if customers use to enter large and diverse quantities, the +/- buttons probably won´t be of much help.

You could keep the normal input and a dropdown where each option specifies the quantity that it represents (mockup). This will also work if more predefined units are added in the future.

The only label I'm not sure about on my mockup is the "predefined one", maybe you could use "custom" to represent the default state (users entering a custom one). See the last mockup for this version.


download bmml source – Wireframes created with Balsamiq Mockups

  • 1
    Thanks, will try to work this one out. Accepted your anser for now.
    – imightmax
    Commented Jul 19, 2018 at 6:46

You could add a dropdown/radio button group after the amount so the person can enter the quantity in numbers and then select how many of what (ie x items/vans/boxes)

  • 1
    That is one smart possible direction. Somewhat scared though that we get rid of the current conceptual model of a quantity field that always represents the total amount of products bought. Will try out this one. Thanks @Yitzih
    – imightmax
    Commented Jul 18, 2018 at 6:45
  • Alejandro posted a similar answer as yours, so consider yours accepted as well!
    – imightmax
    Commented Jul 19, 2018 at 6:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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