Nobody likes

@synsation_

296.8K followers · usually 28.2K views a post

Views

96.8K

Likes

13.5K

Comments

60

Shares

478

Why it worked

The video offers practical, actionable advice on a common pain point (form filling) presented in a clear, numbered list format. This makes the information easily digestible and shareable, appealing to creators and developers looking to improve user experience.

Summary

This video provides six tips for improving user experience when filling out forms. It covers disabling submission until all fields are complete, validating input inline, showing character counts, pre-filling information, displaying password requirements, and being forgiving with formatting.

Structure

1Intro: Nobody likes filling out forms
2Tip 1: Don't let users submit until fields are correct
3Tip 2: Validate input inline
4Tip 3: Show character count
5Tip 4: Pre-fill what you can
6Tip 5: Show password requirements
7Tip 6: Be forgiving with formatting
8Outro: Follow for more on errors

Call to action

follow for more

Original caption

Build for Good UX Part 6 🎉

More from @synsation_

Their other posts in the index, biggest breakout first.

On-screen text

Nobody likes FILLING OUT FORMS Part 6 Building with And here are six ways 1 2 3 4 5 6 that you can reduce user frustration when filling out forms. 1. Don't let the user submit until everything is filled out correctly. grayed out until all the required fields are done. make it really obvious what's missing. A grayed out button with no explanation is even more frustrating Mark your required fields so the user's never guessing why they can't submit. 2. Validate inline The moment that someone leaves an email field real email address, you need to let them know. more frustrating Filling out a form Submitting it Having it load And then all the way up just to fix something 3. Show character count a limit, show characters are left as they're typing. why would you let someone write a whole paragraph and then come to find out half of it? 4. Pre-fill what you can If they're logged in, don't make them type their email again. 5. Show password requirements as they type and make sure to check off what they've done. Don't let someone submit a password. they need a capital 6. Be forgiving with formatting their phone number with dashes or parentheses or nothing at all. Can you handle all of those and just take care of formatting it in the backend? It just makes it easier for the user. we're going to cover more about errors and how the placement so follow for more.

Transcript

Nobody likes filling out forms. This is part six of my series of building with good UX. And here are six ways that you can reduce user frustration when filling out forms. One is don't let the user submit until everything is filled out correctly. Keep that button grayed out until all the required fields are done. But please make it really obvious what's missing. A grayed out button with no explanation is even more frustrating. Mark your required fields so the user's never guessing why they can't submit. Two, validate inline. The moment that someone leaves an email field and it's not a real email address, you need to let them know. Nothing is more frustrating than filling out a form, submitting it, having it load, and then have to scroll all the way up just to fix something. Three is show character count. If a field has a limit, show characters are left as they're typing. Like, why would you let someone write a whole paragraph and then come to find out half of it? Four is pre-fill what you can. If they're logged in, don't make them type their email again. Five, show password requirements as they type and make sure to check off what they've done. Don't let someone submit a password, they need a capital. Six is be forgiving with formatting. If someone types their phone number with dashes or parentheses or nothing at all. Can you handle all of those and just take care of formatting it in the backend? It just makes it easier for the user. In the next video, we're going to cover more about errors and how the placement so follow for more.