I'm working on an App that sells construction tools but also allows users to manage a stock they might have of the companies products.

On the product page the user can take three main actions:

  • Add to Basket
  • Add to Favourites
  • Add as a Stock item

I need to have a fixed/overlay bar in the same style as Ebay does.

Ebay and Amazon examples

enter image description here enter image description here

Which of the images below is the best solution? open to new suggestions.

Also, is the icon on the right the right choice? I used a similar thing to the Android action overflow (From the Android website: "Action overflow: Move less often used actions to the action overflow.") but not sure if it would cause confusion to use a native interaction icon in a specific page context.


download bmml source – Wireframes created with Balsamiq Mockups

| improve this question | | | | |

When you want to sell products to customers, it should be made apparently clear how to “Add product to Basket” and “Check-Out” the product and pay. For this reason alone, option two is the preferred one. It is clear, and to the point. One click less is one click less of a bailout.

The dots are commonly known as “More…” option where favorites and stock items should be.

| improve this answer | | | | |

If you can't put all three buttons (why not?), another option is an action combo button where the primary (or most important for your site) action is the default. When the user clicks in the "button" area the displayed action is triggered. The other actions are available by clicking the down arrow.

Action combo button

| improve this answer | | | | |
  • why would this be better than any of the other options? – Rumi P. Jan 15 '15 at 17:46
  • As it would have to be a fixed bar at the bottom of the screen, 3 buttons would take too much screen space on a mobile. I do like your solution but I'd still need a second button to apply the action – Taly Emmanuela Jan 19 '15 at 9:02
  • You don't necessarily need a second button to apply the action. Since the first part of the element is a button, the user can click on 'Add to Cart' to execute the action. The other two actions are triggered automatically when the user selects the option from the drop-down. – Ash Brown Jan 19 '15 at 12:25

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.