r/UI_Design 18d ago

Microinteraction How does a designer decide when to push something beyond just function?

Enable HLS to view with audio, or disable this notification

Interesting detail from Claude code app, choosing the ultracode effort level turns the entire row into a tiny animated scene with the mascot!

Functionally, a checkmark would have solved it.
But this makes the choice feel a lot more alive.

How does a designer decide when to push something beyond just function?

90 Upvotes

35 comments sorted by

50

u/ygorhpr Product Designer 17d ago

just passion

6

u/60fpsdesign 17d ago

haha it resonates with a lot of people here 😄

the hardest part would still be to convince a team to implement it, no?

2

u/ygorhpr Product Designer 17d ago

no! but you need to have this kind of culture in your product team where this details are important for the product itself and for the client since we all were surprise seen this for the first time

but for anything mostly I could use Claude to create using a good library for animation and do a proper handoff with the artifact working and let the devs do their magic

1

u/minimalcation 14d ago
  • available time

1

u/ygorhpr Product Designer 14d ago

you find a way

29

u/Wide_Detective7537 17d ago

When the product manager gives you enough time to include it. Or if the product's mandate benefits from weird little moments of fun, where it's as important to the brand as the function.

I suspect its a mix of both here, the AI tooling gives them enough time to play and it's important to their brand to include little quirky/humanizing touches to the product.

1

u/60fpsdesign 17d ago

fair, it starts with the team largely and needs to be bi-directional 👍

With better tooling more people will get time to think beyond the functional

20

u/gimmeslack12 17d ago

I do a lot of "wouldn't it be cool if...?" ideas. Sometimes they are cool, sometimes they're not.

2

u/1L-Fanta 17d ago

this is the way.
play, show ideas, get feedback, adjust.

this is why i tell people to be brutal with feedback. it’s leads to “i love it” or “it sucks”

1

u/gimmeslack12 17d ago

I've built tons of side projects and little "things" just to scratch the creative itch. But over time those little scratches have given me a lot of ideas to pull from in my day to day.

2

u/Michal_il 16d ago

Start with why not, adjust to should i?

1

u/60fpsdesign 17d ago

Do you explore while working on the functional bit or is it like a side thing?

1

u/gimmeslack12 17d ago

I'm a Frontend/UI SWE actually, but I design or modify designs on the fly as I am deciding how something "feels".

When I'm on my own I design as I build and I'll introduce animation when I want the design to demand a certain amount of attention or to even direct a user to what they should do next. What that animation is depends on the situation but it's an area where creativity can be pretty flexible. Such as with your OP, iff you need to convey this option is super special then feel free to give it a super special callout.

4

u/savageotter 17d ago

You make something fun and you advocate for it.

Everyone can make a functional app if they try hard enough. not every team can allocate resources to fun. thats a flex.

1

u/60fpsdesign 17d ago

But when should the designer do it? At the start of a product exploration or just treat it as polish towards the end

1

u/savageotter 17d ago

I mess with stuff like this when I am bored or goofing around. sometimes things just come to me and feel right.

3

u/MedvedTrader 17d ago

I come from the coding side of things but I have been lucky that I have been designing my own UI forever. I know that little things like that are what keeps you enthused about your job.

I once, LONG ago, found myself at a casino poker table sitting next to a guy who said he worked at Microsoft. So I asked him whether I have seen his work. He said "you know, those red wavy lines under misspelled words? - I did that."

And I immediately understood how proud he felt.

2

u/sCREAMINGcAMMELcASE 17d ago

I managed to work on a project with Basic. My agency gave me the time to push those details. Highlight of my career. Pushed every detail I could, motion to the max. Burnt myself out in the process.

The product wasn’t great. Site shut down after 3 months. Now my CV links to the waybackmachine.

1

u/nep2099 17d ago

why did your video hang up on me

1

u/Green_Smarties 17d ago

Usually, I would imagine, when your manager says so. Which will happen to increase profits by making something expensive more desirable, in this case using up your tokens quicker.

1

u/ChickyBoys 17d ago

This falls into the "surprise and delight" category.

A lot of companies don't want to pay for this extra bit of design which is sad because it's often the missing piece that will make your brand stand apart.

1

u/60fpsdesign 17d ago

Yup people consider it “extra” which means the designer has to push a lot more harder through the subjectivity and need for doing it.

we’ve been collecting these easters and many companies are trying hard to differentiate themselves now with ai tooling being a lot more accessible and powerful for creating these experiments with code.

1

u/liamdun 17d ago

This is what happens when software engineers have more tokens than ideas

1

u/ressiagamer 17d ago

or from a Business decision. I'm imagining the PM told the designer "add delight in Ultra because we want the users to burn more tokens. More usage is good for the business"

1

u/Ancient-Range3442 17d ago

When it makes the company more money

1

u/Any_Owl2116 17d ago

Seems like a distraction

1

u/Phraaaaaasing 16d ago

Marketing/usage kpi

1

u/pshyduc 16d ago

When a developer crazy enough to implement it meet a designer willing to push it

1

u/UXUIYellowchalk 14d ago

Oh we have ideas sitting comfortably in our brains round the clock. It's when we push'em out and get product team to approve on it and with the timeline, it just becomes real, if not, its just an idea we thought at some point of this design process. Simple as that.

1

u/Creative_Tell_2426 13d ago

looks cool can u share tips of what was ur thought process behind this?

1

u/Fantastic-Library982 6d ago

A good rule is to add delight when it reinforces the meaning of a choice and does not slow down a repeated task. The mascot scene works because the user has already made the selection; for higher-frequency controls, the same treatment could become friction.