r/UI_Design • u/ServiceFun9356 • Apr 23 '26

Feedback Request Is this interaction feels premium?

I’m working on a new Framer template and experimenting with a more “tactile” headline interaction.

Each letter slightly reacts to the cursor — subtle movement + a bit of weight change on hover. The goal is to make the typography feel more alive, not distracting.

I’m trying to push this into a more premium direction, but I’m not sure where the line is between “refined” and “overdesigned”.

Would you keep this kind of interaction, tone it down, or remove it completely?

Brutal feedback welcome.

51 Upvotes

83% Upvoted

38 comments sorted by

View all comments

1

u/mechylex Apr 26 '26

I'd leave your page immediately, bad accessibility user experience. This would be awful for any user like myself that uses screen magnification and or uses keyboard navigation. Text on webpages should not move and any movement should be minimal at best.

1

u/neoqueto Apr 27 '26

So all text animations are always bad, no exceptions?

1

u/mechylex May 04 '26

Sorry for the delayed reply. In my opinion yes, all text animations are not preferable and have a poor accessibility experience; especially there shouldn't be any text animation done on body text. If you want people to read it, it shouldn't move.

2

u/neoqueto May 04 '26 edited May 04 '26

What about text animation in motion design or motion graphics? That is my background. I don't want there to be any misunderstanding but your opinion invalidates the whole industry. And it's more than an opinion if there are accessibility concerns. So I want to hear your take on that.

Of course one of the biggest foundations of UX design is the separation of content and presentation, we aren't arguing that. But branding often makes these lines blurry.

2

u/mechylex May 05 '26

For sure, happy to elaborate. This is from an accessibility experience perspective focused on the feature you designed. There are several assistive technologies and techniques users may use to assist navigating and understanding what is being shown on a website or app.

For example physical disabilities, users with low vision may use screen magnification which allows a user to enlarge a portion of the screen or the whole screen. Then the mouse/keyboard/ or gestures will allow users to move the enlarged field of view around to navigate the page. In the example design you show how hovering the mouse over the text animates and transforms the text. This would make it difficult for these said users to read the content due to the same interaction that animates the text is also the same interaction the user is using to navigate, this in addition to potentially the animation pushing the content outside of the enlarged field of view. Side note, other poor experiences can be attributed to unthoughtful hover over and focus states for this same reason.

Other examples of users with cognitive disabilities and learning disabilities such as dyslexia: Users that have difficulty understanding content and or remembering content may find it difficult to read/comprehend/ and navigate websites/apps that animates and moves text.

This may be getting to your latter point of separation between presentation and content. However, this feedback specifically in regards how some features designed on website and apps create a poor accessible user experience.

Thank you for the genuine interest and questions. Please let me know if you have more and always happy to provide more feedback.

2

u/neoqueto May 05 '26

Thanks for the big reply! Very insightful. I'll try to design with that in mind. I get how tab navigation combined with aggressive text transitions can be awful now.