Refresh burst animation
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
113,814,977,781 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
33 Responses (page 1 of 2)
Pro
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.
8 months ago
Pro
Jamie Wilson
Lovely attention to detail!
8 months ago
Pro
Oliver Whitehall
Genius.
8 months ago
Pro
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.
8 months ago
Pro
Andrea Cau
Lovely :)
8 months ago
Pro
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?
8 months ago
cool tweak @Max Rudberg
8 months ago
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!
8 months ago
Pro
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.
8 months ago
Pro
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 :)
8 months ago
Pro
Max Rudberg
@Pavel Zeifart Oh, next time then :)
8 months ago
Pro
Joel Helin
WHOA!
8 months ago
Pro
Vee-O
Awesome indeed, I love this one as well: http://cl.ly/image/380x0w2w0M0P from "Foodspotting App"
8 months ago
Pro
Pedja Rusic
I can see this happen' in cydia soon :)
8 months ago
Pro
Bady
Tbh, I still like what apple has. But this is a good idea too :)
8 months ago
Nice, I can ever hear the bubble burst. Detail is key.
8 months ago
Pro
jonathan olsen
Really fun concept! Well done.
8 months ago
Pro
Michal Vasko
pretty sweet!
8 months ago
Crap, I love this stuff.
8 months ago
@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.
8 months ago
I studied that animation the other day. This is a great tweak!
8 months ago
Super cute idea, but a bit too 'violent' for me.
8 months ago
Pro
Edward Scherf
Love it.
8 months ago
WoW! you are a genius!
8 months ago
Pro
Jordan Vitanov
:) cool
8 months ago