1

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? – Alejandro Veltri Jul 17 '18 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 Jul 18 '18 at 6:43
  • how many predefined quantities are there approximately? – Alejandro Veltri Jul 18 '18 at 13:29
  • Three. You can order a box, a full van or a self-defined amount. – imightmax Jul 18 '18 at 14:19
  • Answer below :). Hope it helps! – Alejandro Veltri Jul 18 '18 at 14:54
1

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.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

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

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 Jul 18 '18 at 6:45
  • Alejandro posted a similar answer as yours, so consider yours accepted as well! – imightmax Jul 19 '18 at 6:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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