A web-shop presents a product. The user wants to select a size. The size can be presented in some way (dropdown list, all visible at once, etc... not important).


The product is out of stock, but that doesn't mean it will still be so one week later. That's why the user has the option to be notified once his size is available again.

What is the best way to make the user understand that he has this option, instead of him just leaving the site because he couldn't get his desired product?

A little demonstration so we have the same mental image:


download bmml source – Wireframes created with Balsamiq Mockups

Adidas, for example, doesn't show the unavailable sizes and intead just displays the question "Is your size out of stock?". On click it presents a dialog where you can enter your email (the example is from the german site).
I've seen others only pesent this option after you click on one of the not available sizes.

What do you think?

1 Answer 1


The way ZARA does it is a great example:

enter image description here

They grey out the sizes that are out of stock. They also show an email icon to indicate that a user can request to be notified if it becomes available again.

  • Hmmm, to be honest I think in comparison Addidas' way of presenting it is cleaner and easier to understand. Thank you for the consideration though
    – Big_Chair
    Commented Jul 12, 2016 at 7:15

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.