Yin Yang Button

Yin_yang_button

1 Attachment

26 Responses (page 1 of 2)

  1. Pro Chris Allen 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

    likes

    12 months ago

  2. Pro Fabio Benedetti Fabio Benedetti

    @Chris Allen nice debut, welcome to dribbble

    12 months ago

  3. Pro Chris Allen Chris Allen

    Thanks Fabio! I'm really looking forward to being a part of this community.

    likes

    12 months ago

  4. Pro Virgil Pana Virgil Pana

    Great debut!!! welcome to the game.

    12 months ago

  5. Pro Adam Bubeníček Adam Bubeníček

    Great concept, welcome :)

    12 months ago

  6. Pro Jay Phelps Jay Phelps

    Pixel perfect. Nice! Would love to see these on a retina display.

    12 months ago

  7. Pro Seb Kay Seb Kay

    Wow this is some lovely work and has earned you a follow from me :P

    12 months ago

  8. Pro Dan Edwards Dan Edwards

    Interesting design! Look forward to seeing more. Welcome to Dribbble!

    12 months ago

  9. Pro Chris Allen Chris Allen

    Thanks everyone!

    12 months ago

  10. Pro Maciej Jasiński Maciej Jasiński

    great debut mate ! :)

    12 months ago

  11. Pro Josh Miller Josh Miller

    Very crisp Chris. How would the user submit once they've chosen the quantity though?

    12 months ago

  12. Pro Chris Allen 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

  13. Pro Josh Miller 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

  14. Pro Ana da Costa Ana da Costa

    The quantity selector is just perfect!

    12 months ago

  15. Pro Christophe Tauziet Christophe Tauziet

    That's amazing! Welcome to dribbble!

    12 months ago

  16. Pro Nathan Yates Nathan Yates

    Great debut shot. Love this!

    12 months ago

  17. Hossein Yektapour Hossein Yektapour

    nice

    12 months ago

  18. 12 months ago

  19. I thought it was confusing to buy and then +/-
    so I put it together more logically. +/1 and then buy :)

    12 months ago

  20. 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

  21. Pro Chris Allen 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

  22. ;-)

    Guideline
    1. Press F to free your cookies and feel free.
    2. After that Download PSD

    12 months ago

  23. 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

  24. Pro Chris Allen 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

  25. 11 months ago

keyboard shortcuts: previous shot next shot L or F like