“Here’s the moment that blew my mind,” said Carolyn Chandler. She cued a short screen clip of productivity app Clear, with two on-screen reminders parting to allow a third to be inserted. “When you add a to-do item like this, you experience a new standard in interface response.”
Chandler, Co-Founder of the School for Digital Craftsmanship at ADMCi, spoke at the October 23 Chicago Interactive Design & Development meetup group session. But her presentation—entitled On Reaction: The Power of Mobile Transitions—wasn’t really about technology.
It was about human behavior.
Mobile Transitions Mimic These 7 Behaviors
“There’s a lot going on in our brains,” said Chandler, who called herself a “sci-fi geek” with a background in psychology and anthropology. She stressed the importance of active interaction with the mobile interface—the feedback and “feedforward” that mimics how our brains process information.
She highlighted seven behaviors as models for new and unusual transitions:
Suggestions for Inspiration
“Mobile interfaces have become a playground for new and unusual transitions,” said Chandler.
“Developers and designers can add playfulness, meaning, and interest to the mobile experience—but we can also frustrate users by going overboard with animations, or by obscuring the relationships between elements of our designs.”
Remember when iOS 7 was making people dizzy and sick?
Chandler made four strong suggestions:
Where can we find inspiration for unique, intuitive transitions? Chandler pointed to Johannes Tonollo’s Meaningful Transitions website, along with the work of Pasquale D'Silva and Antonio DePasquale.
And she suggested we collect verbs—from the subtle (ease, shiver and zoom) to the redonkulous (shatter and explode). When we think about transitions as their own little bits of active content—and not just a way to get from one screen to the next—we’ll inform, surprise and delight our users.
Check out Carolyn’s presentation below:
You can also view the entire presentation on YouTube here.