I've made a little loader for the TravelBird app in Framer.Feedback is always appreciated! Keep up the great work guys! I absolutely love Framer!
Awesome work man!
Just my two cents, it would be cool if on the first rotation of the minute hand it drew a circle around the clock hands at the same speed as the minute hand thus creating the look of a clock and all subsequent spinning would continue inside the circle.
Also think about maybe making the top line of the chevron the minute hand at the beginning of the rotation and start the animation from there. There is a bit of an awkward jump at the beginning because it seems more natural for the animation to start at the top instead of the bottom. I would have to see it though, not sure
So when I click "book now" the clock animation is indicating the system is busy? Would it then take me to another page after?
Alex, that's a brilliant idea man! Thanks! The animation of the clock starts at the position of the chevron. There is a bit of a jump cause the top pointer jumps on click in the small pointer. I have a play with it and make that one animated instead of an instant change.
Stephen, when you click book now it will fetch the prices and you'll jump to the price overview page. This call can take a second or 2. That's why I wanted a "fancy" loader :)
The perceived waiting time of a user depends on the speed of a spinner (google for more info): maybe it would make sense to speed it up a bit.
Interesting stuff :).
Great insight Kim! I've found a couple of nice articles. Thanks!
For those who want to read more on this topic: http://www.chrisharrison.net/projects/progressbars2/ProgressBarsHarrison.pdf