sveltejs / learn.svelte.dev

A soup-to-nuts interactive tutorial on how to build apps with Svelte
https://learn.svelte.dev
MIT License
479 stars 235 forks source link

Replace modal with a wiggle #121

Open Rich-Harris opened 1 year ago

Rich-Harris commented 1 year ago

The modal when you violate one of the editing constraints is a bit overbearing — the 'you fucked up' indication could be a lot more subtle

dummdidumm commented 1 year ago

What you mean by "wiggle"? It's a little in-your-face, but it should stay clear what is expected of you.

Rich-Harris commented 1 year ago

By 'wiggle' I mean one of these guys:

https://user-images.githubusercontent.com/1162160/207207952-2532706a-bf83-45b7-875f-0b6ed693b662.mov

It's widely-enough used (particularly in mobile UI) that I think people find it self-explanatory

dummdidumm commented 1 year ago

I wouldn't know what that would mean, and I also wouldn't know what to do instead, left wondering what I did wrong.

Rich-Harris commented 1 year ago

you've never seen a password box wiggle when you typed it wrong? man, windows people are on another planet... 🙈

dummdidumm commented 1 year ago

I never have heard of that / seen that before, so yes, different planets I guess 😄 Even if I had, I still think it would be better to show more information in this case. A password is right or wrong, there cannot be suggestions - in our case, we know what's allowed, but the user might not have understood it fully yet, so showing what actually is allowed would be helpful.