1

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.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

2 Answers 2

1

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.

1

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

3
  • why would this be better than any of the other options?
    – Rumi P.
    Jan 15, 2015 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 Jan 19, 2015 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, 2015 at 12:25

Your Answer

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

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