12 Common web site interaction design Errors

Good interaction design can distinguish between open quality websites and other common websites. However, if there is a clear design error, it will only give you want to impress users with a sense of stimulation and frustration. Here's a list of the most disliked interactive design errors on the Speckyboy, to see if you've been shot!

　　1, lack of contrast

When browsing the site, we like to see the page design to show a clean, refreshing contrast. Contrast achieves an important goal-it makes the content readable and directs the user effortlessly on the page. This is one of the most basic design concepts, but it's strange that some websites just don't seem to understand.

Without enough contrast, whether it's a color or a whole show, a website looks, in the best case, makes you feel a bit confused, in the worst case, will make the page completely unreadable.

▲ Case Demonstration

　　2, crazy navigation.

Regardless of what you are using to jump out of the framework of the navigation ideas, first consider your users. It's not boring, it's thoughtful and pragmatic. Take advantage of the best practices and principles of navigation design: clarity, simplicity, consistency, and relevance.

▲ Case Demonstration

　　3, non-responsive or bad touch target

Responsive sites are now critical and we have no excuse to create a website that is difficult to use on your smartphone unless you do a lot of user testing and prove that a mobile-friendly site is not required.

▲ Case Demonstration

　　4, upsetting music.

It's nice to play some music at night and relax. At the right time, music can be a great experience. However, in 99.9% of cases, the right time is not when you browse the site.

Few things are more annoying than having a piercing symphony orchestra playing in your ear while browsing a website. If you are advertising your next album, this may be forgiven. But even then, it's only possible.

▲ Case Demonstration

　　5, meaningless pop-up window

Yes, pop-up windows can really get people to feel annoyed. Especially the registration window! Everyone needs more registration! But there is always a better way to do your marketing. Pop-up windows can be as annoying as yelling at children to try to attract their attention. If you have to use a window, make them simple, creative, and easy to close.

▲ Case Demonstration

　　6, poor architecture.

I understand how tempting it is to try to innovate. After all, you want your design to stand out. However, when creation becomes a fiery mess, it is time to bring in some necessary organizational.

Great designers are great communicators. Visual hierarchy and balance are important aspects of creating a good first impression, and they can affect the behavior of the user, and more importantly, can effectively convey information outside the page.

▲ Case Demonstration

　　7, Tricky typography

When I visit the website, I like to be able to access the information quickly and easily. We don't like messy, unreadable, shaded large fonts. Or try to read on a moving background, or struggle with small fonts that you can see with a magnifying glass.

Here are some rules to help you review your basics:

--to establish a clear hierarchical structure

--Note how text is aligned

--Limit the number, type, and color of font size

--make full use of blanks when necessary

　　8, clumsy form.

Sometimes you need to ask your users for some information, which is good in itself. However, this is not to say that you can provide them with a very long, time-consuming form. It is not a good idea to ask for the same information repeatedly. Only ask the user for the minimum amount of necessary information, and do not overlook the cross-browser style of the form.

A good form interaction experience comes from clarity, simplicity, and consistency.

Here are some tips:

--Emphasizing the required fields

--Show progress if necessary

--Provide tips

--note the length of the field

--Use advanced tools to customize form elements

　　9, no user feedback and data plagiarism

Getting inspiration from others is not necessarily a bad thing, but if you do, you need to make sure that you have the right feedback and data in hand to ensure that you are providing real design value for your target audience.

▲ Case Demonstration

　　10, significant inconsistencies

To a certain extent the style can be mixed. However, if the overall effect becomes a huge, ugly visual "conflict", then it is advisable to return to the drawing board and start over again.

Good interaction design is consistent. It gives users a better understanding of how things work, and lets users feel they are controlling the situation and improving their productivity when using a Web page. "Users ' expectations are more proven to be true, and the more they feel they are in control, the more they will like it," said Jacob Bu Nielsen. ”

▲ Case Demonstration

　　11, too much activity.

Interactive animations that you use occasionally can enhance your site's content. However, getting your page to bear one after another is a crazy activity that will make your users feel a little bit like entering an online lunatic or even something worse.

The following site is about crazy design when I will be crowned as the champion, I can set a challenge, you see it when there is no way to not be disturbed!

▲ Case Demonstration

　　12, chasing trends

It's nice to keep a bit of fashion. However, taking the time to chase the latest buzzwords and interactive design styles, you end up with a website that reads like a cliché. If you can, you should dare to be different.

Interactive design--four ways to design correctly

So, the above is my collection of my most annoying interaction design errors. Here is a handy little list to remind you how to design in the right way!

1) Target drive. Do not add effects to add effects. Don't choose a palette, navigation bar, or icon just because you think it looks good. Try to focus on the final goal. What do you want your site to achieve? Once you've identified that goal, chances are you'll have a good idea of what kind of interactive design you should use.

2 Remember to have a human face. If you belong to the art (we are not all), then you face the temptation is to create beautiful things, some good, some people have never done things. However, if no one has created and used them, there may be a good reason why they are useless. Remember, visitors to the site are human. You create things that are designed to attract them directly.

3) Maintain consistency. Yes, the site itself should be very impressive. However, the site should also need to be properly available. You will have to follow certain design conventions to make the site easy to navigate and understand. Don't violate common sense for the sake of being different. Instead, accept the fact that you will need to implement certain rules to help your users easily access your site.

4 test and test again. If you find any questions, test it! There are a lot of user research tools that can help you find places where users are trapped or distracted in a product. A/b test, analyze eye movement tracking data, or simply let your customers, co-workers and friends try out your new design. Nothing is more valuable than true feedback, and there is hardly a better way to improve your interaction vision.