Five common design errors in Web page design

Interaction design is never a simple thing. Reliable interactions often require in-depth analysis of user behavior, and are carefully planned. But as new technologies and new modes of interaction continue to emerge, things become less easy.

In fact, the plight of all of us are very similar, users have been very difficult to be pure cool pictures, smooth hover effect and unexpected dynamic effect of the move, really let them smile is a lasting, enjoyable interactive design and user experience. If you know something about the common pitfalls of everyday design, you will naturally bypass these pits consciously.

For better design, we have summed up the most common 5 kinds of interactive design error.

　　1. Excessive creativity

Web designers are absolutely not lacking in creativity. We hope to express ourselves through our work and have been trying to find the best ideas that will make our products stand out. But when it comes to interactive design, innovation is not always good, and it can even have a detrimental effect on your website and products. Indeed, many users crave fresh ideas, but often want to be coordinated and controllable in their operations and interactions, so they tend to be more familiar with the interaction. Randy, Etsy's entrepreneurial director, has written about this issue and said, "designers are not here to be clever!" In this article, he explains in detail why you should not go to extremes to design pages full of innovative interactions.

With Lotorama's website as an example, beautiful pages and soft music are very good, but the user will hesitate to come in and wonder how the site will operate. Do not misinterpret my meaning, if you are pure in dazzle skill, then this kind of gorgeous and full of game-like website definitely is the creativity infinite, but for the ordinary user, their intuition loses the effect, the vacant flawless will become the website browsing obstacle.

Here is another case where the project named safety on the slopes is designed to illustrate the dangers of winter sports, with a clean and intuitive design of the entire site. Web design is also innovative, but at the same time is based on user interaction intuition as a prerequisite to immersive as the goal.

　　2. Confusing interaction

The "Don't be smart" rule should also be applied to navigation design. Some designers try to use unique, unusual names to move more experimental navigation. For example this Chijoff website, let the user who comes to apply is full of perplexity. If you're a visitor to the site, you'll need to go back and forth for a while to figure out that this page called "co-create" is actually a common "Services" page. The most tangled thing is that even after you have finished reading the entire page, it is still not clear what to do, because the bottom of this page is only a form, display industry news, and only provide a registration entry! The contact page is simpler, providing only one zip code and one email address. All in all, they use various means to make it impossible for users to connect directly and efficiently.

Looking at this case. Guess what this sort of "universe" on the Maison Margiela page is all about? This cool link is actually linked to their Facebook page ... Alas.

The counter example certainly also has, looks at Legworkstrdio's website, their creativity is very good, the navigation clear clear, the user also not to be lost in the navigation.

　3, disorderly

There was a time when the designer tried to cram all the content into one page. Although this time has passed, but many websites still make this mistake, even in our own design, sometimes also involuntarily want to do so. Look at the design of this online store:

Designers try to use a simple color scheme, but the problem is that large and small boxes in the page, complex and changeable fonts destroy the overall style, users are also in a lot of complicated information in the Meng. In the search box "So what do you want today?" The copywriting is still quite fashionable, but the page style is completely outdated.

ebay's design, on the other hand, is more restrained in design, keeps a cool and simple design, highlights the user's concerns, and explicitly prompts the user what to do next.

　　4, to have contrast

Contrast is one of the most important tools for building visual levels, and it's also a great way to make visual elements attractive to users. In the web design, contrast is not only through the color to show, size control, shape design, position adjustment can also show the contrast.

The simplest and most vivid case is the website below. Designers do a good job of consistency on the site, but the relative complexity of the background and text content, buttons and other foreground elements between the contrast is not obvious.

By contrast, the site is designed with a contrasting shade of color (black-and-white), but the results are quite different. In addition, the full of creative scrolling effect also introduced a quite good visual effect, is cool?

　　5, ignore the form style

Form design is actually one of the basic components of user experience design. Each site has a different design goal, whether it's selling products, presenting information, or providing a platform for communication, many beautifully designed sites will always give you a tedious, dead, complex form, with many users (like me) closing the page directly, except those who want to join the membership or want to participate in the survey. Leave the site.

With a cross-browser solution like JCF, you can say goodbye to the ugly default form style, and you can design a better, more humane form that promotes interactivity and user experience.

Another annoying situation is that the form requires too much, is immature, or has not been tested well. For example Sketchybusiness.io this site, the form highlights all the blank fields, even if some are not required to be filled in.

Counter-view Mostlyserious.io form design, you will like the mouse hover hint in the form. In addition, the "Don ' t be shy" reminder adds a human element to the entire form.

　Conclusion

Web site is not good enough, you need more testing! There are many problems that are not to be expected. Where do users run into problems? Does the setting in the navigation conform to the user's consciousness? are parallax effects and built-in videos capable of loading smoothly? The biggest benefit of getting users involved in testing is that you really start to have a user's perspective, rather than your own brain supplement, to understand the actual needs to improve. Don't try to limit your creativity, but don't forget the basics so you can surprise your users without being confused and frustrated.