The Half-Second That Matters: UnitIQ's Motion Rule
By Mobina
UnitIQ's motion system was built to prevent misreads, not to add polish. Hooman Studio used explanatory motion to show users what changed and why when numbers update, and concentrated it in the calculator and comparison views, where a missed cue means a worse financial decision. Everywhere else, restraint did the work.
Most app animation exists to feel nice. When Hooman Studio built UnitIQ's motion system, the job was to make sure nobody misreads a number that has real money attached to it.
Financial data is unforgiving of misreads. A user who glances past a mortgage rate or misses which of two properties has the better yield isn't just confused; they're making a worse decision with their own money. UnitIQ's interface holds a lot of moving parts at once: rental yield calculators, side-by-side comparisons, live cash flow figures. Static layout alone couldn't guarantee the user's eye landed where it needed to. Hooman used motion to do some of that work instead, starting at the level of the brand itself, where the studio's animated version of the logo sets the tone before a user has seen a single number.
Explanatory Motion, Not Decorative Motion
Animation should do more than just look good; it should guide your eyes. We ditched decorative movement for UnitIQ entirely. Instead, we relied on "explanatory motion": carefully crafted interactions designed to direct your attention where it matters most, not just to add visual flair.
Even the logo isn't there for spectacle; it sets a tone of quiet confidence that runs through UnitIQ's brand system. This becomes critical deep in the product. In calculator and comparison views, motion acts as a navigator. When data shifts, animation clarifies what changed and why, preventing the confusion that happens when static numbers simply swap places. Whether a cash flow figure updates or you're comparing properties, every transition is a confirmation that the system is reacting to your input. For us, animation is a tool for clarity, not a trick for charm.
Why This Mattered More Here Than Elsewhere
A recipe app can animate for delight because the stakes of a missed cue are low. Nobody's finances are affected if a garnish animation gets skipped. UnitIQ's stakes are the opposite. A user who doesn't notice that a yield calculator just recalculated after they changed the down payment assumption walks away with a wrong impression of the deal, on the same layered cash flow model covered elsewhere in this series.
That's why Hooman concentrated the micro-interactions around the calculator and the comparison views specifically, the two places in the product where a misread has real consequences, rather than spreading them evenly across the whole experience for consistency's sake. Motion earns its placement by what's actually at risk in that moment, not by house style. It's a similar bet to the one made in Motion That Means Something, where animation is treated as a trust mechanism rather than a delight mechanism.
Restraint Is Still the Discipline
The biggest temptation in motion design is to overdo it. Our discipline with UnitIQ was knowing exactly when to hold back. We chose to focus our energy where it actually impacts the user’s decision, not where it just looks flashy. True expertise isn't in how much you can animate; it’s in knowing where silence is more powerful than motion.
If you’re building a product where user trust is the bottom line, we’d love to help you design a motion language that works as hard as your code does. Let's build intentional motions together.
FAQ
Explanatory motion is animation that tells users what just changed and why, instead of adding visual polish. In UnitIQ, Hooman Studio used it in the calculator and comparison views so that when a figure updates, the transition confirms the system responded to the user's input.
Where a missed cue leads to a worse decision. For UnitIQ, that meant concentrating micro-interactions in the rental yield calculator and side-by-side property comparisons, the two places where misreading a number has real financial consequences, rather than spreading them evenly across the product.
Yes. Decorative motion competes with the data for attention, and in a financial tool the data is the whole point. Every animation has to justify its placement by what's at risk in that moment. Where nothing is at risk, stillness usually communicates more clearly.
By removing doubt about whether the numbers are current. When a cash flow figure animates into its new value after a user changes an input, the user sees the recalculation happen instead of wondering if it happened. That visible feedback is what makes the result feel reliable.
It sets the motion tone before any product screen loads. UnitIQ's animated logo is deliberately calm and controlled, establishing the same quiet confidence that guides how motion behaves deeper in the app.
Map the moments where a user could misread something important, then put motion there first. Consistency across the whole product matters less than clarity at the points where decisions are made.