7 web designs that are maddening

Sometimes when I'm looking for sites that are full of anticipation-their existence is a disaster of design! Believe me, when you see them, you're going to freak out. From missing links to poor usability, this article will share some of the wrong designs that can make people burst out instantly. Don't let your users encounter the same problem as the following.

　　1. Lack of contrast

Text and pictures on a Web page need to be more readable, and the easiest way to do that is to have a high contrast. But many designers often ignore this rule.

Picture background and text contrast is too bad, resulting in ambiguous text can not read, users not only miss this paragraph also missed you to convey important content.

You have to make sure that each element is different from the other elements around it, and remember these basic methods-color, space, size. Use them rationally to make every element of you clear and visible!

The two contrasting questions of the above picture--the white text is too close to the color of the light picture and the too small font size makes the text extremely readable.

　　2. Poor navigation and operating procedures

When I landed at the first glance, you had to let me know what I was going to do next. Click on the button and the information needs to be placed in a conspicuous position-that is why navigation and menu bars are often at the top of the page.

Navigation labels and running effects must be clear and intuitive, when you try to use the horizontal scroll bar or some other unusual dynamic design, give users a hint to let them know how your Web page work! Overly complex design can make users feel overwhelmed and give up on your site.

　　3. Bad picture matching processing

There's nothing worse than a good picture being covered by other designs. If you spend time with a good picture of your site, why should you let it be covered by other design elements? Add a simple line of words on it! This is why the transparency button has become a new fashion trend.

When designers are chasing the trend, they often fall into such misunderstandings. The top bar is fun and scrolling is great, but when you match them with text, it's easy to become less harmonious. Each picture on the page needs to be paired with text to make each text readable and each design element on the picture visible.

Do not overwrite any important parts of the picture with text or buttons. When you think your page design is in this situation, it's best to replace it with a more concise background and place your picture somewhere else.

When you first see the picture above, you will be attracted to it because of its sketch style. But take a closer look, the character's face is obscured by the text, and the praise speech makes the whole look messy.

　　4. Do not use the grid

In web design, some "clutter" can also make people pleasing, asymmetry is one of them, do not use the grid is absolutely not!

The use of grids is one of the professional indicators for distinguishing between design and quality. The grid makes everything clear and organized--the right spacing between your elements, and you know where to put your elements and how to put them. The grid helps you determine the size of the element, the size and space of the text, and the focus of the content by proportion.

　　5. Do not adopt the response type design

Use a responsive design framework! Use a responsive design framework! Use a responsive design framework! The important thing to say three times! Your Web page may need to run on a mobile phone, and it must be as fluent as it is on a computer.

I can always meet some websites that are loaded with a whole page on the phone. These sites are not responsive design, at least without a mobile version of the view, so that users can not use. (Although very uncommon, but those who only provide mobile version view of the site is quite frustrating.) )

Maybe a lot of users like me, if I can't use your website smoothly on my phone, then I won't open it on my computer.

　　6. Link Lost

A broken link is one of the most annoying things on the Web page. Get into the habit of checking your links on your pages every year. You can manually check or use certain tools, such as website link Checker.

I would be surprised if your logo doesn't link to your home page. Logos are linked to the homepage of the site. (And when you are on the home page, do not disable the return button.) )

Consider the availability of links. Make sure your links, especially those in the text, are clear enough and easy to click without causing errors. Don't add a lot of text links to your text, especially on a small mobile device screen, it's hard for users to click on the right link.

　　7. Play Music automatically

Adding a sound to a Web page can be very vivid, but don't play music without a user's prompt.

You should provide the user with a button to turn on/off the music and turn it off by default. Music may surprise users, but it is counterproductive if the user is in a working environment or in a bad mood. The user needs to be able to completely manipulate your Web page, and the music that is automatically played runs counter to it. I need the Web music but the playback must get my consent, if I can't find the button to turn off the music automatically, that can only turn off the page directly.

But it's a good trick to use in advertising. If you have a sound content that must be played, consider putting a large pop-up mute button. Users tend to accept a few seconds of advertising time and read the content. Although this is not an ideal method, it is a better solution.

Look at this page, it will play music automatically but it should be mute. And see if you can find the toggle button--the button is too small, especially compared to other elements it is harder to find.

　　More serious guilt.

There is nothing worse than worse, and some of the details of the following design mistakes will leave me alone, and don't let yourself be the victim of these careless mistakes.

No search function

syntax or spelling errors

No Call function

Too many links appear in text

Text with hyphen connection

A very small button.

Poor typography and readability

It's easy for everyone to make these design mistakes (you'll also find these potential problems on a site that's a great overall design). By focusing on these small details during the design and development process, you can successfully avoid these mistakes. Don't annoy your users (serious faces)!