This concept combines a buy button with a quantity selector, making it easy for the user to add an item to their cart and increase it's quantity without moving their mouse/focus. The middle area is a text field, so the user can manually enter the quantity if they wish.
By the way, we've been using this button for a while now at Peapod (in the mobile app), as well as on the Stop & Shop Shopping List application. You can see how we make it work here (just click the "Try It" button and then enter a NYC zip code like 10001): https://www.stopandshop.com/listmaster/user/login.htm
As soon as the user clicks on the Buy button, the product/item would be added to their cart. They can then adjust the quantity from the button itself without having to view their cart. Once they're done shopping, they would click a checkout button and continue from there...
@Chris Allen Ah I see, very smart. Might be a little confusing at first, but I'm guessing there'd be some feedback to show the increase of items in the cart?
BTW, since I'm new I don't know if this kindof thing is allowed. I'm probably going to pay and go Pro, but is it ok to link back to my personal site where the file is hosted?
26 Responses (page 1 of 2)
Pro
Chris Allen
This concept combines a buy button with a quantity selector, making it easy for the user to add an item to their cart and increase it's quantity without moving their mouse/focus. The middle area is a text field, so the user can manually enter the quantity if they wish.
By the way, we've been using this button for a while now at Peapod (in the mobile app), as well as on the Stop & Shop Shopping List application. You can see how we make it work here (just click the "Try It" button and then enter a NYC zip code like 10001): https://www.stopandshop.com/listmaster/user/login.htm
12 months ago
Pro
Fabio Benedetti
@Chris Allen nice debut, welcome to dribbble
12 months ago
Pro
Chris Allen
Thanks Fabio! I'm really looking forward to being a part of this community.
12 months ago
Pro
Virgil Pana
Great debut!!! welcome to the game.
12 months ago
Pro
Adam Bubeníček
Great concept, welcome :)
12 months ago
Pro
Jay Phelps
Pixel perfect. Nice! Would love to see these on a retina display.
12 months ago
Pro
Seb Kay
Wow this is some lovely work and has earned you a follow from me :P
12 months ago
Pro
Dan Edwards
Interesting design! Look forward to seeing more. Welcome to Dribbble!
12 months ago
Pro
Chris Allen
Thanks everyone!
12 months ago
Pro
Maciej Jasiński
great debut mate ! :)
12 months ago
Pro
Josh Miller
Very crisp Chris. How would the user submit once they've chosen the quantity though?
12 months ago
Pro
Chris Allen
Josh,
As soon as the user clicks on the Buy button, the product/item would be added to their cart. They can then adjust the quantity from the button itself without having to view their cart. Once they're done shopping, they would click a checkout button and continue from there...
12 months ago
Pro
Josh Miller
@Chris Allen Ah I see, very smart. Might be a little confusing at first, but I'm guessing there'd be some feedback to show the increase of items in the cart?
12 months ago
Pro
Ana da Costa
The quantity selector is just perfect!
12 months ago
Pro
Christophe Tauziet
That's amazing! Welcome to dribbble!
12 months ago
Pro
Nathan Yates
Great debut shot. Love this!
12 months ago
nice
12 months ago
Rebound
Button with Quantity Selectors
by Andrew Gomez
Just a rebound of Chris Allen's ingenious button design. Feedback welcome!
12 months ago
Rebound
Button Top
by Ed Chao
I thought it was confusing to buy and then +/-
so I put it together more logically. +/1 and then buy :)
12 months ago
Rebound
Buy Button
by Josua Leonard
I love your dynamic shape, inspires me.
This one easier to click, few pixels up, few pixels down.
Grouped, bold color.
Download the PSD for Free: http://cl.ly/HF6Y
12 months ago
Pro
Chris Allen
Very cool rebounds @andrewgomez, @edchao, and @patsyleonard.
Anyone interested in downloading the PSD can find it over on my site: http://ckcallen.com/freebie-yin-yang-button/.
BTW, since I'm new I don't know if this kindof thing is allowed. I'm probably going to pay and go Pro, but is it ok to link back to my personal site where the file is hosted?
12 months ago
Rebound
[GIF] Button + PSD
by Andrey Maxim
;-)
Guideline
1. Press F to free your cookies and feel free.
2. After that Download PSD
12 months ago
Rebound
S**t just got real
by Adam Bubeníček
I really like Chris Allen's concept, so I decided to realize it.
Let's try it! :)
Edit: Don't try to buy nothing, this button doesn't like it.
12 months ago
Pro
Chris Allen
Went Pro so I could easily attach the PSD. I felt dirty linking back to my website just to host files when Dribbble only costs $20!
Enjoy!
12 months ago
Rebound
Plus / Minus Buttons
by Maciej Jasiński
just a simple playoff shot..
11 months ago