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
Lovely attention to detail!
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.
@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?
cool tweak @Max Rudberg
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!
@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.
@Max Rudberg Importing a 30fps movie and than exporting as gif gives me this result http://dribbble.com/shots/739107 ,so maybe yes :)
@Pavel Zeifart Oh, next time then :)
Awesome indeed, I love this one as well: http://cl.ly/image/380x0w2w0M0P from "Foodspotting App"
I can see this happen' in cydia soon :)
Tbh, I still like what apple has. But this is a good idea too :)
Nice, I can ever hear the bubble burst. Detail is key.
Really fun concept! Well done.
Crap, I love this stuff.
@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.
I studied that animation the other day. This is a great tweak!
Super cute idea, but a bit too 'violent' for me.
WoW! you are a genius!
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.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter