Slide to Add Interaction (GIF Animation)

12 Responses

  1. Neway Lau Neway Lau

    This was made quite a while ago. I was helping to improve the whole UX and interaction design for the Carrefour shopping app. Client and I decided to change that slide gesture from the last shot into a slide-to-add gesture: when sliding a item in the product list, the item will be added into shopping list (the blue button at bottom). And at the app's first launch, the shopping list button and one of the item will bounce a bit to implied that they are interactive.

    likes

    8 months ago

  2. Allen Wang Allen Wang

    Very interesting, just like play a game.

    8 months ago

  3. Yummygum Yummygum

    Interface looks super friendly, love it!

    8 months ago

  4. Max Litvin Max Litvin

    superb

    8 months ago

  5. Lasse Eriksen Lasse Eriksen

    what if you need more than 1 of the same item? other than that, it looks freakin' awesome :)

    likes

    8 months ago

  6. Avinash Tripathi Avinash Tripathi

    cool

    8 months ago

  7. Nick Holmer Nick Holmer

    great looking interaction! I would add some way to cancel the functionality though, like a space that you have to scroll past to activate the add.

    This can be a grayed out box, or without the + sign. It can appear in color or with the + sign after a certain threshold maybe?

    likes

    8 months ago

  8. lingxizhumeng lingxizhumeng

    wow!!! great work!!!!

    8 months ago

  9. Stanley Yang Stanley Yang

    Love it!

    8 months ago

  10. Douglas Evaristo Douglas Evaristo

    i love it... I just don't liked the numbers font...

    8 months ago

  11. Donald Johns Donald Johns

    What did you use for this?

    7 months ago

  12. Jayson Lane Jayson Lane

    @Neway Lau what iPhone template are you using here?

    7 months ago

keyboard shortcuts: previous shot next shot L or F like