For a while now, we\u2019ve wanted to update Pull To Refresh in Ionic. It worked, but it wasn\u2019t exciting, and since it\u2019s a goal of ours at Ionic to make every component as enjoyable to use as it can be, we decided it was time for a change. Here’s some of the lessons in semiotics and UX that we learned…<\/p>\n
<\/p>\n
Wanting to make it fun and playful, we started by binding the rotation of the arrow icon to how far you pull down the view. It was fun. Ben<\/a> and I spent a good ten minutes each just playing with pulling the view down. We quickly realized a problem, though: While it was fun, it was not practical. <\/p>\n Most users don\u2019t sit and play with the pull to refresh animation on their phones; they \u201cuse\u201d their phones. They \u201cuse\u201d pull to refresh to get the information they want, and they want it now. That means they swipe up quickly and expect the pull to refresh to trigger and update. They swipe so fast, the animation doesn\u2019t even happen.<\/p>\n See the Pen by Ionic<\/a> (@ionic<\/a>) on CodePen<\/a>.<\/p>\n