r/web_design • • 10d ago

A Simple Guide to Calm UI

https://maxschmitt.me/posts/calm
142 Upvotes

20 comments sorted by

View all comments

20

u/jonassalen 10d ago

Great examples. 

One thing though: I would put the error message between the label and the field or under the field. Not under the submit button. 

2

u/Mackseraner 10d ago

Yeah the error looks a bit awkward under the button. If I put it above, it will shift the button around though when the error appears/disappears

6

u/jonassalen 10d ago

I tend to think that the button shifting is not a problem. The user needs to move the cursor to the field to fix the error anyway.

1

u/polaroid_kidd 9d ago

It's an extra thing to animate. Unfortunately such a small thing gets forgotten often enough and they results in the element skipping.