Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I'm worried that it is taking up too much real-estate at the moment - and the massive gap besides the button that can be used for something else or perhaps be made less apparent.

What do you think? Would appreciate any design cues!

enter image description here

share|improve this question
    
Why don't you just make a couple of mockups and test from there? –  Jessica Yang Feb 2 at 0:24
    
I would put the button on a detail screen for the item. –  Dan D. Feb 2 at 1:34
add comment

4 Answers 4

up vote 1 down vote accepted

A common pattern on touch devices is to be able to slide an item to reveal action buttons. Sometimes there's a lot of options, sometimes just one.

enter image description here

enter image description here

share|improve this answer
add comment

The Seamless iPhone app has a similar UI. I like that the "reorder" button is next to each list item and not hidden. I only wish the reorder button were taller and wider.

share|improve this answer
add comment

On a mobile device it might benefit from a bigger button, perhaps having the button span nearly full width will solve the visual imbalance issue you are bringing up.

If we're only looking at adjusting the design according to the current button size, I'd try centering the button to reduce the gap. It's also interesting to think about which side the button is floating towards to, people holding and using the device with only the left hand might have some trouble tapping some buttons with the thumb.

share|improve this answer
add comment

If this is a primary action, it seems very convenient to place it on the current screen instead of hiding it and asking a user to discover it behind a gesture or on a separate page.

The most visually pleasing or clever layout to designers is not always the best choice for the customer. I can say this from experience and learning the hard way.

If you wanted to balance the buttons, you could make it full width or you could expand the overflow button (...) to a normal button and position it next to rebook. There are a lot of solutions for this, while still maintaining the primary action on screen.

Personally, I'd move to hi-fi mocks to address that issue.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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