User Experience Design: Web page dropdown box design analysis

Source: Internet
Author: User

A seemingly minor change can actually reflect a big problem. I put the default selected ICBC in the dropdown box because ICBC accounts for more than half of the users of credit card repayments. This allows most users to operate less once, although this will distract him, perhaps he'll try to click the dropdown box to see if there is a problem directly to the ICBC release.

After designing, I have been preventing myself from becoming a user's "slave". Unfortunately, the atmosphere is now turning some designers into users ' slaves.

The picture above is an example I encountered in the course of the project. The original design is this:

A seemingly minor change can actually reflect a big problem. I put the default selected ICBC in the dropdown box because ICBC accounts for more than half of the users of credit card repayments. This allows most users to operate less once, although this will distract him, perhaps he'll try to click the dropdown box to see if there is a problem directly to the ICBC release. But it's worth it because the cost of learning is so low that users will benefit from it.

The design of Overkill

Because of the competition between banks, in the actual situation here can not put a specific bank. So I recommend that the default state of the dropdown box do not put anything, the following figure:

But the interaction designers believe that this should be designed as a blog to the beginning of the picture, that is, the dropdown box plus please select the words of the bank, and the link color. The reason is, let the user know to click this dropdown box. So I laugh and cry. The dropdown box is the standard native control, not only that, it is accompanied by a graphical operating system, I dare to say that as long as the computer, no one users do not know what the dropdown box is, and it can click.

Adding a link-colored text here is no help for the user to click. The blank in the dropdown box is to let the user know that this is empty and need you to fill it out. When the user scans the form at a glance, that's what I'm supposed to fill out. If there is a link color or body color text, there will be a default here has been filled out the feeling, and the user's eyes to navigate to this Drop-down box, and found that this is just a nonsense ...

Don T makes me think has taught us many, many people as the Bible, but his book does not say that the need to do so is to let users do not bother thinking. Instead, the user takes time to think. Designers need to prevent this mentality, too worried about users, will destroy their own design, for a long time, it will ruin their intuition as a designer. In fact, the user can not be a fool to see, this is not the situation in the real environment, the user is more intelligent than some designers think, and willing to learn. and easy to learn, but is now the most neglected.



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.