Hi,

 

I'm new here, so I hope you'll welcome me

 

I have a brand new webshop that sells socks. Because people normally buy "large" (30-40 pairs) quantities, I'd love to make it easy for them to add those amounts to the cart.

 

A text field is too clumsy - also a field with up/down arrows to increase/decrease quantity. I have found a great shop that also sells socks who has a creative way of choosing quantity. See these screenshots:

 

Normal product view

 

Here it is when hovering the 'Læg i kurv'/'Add to cart' button:

 

Anyone who can come up with even better and creative ideas like this? I'd really be happy to hear your ideas and opinions!

 

Thanks!

A jQuery UI slider maybe? I don't really see what is so clumsy about a text field to be honest. It's quicker to type in a number than to find your number on a 6x7 grid. And people really buy 40 pairs of socks?!?

Edited April 27, 201214 yr by mrchristoph

Yeah, a slider could do it. But I thought of something brand new.

 

With a text field you'd have to click twice to put something into the cart. That's the click I'm trying to remove.

 

Any other ideas?

The text field is the best of a bad selection of possibilities, I think. At least for UX.

 

A slider is just going to frustrate people. Unless you make it page wide there is going to be many increments from 1-40 and not everyone is a deft user of a mouse. They'll be jumping around 37/38/42/39. They want 40 and when you are dealing with people giving you money they should be sure and solid footed navigating through the interface.

 

The same applies to any 'click and drag' I can think of. Just too inaccurate. I also don't think the grid is a better option. Christoph covered why, looking for your number in a grid that size isn't quick and easy.

 

One solution could be multiple buy buttons, with pre-defined amounts. Say 1 pair / 5 pair / 10 pair. Then a button for 'custom amount'. The issue of course is you have to have a very limited number of pre-defined amounts (You don't want half the page covered in buy buttons of varying amounts) and it's not exactly the normal behaviour of eCommerce and might confuse your users.

Hmm yeah, I see where your'e going. It's really hard to come up with something intuitive and good looking.

 

I don't know whether a text field or the grid would be best. A slider is definately not the solution.

 

No one with creative ideas?

What about a select/dropdown? Would that be great?

 

I really don't dig a text input as qty chooser

What about a select/dropdown? Would that be great?

 

I really don't dig a text input as qty chooser

 

A dropdown is a good idea, you can then give it a grid. But the dropdown should be made perfect, because customers will leave the site if it doesn't work, a normal text input would be much easier

 

Do you have a link to your website, maybe we can think of something when we see the website!

 

Cheers

Its http://billigesokker.dk

 

I'll be redesigning the whole site. That's why I need a GREAT idea

Honestly, it makes sense to just stick with a text field or use a browser-default pulldown menu.

 

A text field, while certainly not pretty or graceful, is going to give users on all devices a consistent and relatively painless experience. You can also style them with CSS pretty consistently. If you use the HTML5 number field, mobile devices get a specific number-only keypad that makes life so much easier for them. Also, it degrades gracefully into a generic text field for crappy browsers.

 

Under number:

http://www.w3schools.com/html5/html5_form_input_types.asp

 

A pulldown, while ugly and unable to consistently style well, also behaves VERY well on mobile devices and isn't challenging for mouse users either. However, you are defining a set of choices for the user that you really can't ever truly predict, so the users who want to order 300 will be unable to and users who want to order 1 or 3 pairs will have to deal with a massive list of options.

 

I'd go with the HTML5 number field.