Skip to content
Search engines 5511dd3

Web 2.0 Registration Forms Review

E

The author's views are entirely their own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz.

Table of Contents

E

Web 2.0 Registration Forms Review

The author's views are entirely their own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz.

A friend of mine and a skilled developer, Marc-Antoine Ross from DevTaxi, did a great review of Web 2.0 forms and I think it's worth reading! So here it goes:

I decided to review the registration forms from most of the sites that made it to the invaluable Web 2.0 Awards.

Most of the registration forms were very disappointing.

  • Some will validate on submit, but will display very unclear messaging to the user when an error occurred
  • Some look like an entry form to the FBI (Yahoo!)
  • Some display the password in clear text in the form!
  • Most of the registration forms had no JavaScript / AJAX validation at all.

My Recommendations

  • What can be validated through JavaScript should be done on submit or on change (email, password match, password strength)
  • What can be validated through AJAX (username availability, email already registered) is a nice to have
  • On submit, all errors will be reported at once with invalid fields highlighted, instead of stopping after each error found
  • Each field's requirements should be displayed near the field
  • Focus should be clearly changed to inform the user of the error to be corrected (focus to the first error found in the form)
  • Error messages should be clearly visible. Different colors for errors than positive feedback. Feedback containers should be positioned in such a way the form doesn’t shift down when messages are changed.
  • An input’s background and border color should be changed (to red) on error and its border to bold when focused.
  • Terms should be "Sign in" and "Register". I find "Sign in" and "Sign up" too confusing. Where do I start again? Oh, that X at the top right
  • Use labels in your forms!

A Few Good Examples:

1.Validates inputs on change, suggests improvements / errors.  Not visually attractive.

2.Simple and efficient

3.Nicely designed, good level of feedback to the user

4.I like the information provided to the user for each input

Again, thanks Marc-Antoine. Do you guys have any other recommendations or suggestions?

Back to Top

With Moz Pro, you have the tools you need to get SEO right — all in one place.

Read Next

The Mozbot Mashup: Roger Explores the World of Generative AI Imagery

The Mozbot Mashup: Roger Explores the World of Generative AI Imagery

Mar 07, 2023
One Secret to Improve SEO in 2021: Guestographics

One Secret to Improve SEO in 2021: Guestographics

Jul 21, 2021
Pop-Ups, Overlays, Modals, Interstitials, and How They Interact with SEO

Pop-Ups, Overlays, Modals, Interstitials, and How They Interact with SEO

Apr 28, 2017

Comments

Please keep your comments TAGFEE by following the community etiquette

Comments are closed. Got a burning question? Head to our Q&A section to start a new conversation.