Forms suck. Period. These forms, however, don’t suck as much.

FORMS IN THE WILD

  • Odeo Sign Up Form - Does it surprise me that the goodess behind this was designed by Dan at Simplebits and coded by Dunstan of 1976 design? No, not really.

  • del.icio.us - Hello, maaaah-velous.

  • Google Maps Directions - Until Google Maps, I never even realized I hated going through every field on Mapquest to find where I needed to go.

  • Tangent New-member Sign Up Form - I was sad to see this service go because they had some really great ideas. Anyway, I always liked the way this form showed users help tips on the site when they were filling the info out.

  • snook Comment Form - Just nicely done. The arrows for guiding my eyes to content and what to do next. Also, the disappearing search when you scroll down.

FORM RESOURCES

HTML Form Builder
Kevin Hale

Examples of Good Form Implementations by Kevin Hale

This entry was posted 5 years ago and was filed under Notebooks.
Comments are currently closed.

· 9 Comments! ·

  1. Ryan Campbell · 5 years ago

    I agree with most of your list, but I question Google maps. I hate the fact that the average user has to read directions to know the correct way of entering data. Mapquest forms may be tedius, but they are usable. Now that I am familiar with Google maps, I can appreciate it more. I guess it all depends whether or not the trade off is worth it.

  2. Kevin Hale · 5 years ago

    Yeah, the syntax isn’t great right away, but I think they allow for a lot of different variations. It just comes to making the algorithms smarter rather than the interface more complex.

    Honestly, it makes sense. From where to where, that’s how simple it should be and it gets me thinking about how decisions in interfaces should always be difficult. Every link, every element, every word should be one of the hardest things to add to a page because each item reduces the value of the other items on the page.

    I get to something, I just want to get started and I’m glad Google appreciates that desire.

  3. Yannick L. · 5 years ago

    A very timely article. I have been having to use a lot more forms on the websites I am working on and would definitely like to make them more semantic and also more pleasing to the eyes. Thanks for the links.

  4. Bruno Torres · 5 years ago

    Well, odeo’s design is definitely great but the two times I looked at the subscribing form (when I subscribed and after reading this post) I stayed stall in front of it trying to figure out what each field was about. OK, Maybe I’m dumb but separating field names and inputs in two columns got me a little confused. I think when I go to a two columns page, my eyes fix at the central part and ignore, at first glance, the sidebar. Is it just me or anyone felt like this when looking at this form?

  5. Adam Bramwell · 5 years ago

    Tangent’s contextual help is still the best implementation that I’ve ever seen, thanks for reminding me!

    Serindipidous actually, I’ll have to go poking around in that source again..

  6. Baron · 5 years ago

    You know, for a site that talks about usability, I have to gently chastise you for the effects you have placed on links. I am beginning to dislike the hover/popup effects greatly.

  7. Kevin Hale · 5 years ago

    Baron, no love for the nicetitles? Do you not like how they look or are they keeping you from clicking on the links? They should behave no different from the tooltips that show up by default on browsers.

  8. Tyler Freeman · 5 years ago

    It’s the first time i ran through your site and I found it very informative and interesting. Nicely done! Lazy Mistery becomes Central Gnome in final: http://www.abc.net.au/news/ , Red, Small, Black nothing comparative to Faithful when Opponents Love Girl Win , Good Chair is always Lazy TV when Table Bet Round Rape

  9. Wella adsfhg · 5 years ago

    Everyone needs a hug.