Refresh burst animation

Untitled2

1 Attachment

34 Responses (page 1 of 2)

  1. Max Rudberg Max Rudberg

    I really enjoy Apple's take on pull to refresh. However, I feel they could have maintained their metaphor slightly better. They use a refresh arrow in the bubble only to replace it by a spinner once it's refreshing.

    This animation tweak makes the bubble burst when it hits the navigation bar, setting loose the arrow which starts to spin. When it's finished refreshing it goes down the drain.

    Be sure to watch the attached movie for 1:1, 60 fps glory.

    Graphics © Apple, Inc – This is purely fan art.

    likes

    over 1 year ago

  2. Jamie Wilson Jamie Wilson

    Lovely attention to detail!

    likes

    over 1 year ago

  3. Oliver Whitehall Oliver Whitehall

    Genius.

    over 1 year ago

  4. Pavel Zeifart Pavel Zeifart

    Cool, I love the "splash" effect! By the way, you can do fluent animation by importing mov file into photoshop and then exporting as a gif.

    likes

    over 1 year ago

  5. Andrea Cau Andrea Cau

    Lovely :)

    over 1 year ago

  6. Max Rudberg Max Rudberg

    @Pavel Zeifart I imported a png sequence rendered at 30 fps, but playback in Safari and Chrome on Mac was subpar so I figured it was better to attach a movie instead. Would importing a movie give a different result?

    likes

    over 1 year ago

  7. Manfred Albrecht Manfred Albrecht

    cool tweak @Max Rudberg

    over 1 year ago

  8. Sam Mularczyk Sam Mularczyk

    Beautiful, but there's an issue here... pull to refresh traditionally only activates once you let go of the content, so you can decide not to refresh if you really want to, and you can't activate it by accident. The "bubble burst" doesn't make sense in terms of that interaction because it relies on only pulling down the content to a point to activate it, which is different and may surprise people

    Love how the bubble "sprays" though, and how the arrow "drains". You've got brilliant attention to detail!

    over 1 year ago

  9. Max Rudberg Max Rudberg

    @Sam Mularczyk That's how Apple's implementation works. It refreshes after you've passed a threshold, not after releasing. I think it makes a lot of sense because this is not a destructive action so there is no need to "undo" or avoid activating it.

    likes

    over 1 year ago

  10. Pavel Zeifart Pavel Zeifart

    @Max Rudberg Importing a 30fps movie and than exporting as gif gives me this result http://dribbble.com/shots/739107 ,so maybe yes :)

    over 1 year ago

  11. Max Rudberg Max Rudberg

    @Pavel Zeifart Oh, next time then :)

    over 1 year ago

  12. Joel Helin Joel Helin

    WHOA!

    over 1 year ago

  13. Vee-O Vee-O

    Awesome indeed, I love this one as well: http://cl.ly/image/380x0w2w0M0P from "Foodspotting App"

    over 1 year ago

  14. Pedja Rusic Pedja Rusic

    I can see this happen' in cydia soon :)

    likes

    over 1 year ago

  15. Bady Bady

    Tbh, I still like what apple has. But this is a good idea too :)

    over 1 year ago

  16. henrymaxm הנרי henrymaxm הנרי

    Nice, I can ever hear the bubble burst. Detail is key.

    over 1 year ago

  17. Jonathan Olsen Jonathan Olsen

    Really fun concept! Well done.

    over 1 year ago

  18. Michal Vasko Michal Vasko

    pretty sweet!

    over 1 year ago

  19. NSElvis NSElvis

    Crap, I love this stuff.

    over 1 year ago

  20. Sam Mularczyk Sam Mularczyk

    @Max Rudberg Ah okay! Sorry for the confusion - as you can probably tell I haven't actually updated to iOS 6 (because I CAN'T ARGH)

    In that case then, no complaints! It's awesome.

    over 1 year ago

  21. Jani Muikku Jani Muikku

    I studied that animation the other day. This is a great tweak!

    over 1 year ago

  22. Sebastiaan de With Sebastiaan de With

    Super cute idea, but a bit too 'violent' for me.

    likes

    over 1 year ago

  23. Edward Scherf Edward Scherf

    Love it.

    over 1 year ago

  24. Dario Carella Dario Carella

    WoW! you are a genius!

    over 1 year ago

  25. Jordan Vitanov Jordan Vitanov

    :) cool

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like