Made this "Delete account" interaction in
Rive 😁
When a user holds the button to delete their account, the value they've received from the app burns in real time. Money saved, orders completed, deliveries made.
Release before 5 seconds and everything reverses. Fully reversible.
𝗧𝗲𝗰𝗵𝗻𝗶𝗰𝗮𝗹 𝘀𝗶𝗱𝗲:
The animation is built in Rive, which has an open-source runtime. The output file is lightweight and values can be data-bound. Devs can pass real user stats and the card updates. When the user completes the hold, the account deletes.
𝗛𝗼𝘄 𝗶𝘁 𝘄𝗼𝗿𝗸𝘀:
• 𝗗𝗶𝗿𝗲𝗰𝘁 𝗠𝗮𝗻𝗶𝗽𝘂𝗹𝗮𝘁𝗶𝗼𝗻 (𝗦𝗵𝗻𝗲𝗶𝗱𝗲𝗿𝗺𝗮𝗻, 𝟭𝟵𝟴𝟯): Instead of pressing a button that triggers an invisible system action, users interact directly with an on-screen representation of their account. As they hold, they watch the value delivered by the product disappear in real time. The interaction is continuous, visible, and reversible until completion.
• 𝗟𝗼𝘀𝘀 𝗔𝘃𝗲𝗿𝘀𝗶𝗼𝗻 (𝗞𝗮𝗵𝗻𝗲𝗺𝗮𝗻 & 𝗧𝘃𝗲𝗿𝘀𝗸𝘆, 𝟭𝟵𝟳𝟵): Showing tangible value that's about to disappear makes the consequence of an irreversible action more concrete. The interaction draws on loss aversion while remaining transparent about the value the user is giving up.
𝗧𝗵𝗲 𝗲𝘁𝗵𝗶𝗰𝗮𝗹 𝗯𝗼𝘂𝗻𝗱𝗮𝗿𝘆:
The card only summarizes value already delivered: "₹12,430 saved." Real money, real orders, real value. It avoids artificial streaks, emotional copy, or manufactured scarcity designed to discourage account deletion.
Release at any point and the animation reverses instantly. Very straightforward. Just honest feedback about what's at stake.
This is a step among a multi-step delete flow.
Just an exploration of how direct manipulation can be used for irreversible actions. 😊
What do you think ?