Web site User Experience Analysis: A tour of the form from a user's perspective

Source: Internet
Author: User
Keywords Forms experience points view out use hair

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

  

Users use publishing forms, like a trip. Can the purpose of the trip be achieved? is the process satisfying? These all determine whether the user will come here again.

  

First, then why should the user's perspective?

As a designer, have you ever encountered this situation:

· We added a fill item to collect user information.

· Our form is complex because we want users to fill in the content, which is useful;

· Our form should appear at this most important step, so that more users can see it ....

Do you think so when you fill out a form for a user?

· We fill out forms just to get what I want, not to collect information for you;

· If I can, I would like to fill in less information or do not fill out the form, to achieve the same purpose;

· When I want to do a thing, I don't want to see a b form ...

The above scenario may be a bit exaggerated, but it's undeniable that sometimes when we design a form, we don't start from the user's point of view, look at what they want, but from the point of view of our product side, let the user do what we want them to do.

Second, how to view the post form from the user's perspective?

Now that we've put the previous steps into the post form design, we can get the following ideas:

  

From this we can find that it seems that both before and after the release of these two processes, more easily overlooked. And the design point in the process of how to do?

Third, as a user to view the form

The idea is already there, so let's explore the post form as a user.

Before publishing:

As a user, I will hold a certain purpose, to find the tools I need--post form.

First, where do I get into the form?

This question is for the user in what context will be directed to the post form, look at this example:

  

The post form in the diagram above has a basic understanding of your site and is willing to communicate with it, and such dependencies are easy to accept.

  

The post portal in the figure above is arranged in the account-related area, not the business-related area, and there is not enough reason to persuade the user to publish it.

And then, does it match my purpose?

The beginning of the form should be clearly communicated to the user, what does the form do, whether it meets the user's expectations, and if not, where should the user go?

  

The form above is clearly communicated to the user and provides a quick escape from the exit.

  

Some of the brief introductions in Figure four will give users a general idea of the form, a mental preparation for complex information, and a better confirmation of their goals.

  

And on the map page, the user entered the eye is a long rule introduction and a variety of functional entrance, destroying the previous guidance to convey to the user's impression, as a new user, it is difficult to confirm that this is the place to find their own.

Published in:

Filling out the form itself is a boring thing, and I hope to minimize the pain of filling it out.

The first step, after entering the form, I want to see a clean and concise page. (Overall feeling)

Although this can not be quantified by data, but the impact on users should not be overlooked.

  

  

The above picture is the contrast before and after the revision, can very obvious contrast the page refreshing or not, moreover in the data, after the revision also has the more obvious promotion.

The second step, before filling out the form, I hope that the longer form can be displayed step-by-step (fill in the form)

Longer forms are more likely to scare off users, and clear steps can motivate users to fill out desires. However, the use of the progress bar should be noted, whether it can play a role.

The following figure of the form, the completion of information as a separate step, the user spent most of the time in the second step, in fact, did not play a lot of simplifying the role of the form.

  

The third step, when you start filling, I want to fill in the content at a glance (information layout)

When filling out a form, it is best to let the user know how to fill it out, so it is important that the information is laid out at a glance. This is mainly reflected in a few aspects:

1 Information classification

2 Order of information arrangement

3 Distinction of priority

  

Clearly communicated to the user: the difference between the basic information and the detailed information;

Look at the following example: Product attributes and product names and other information is not separated, and the order and priority is also wrong, causing user distress.

  

Fourth step, fill in the process, I would like to avoid unnecessary problems (content)

From a commercial point of view, of course, the more users fill in the better, but for users, filling out the form just to achieve his purpose, if the same effect, of course, is to fill the less the better.

  

  

The above example is a good illustration of what is the most basic filling for the user to achieve the goal. In fact, the company's information on the above, registered after the completion of a special process for users to fill out, there is no need to put in the registration process.

Fifth step, fill in and fill out, I need friendly tips and feedback. Guide)

This is important for users to complete form filling. For example, many forms in the form of dialogue with the user to communicate with the human dialogue instead of mechanical informed, will give users a little comfort psychological.

  

Feedback conveys the meaning of "please do it."

  

Feedback conveys the meaning of "error"

If you're a user, what's the difference between seeing these two kinds of feedback?

After publication:

I want to see if I have a problem with what I released, what should I do if I have a problem?

  

  

Existing forms can not be published after the user to show the effect, and after the release directly into the audit, the end of the audit users can not modify, which makes a lot of users headaches. And after the release of the experience, directly related to the next release.

Iv. Summary

After experiencing a lot of good form design as a user, I find that their excellence is traceable:

· Simple and clear, let the user quickly understand what is done

· Can be more smooth for the user to achieve the goal

· Friendly and cordial, so that people could not bear to leave

· But it doesn't have to be a burden.

· Better be interesting.

But, another way of thinking: to achieve the same purpose, can not use the form of form?

This may bring some inspiration to our design, in fact, there are many kinds of means to achieve the goal, so that users fill out form is just one of them, we design, you can divergent ideas, many for the sake of users, may be able to find a faster and more efficient way than form.

Original: http://www.aliued.com/2012/08/18/1072/

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.