UX Bad Practices

Collection by María

21 
Pins
 • 
47 
Followers

Bad practices in usability, accessibility and UX

María
Really long forced registration to buy

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

Users might want to get an option writing F (female) or M (male) this format does not allow that. In addition, it is hard to read given that the first 2 words are exactly the same in both the options.

Users might want to get an option writing F (female) or M (male) this format does not allow that. In addition, is harder to read given that the first 2 words are exactly the same.

I doubt there’s many people in the world with an email account who don’t receive at least 3 marketing emails every single day. But what factors decide whether recipients read them or send the straight to the trash file?

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

An optional field which is in fact mandatory Form Design, Ui Design, Ux User Experience, Web Forms, Interactive Design, Knowing You, Fails, Learning, Studying
Form DesignInteractive DesignKnowing YouFails

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

Items should be ordered, or at least, the user should be able to understand quickly the order

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

Users with color blindness will not be able to detect errors if the message says "please correct the elements in red"

Users with color blindness will not be able to detect errors if the message says "please correct the elements in red"

When username is taken the filled form is emptied and the user loses all the information Username

When username is taken the filled form is emptied and the user loses all the information

Allowing just one format when multiple variants are possible for usrs

Allowing just one format when multiple variants are possible for usrs

It might seem prettier to show all fields with the same width but it actually makes them harder to understand. It is better to adapt the width to the information that the user has to fill in.

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

Showing labels inside the fields causes that at some point this information will dissappear (once the user clicks inside, or once he starts entering info). Given that the user might forget the label, its better to always show it. Form Design, Web Design, Form Example, Web Forms, Air Miles Rewards, Best Practice, Screwed Up, Company Names, User Interface

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

Showing fields in 3 columns add complexity because the user will be unable to predict the order.

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

Imagine you are from thats tapping 30 times.

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

The user is forced to fill all the form instead of being alerted that he is already registered just after entering the email

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!

Examples of Bad Web Form Design

See how web forms can be poorly designed and make sure you're not making the same mistakes. Learn form best practices too!