A good interface doesn't just tell users what to do. It helps them understand what will happen wh...A good interface doesn't just tell users what to do. It helps them understand what will happen wh...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
A good interface doesn't just tell users what to do. It helps them understand what will happen when they do it. One of the interesting things about designing permissions is that we're often asking users to make decisions about experiences they haven't had yet. Take notifications, for example. An app asks you to enable notifications. But what exactly are you enabling? What will those notifications look like? When will they appear? And why should you care? A simple toggle doesn't necessarily answer those questions. In this interaction, I wanted to explore how a small animation could make the decision more understandable. Rather than presenting notifications as an abstract setting, the interface demonstrates the experience. When the user enables the option, a notification preview appears on the device, showing the relationship between their action and its outcome. The animation also provides immediate feedback: the toggle changes state, the preview appears, and the primary action becomes available. Nothing particularly complicated is happening, but the sequence gives the interaction a sense of cause and effect. This is something I find increasingly interesting about motion in interface design. Motion shouldn't exist simply because an element can move. It should help communicate something that would otherwise require additional explanation. Sometimes that's a change in state. Sometimes it's a relationship between elements. And sometimes, as in this case, it's a preview of an experience the user is being asked to enable. The goal isn't to make every interaction animated. It's to make the right interactions easier to understand. hashtag#ProductDesign hashtag#InteractionDesign hashtag#UXDesign hashtag#MotionDesign hashtag#UIDesign
Mykola's avatar
Good permission design reduces uncertainty before the click.
Paul's avatar
Spot on
Mykola's avatar
Exactly 🙌
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started