Web design Experience < six > 10 design myths that make websites look unprofessional

Whether you are a fledgling business leader or not, a professional website can bring you more than you think. 10,000 step back, "considering we are a small factory," the rough site may be understood by users, but not necessarily acceptable. The vast number of websites that everyone browses to every day has instilled the concept of "what a normal/good website should look like" from head to toe.

Again further. Good enough sites will distract users, hesitate, tangle. We believe in big brands, or websites that look professional enough. If you provide a website that cannot attract them within a few minutes, even if it fails. How can a user suddenly start trusting you in this situation?

In a word, try to do professional design, polished every minute detail, the role of the site to maximize. Especially when you want to build a trustworthy brand, you need to carefully identify every detail. Even if your design ability is limited, if you can pay attention to the following 10 common design mistakes, but also can make your website to give people enough professional feeling. Of course, if your business is much larger than a startup, it is necessary to adopt a truly professional design team.

Note: The cases used in this article are startups, and if you have comments and suggestions for their design, they want you to leave a message on their website and make a better design for the promotion.

1, the use of unreasonable templates

Using a template is really a very handy thing. A large Enterprise template does not justify it, but it is absolutely understandable that startups are using bootstrap as a website. The use of similar bootstrap template as the basis, the designer hand for the brand and corporate temperament a little customization, in fact, is a very good idea, if the communication is good, may eventually show a very good site, for the enterprise's products and services is also a good addition.

But just to apply the template and not to be adjusted and customized, you encounter the most common problem is that the template and the brand itself, the visual design can not be agreed, from the logo to use the color, to the brand's unique fonts, can not be a high degree of matching with the site.

But if you really are in this convenient also stretched, try to pick in all aspects of the brand image itself closer to the template, the alienation to a minimum.

2. Use default appearance

Unlike Chinese websites, it is easy to use a variety of fonts in English websites. If you use Bootstrap, Wordpress and other tools to create a website, and just use the default settings, you can not fool anyone, you will see the lazy things at a glance-even the font is the default open Sans. Using the default appearance of WordPress is the same reason. If you're not going to make a difference on the site visually, the damage to the brand is obvious.

Of course, if you can use fonts such as Font Awesome and CSS tools, there is also the Kantiki of the miraculous. It can increase the icon library and style, so that bootstrap and other various systems, with beautiful consistent visual language.

There is no doubt that these carefully crafted original icons are naturally better than the universal icons built into the system. If you have your own ideas and ideas, why not look for icons, illustrations and fonts that are more personal and fit your brand's tone? Maybe the cost of time and the cost of implementation are not as high as you might think.

3, the problem of typesetting contrast

Typography is a big problem, far from what most non-designers think. Words and letters look simple, but they can make a good design or ruin the entire layout.

In many "home-made" web pages, the most common problem is that the contrast between the title and the body font is low, and the information level of the entire page is not obvious. Just adjusting the font size is not enough to make a comparison, the title font should be larger than the text, that is, the font should be thicker, make sure they are conspicuous and more easily noticed by the eye.

4. Use a dark background

Although the background is at the bottom of the Web page, but it is actually occupy the largest part of the site area, when users see the page will be the first time to feel, carefully selected background color is very important.

As a proven rule, the black-toned web site, apart from the real professional designers, can hardly be seen. The use of white as the basic background color is very safe, but most designers will choose light gray to hit the bottom. It is worth noting that the higher the gray level of the website, the less readable the black text, in order to ensure the readability of the website, grayscale is best kept below 15%.

5. Multi-level action call

Call to action, often referred to as a calling to action, generally refers to directing users to do what you want them to do, registering an account, clicking a button, and so on. In the Site page, the main call to action should be only one major, to know that the choice of OCD is much more than you think, if there is no major, single call to action, the user will be confused, and take a long time to make decisions, and then take action. Of course, there are a few users who will simply close the page and leave.

Put everything on the page, and nothing is the same effect. Remove the extra parts, sift through the most important things and let the user do the most important things. Whether you're registering or opening a purchase link, put the most compelling and meaningful buttons in the most prominent places and focus on the most important things.

6. The question of alignment and remaining white

It is not too fine to say that it is an art to stay white and pitch. It is one of the most difficult parts of the design to leave enough space and not allow too much spacing around the visual elements to be too sparse. There are too many articles about white and typography, but if you don't want to remember so many complicated tricks, you can recommend a simple and effective solution: the first step is to make sure that all elements are properly and appropriately grouped together, and the second step is to give enough white space outside this set of elements ...

7, non-professional copy

Writing a good copy is not a simple matter. But anyway, you need to show the content you need to express through the website, especially when you want to sell things through the website. In this case, you need to make your copy easy to understand, carefully proofread, ensure the correctness and accuracy of the content, and do not have spelling mistakes.

I often see on the Internet some very embarrassing copy, such a site will give people a site is still in the prototype stage of the rough feeling. Before the website online, find a friend with relevant experience to browse the whole station is a good choice.

8, the problem of readability

No good copy can save your business if you can't see it. Many small details can affect the readability of the Web site text, directly or indirectly affect your well-prepared content, making it difficult for readers to perceive smoothly.

To solve the readability problem, there are a lot of noticeable problems. High too low will make the text difficult to read, too small fonts for many users are obstacles, shadows, italics and other effects will often affect readability (especially Chinese, traditional Chinese this situation is more serious), color contrast is not controlled better is catastrophic. Some of these problems may not be too serious, but for most users it might not be too much of a hindrance, but it can make users doubt your professionalism.

9, the problem of consistency

You should always maintain product and brand consistency, from brand design, website design to social media, packaging and advertising, should have brand recognition.

But before you reach these ambitious goals, it's important to take a step back and make the Web site inherently consistent with itself first. Does your website have a consistent style of fonts? Does the brand color on the logo correspond to the color scheme of the website ? Is the shadow style of each element of the site exactly the same or "looks very similar"? Typically, you can solve many of the consistency problems by simply cleaning up your CSS style sheet.

10, anti-trend design

Whether you like it or not, the quasi-materialized design has gone away from us. Heavy shadows and the use of large-span gradients are rare in the current web design. Instead of looking for ideas in 3D effects, embrace the flat design guidelines.

Conclusion

The 10 items that you summarize today are basically the 10 design minefields that startups and novice designers encounter most often, and compare your site to see if you have a similar problem.

Original:http://www.rankingex.com/nd.jsp?id=887&_np=541_891

Web design Experience < six > 10 design myths that make websites look unprofessional