UXasm

Some Stuff About User Experience, eCommerce, Social Media & etc.

Store Locator Forms Simplified to One Text Field

Users use forms to do many things. Finding a local store to shop at is one thing that should take them little time and effort to do. However, most store locator forms are hard to use and take up too much time. This is because they contain too many form fields. At the least, a store locator form will typically have two text fields and a dropdown box.

Why are there so many fields to do such a simple task? When users are looking for a store to go to, they want to find a nearby store quickly and walk out the door. A complicated store locator form slows them down. However, by simplifying the form to one text field, users can find their local store quickly and be on their way.

It’s better to combine all the fields into one because the user only needs to give their city and state, or zipcode to get back adequate results. If you offer all three fields to users, they will naturally try to fill in all three. This is a waste of time when all they need to fill in is one. What’s needed is a flexible text field that can take in different types of information the user chooses enter.

Users can easily enter their zipcode to finish their task. However, it’s necessary to allow users to enter their city and state for when they don’t know their zipcode. Most users are more likely to know their city and state than their zipcode (i.e. a person traveling a lot can easiiy forget their zipcode). Therefore, the text field should allow for that information as well.

The text field label should say “City and State or Zipcode” so that users know they can enter one or the either. If the user mistakenly enters their city without their state, the form should gracefully suggest the different states the city is found in. This allows users to select their city and state with a click, instead of going back to the text field to type their state in.

It’s easy to see how one simple and flexible text field can do the work of many form fields. This approach works when a text field can accept different types of information to complete the task. It’s a general rule on forms to remove fields you don’t need. In this case, the extra fields were removed by joining them into one. Not only do users get to choose how they want to enter their information, but now they only have one text field to fill out. This is the perfect case where flexibility meets simplicity.

via: http://uxmovement.com/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: