DEV Community

loading...

18 Cards with form design tips

Victor
I'm full stack developer who is passionate about user interfaces
・2 min read

Hey devs!

I made 18 cards with tips of common mistakes when designing web forms.

I've also posted them on Twitter, so if you're a Twitter user you can make a bookmark there.

Here we go

Card number 1

Card number 2

Card number 3

Card number 4

Card number 5

Card number 6

Card number 7

Card number 8

Card number 9

Card number 10

Carb number 11

Card number 12

Card number 13

Card number 14

Card number 15

Card number 16

Card number 17

Card number 18

Discussion (7)

Collapse
jayjeckel profile image
Jay Jeckel • Edited

Amazing! These don't just apply to web forms, they are solid guidelines for designing any GUI.

The only thing I would add is that password field requirements are at best bad practice and at worst actually harmful to security. Instead of recommending easy discovery of password rules, you should recommend not using them at all. And of course the obligatory link to the relevant xkcd comic.

Collapse
devfemibadmus profile image
Devfemibadmus

Really good, wow! Impressive.........can I share this on my Facebook page

Collapse
vponamariov profile image
Victor Author

Sure!

Collapse
sebastienbarre profile image
Sebastien Barre

These are all great, thank you.

Collapse
vponamariov profile image
Victor Author

You're welcome =)

Collapse
nhwilly profile image
nhwilly

This is great!

Collapse
devfranpr profile image
DevFranPR

Wow I've never seen a better simple way to explain this 10/10 saved.